@ash-qw/dsh-theme-prts 2.5.4 → 2.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "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/conversation-control-adapter.js

@@ -23,6 +23,8 @@ function isPendingInteractionAction(button) {
 function classify(button, operation) {
   // The host's process disclosure owns its transparent, full-width hit area.
   if (button.hasAttribute('data-turn-process')) return null
+  // Schedule cards use an absolute transparent button as the whole-card hit area.
+  if (button.parentElement?.matches('[data-tool="schedule_create"]') && hasClassSuffix(button, '_cardOpen')) return null
   if (button.querySelector('[data-compaction-disclosure]')) return null
   // Notification headers belong to the card surface, not standalone buttons.
   if (button.parentElement?.matches('[data-turn-trigger]')) return null
@@ -183,8 +185,11 @@ function mountBodyTargetFrame(document, window, operation) {
   const find=node=>{
     if(activeModal && !activeModal.contains(node))return null
     if (!node?.closest || node.closest('[data-prts-workspace-actions],[data-prts-session-actions]')) return null
-    const card=node.closest('[data-presented-file],[data-changed-files]')
+    const schedule=node.closest('[data-tool="schedule_create"]')
+    const scheduleOpen=schedule && [...schedule.children].find(child=>child.tagName==='BUTTON' && hasClassSuffix(child,'_cardOpen') && !child.matches(':disabled,[aria-disabled="true"]'))
     const button=node.closest('button')
+    // The transparent hit layer targets the card; nested actions keep their own frame.
+    const card=node.closest('[data-presented-file],[data-changed-files]') || (scheduleOpen && (!button || button===scheduleOpen)?schedule:null)
     const pendingAction=operation.contains(button) && isPendingInteractionAction(button) ? button : null
     const candidate=card || pendingAction || node.closest(selector)
     return candidate && !candidate.matches(':disabled,[aria-disabled="true"]') && !candidate.closest('[inert]') ? candidate : null

package/src/client/cursor-adapter.js

@@ -7,6 +7,7 @@ export function createCursorAdapter({ document, window, assets }) {
   let handPhase
   let gestureAssets = assets
   let textTarget
+  let moveFrame, pendingMove
   let lastPoint
   const heroTextSelector = '[data-phase="hero"] [class$="_titleGroup"]'
   const contentSelector = '[data-markdown], [data-slot*="markdown" i], [class*="markdown" i], :is([data-chat-flow-kind="user"], [data-chat-flow-kind="steering"], [data-submission-echo], [data-pending-steering]) [class$="_bubble"]'
@@ -90,6 +91,7 @@ export function createCursorAdapter({ document, window, assets }) {
   let originalPriority
   let appliedCursor
   let appliedPriority
+  let lastHandFrame
   function ownsHandCursor() {
     return handTarget?.style.cursor === appliedCursor
       && handTarget.style.getPropertyPriority('cursor') === appliedPriority
@@ -106,6 +108,7 @@ export function createCursorAdapter({ document, window, assets }) {
     }
     handTarget?.removeAttribute('data-prts-hand-active')
     handTarget = undefined
+    lastHandFrame = undefined
   }
   // Cursor is inherited. Animating a large container still restyles its subtree.
   // Keep those background hits static, while controls retain native animation.
@@ -130,7 +133,9 @@ export function createCursorAdapter({ document, window, assets }) {
   }
   function applyHandFrame() {
     if (stopIfHandChanged() || !handTarget) return
+    if(lastHandFrame === handCursor && ownsHandCursor())return
     handTarget.style.setProperty('cursor', handCursor)
+    lastHandFrame = handCursor
     appliedCursor = handTarget.style.cursor
     appliedPriority = handTarget.style.getPropertyPriority('cursor')
   }
@@ -156,20 +161,27 @@ export function createCursorAdapter({ document, window, assets }) {
   }
   function play(frames, done) {
     clearTimer()
-    let index = 0
+    const started = window.performance.now()
+    let index = 0, deadline = frames[0]?.duration ?? 0
     function next() {
       timer = undefined
       if (stopIfHandChanged()) return
-      // The source ANI ends with a 60-second hold frame. Use the static state instead.
+      const elapsed = window.performance.now() - started
+      // Skip expired frames after a busy main thread; never replay a backlog.
+      while (index < frames.length - 1 && elapsed >= deadline) {
+        index += 1
+        deadline += frames[index]?.duration ?? 0
+      }
+      // The source ANI ends with a 60-second hold frame, which is not animated.
       if (index >= frames.length - 1) { done(); return }
-      const frame = frames[index++]
-      show(frame.url)
+      show(frames[index].url)
       if (!handCursor) return
-      timer = window.setTimeout(next, frame.duration)
+      timer = window.setTimeout(next, Math.max(1, deadline - (window.performance.now() - started)))
     }
     next()
   }
   function down(event) {
+    clearPendingMove()
     if (event.pointerType !== 'mouse' || event.button !== 0 || event.isPrimary === false) return
     updateResize(event)
     updateTextHit(event)
@@ -203,13 +215,32 @@ export function createCursorAdapter({ document, window, assets }) {
     if (handPhase === 'press') return
     releaseHand()
   }
-  function move(event) {
+  function applyMove(event) {
     updateResize(event)
     updateTextHit(event)
     if (handCursor) followHand(event.target?.nodeType === 1 ? event.target : event.target?.parentElement)
     if (pointerId !== undefined && event.pointerId === pointerId && !(event.buttons & 1)) reset()
   }
+  function clearPendingMove() {
+    if (moveFrame !== undefined) window.cancelAnimationFrame?.(moveFrame)
+    moveFrame = undefined
+    pendingMove = undefined
+  }
+  function move(event) {
+    if (event.pointerType !== 'mouse') return
+    // Lost releases must clear synchronously even when the next paint is delayed.
+    if (pointerId !== undefined && event.pointerId === pointerId && !(event.buttons & 1)) reset()
+    if (!window.requestAnimationFrame) { applyMove(event); return }
+    pendingMove = { target:event.target, pointerType:event.pointerType, pointerId:event.pointerId,
+      buttons:event.buttons, clientX:event.clientX, clientY:event.clientY }
+    if (moveFrame === undefined) moveFrame = window.requestAnimationFrame(() => {
+      const latest = pendingMove
+      clearPendingMove()
+      if (latest?.target?.isConnected) applyMove(latest)
+    })
+  }
   function resetInteraction() {
+    clearPendingMove()
     reset()
     clearResize()
     clearTextHit()

package/src/client/preview-markdown.js

@@ -27,9 +27,12 @@ export function createPreviewContentCache(document, render = renderPreviewMarkdo
     const html = render(text)
     const plain = document.createElement('div')
     plain.innerHTML = html
-    const summary = plain.textContent.replace(/\s+/g, ' ').trim().slice(0, 100)
+    const fullSummary = plain.textContent.replace(/\s+/g, ' ').trim()
+    const summary = fullSummary.slice(0, 100)
+    const truncated = fullSummary.length > summary.length
+    const needsDetail = truncated || Boolean(plain.querySelector('a,pre,ul,ol,table,blockquote,h1,h2,h3,h4,h5,h6,br') || plain.children.length > 1)
     const cost = text.length + html.length + summary.length
-    const value = {html, summary, cost}
+    const value = {html, summary, cost, needsDetail, truncated}
     if (cost <= 262144) {
       while (entries.size && (entries.size >= 32 || size + cost > 262144)) {
         const key = entries.keys().next().value

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

@@ -293,12 +293,29 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       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'
+        let fixedEdge
+        if (surface === panel) {
+          // Pick a direction once, before async replies arrive; keep the same edge
+          // while content grows and let the existing scroll surface absorb overflow.
+          if (!current.placement) {
+            const below = top + height - preferredTop
+            const above = anchorBottom - top
+            current.placement = below < 160 && above > below
+              ? { direction: 'above', edge: anchorBottom }
+              : { direction: 'below', edge: preferredTop }
+          }
+          fixedEdge = Math.max(top, Math.min(current.placement.edge, top + height))
+          const available = current.placement.direction === 'above' ? fixedEdge - top : top + height - fixedEdge
+          surface.style.maxHeight = Math.max(1, available) + 'px'
+          surface.setAttribute('data-prts-preview-direction', current.placement.direction)
+        } else 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 fitsVertically = y => y >= top - 1 && y + bounds.height <= top + height + 1
         const above = anchorBottom - bounds.height
-        const y = !fitsVertically(preferredTop) && fitsVertically(above) ? above : preferredTop
+        const y = surface === panel
+          ? current.placement.direction === 'above' ? fixedEdge - bounds.height : fixedEdge
+          : !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'
@@ -319,6 +336,7 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
         surface.style.top = y + 'px'
         return !insufficient
       }
+      updateReplyAvailability()
       const menu = current.anchor?.closest('[data-prts-session-summary-popover]')
       const reference = menu?.getBoundingClientRect()
       const row = current.anchor?.getBoundingClientRect()
@@ -343,6 +361,8 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       current.spaceNotice?.remove()
       current.detailSpaceNotice?.remove()
       panel.removeAttribute('data-prts-preview-no-space')
+      panel.removeAttribute('data-prts-preview-direction')
+      panel.style.removeProperty('max-height')
       positionObserver?.disconnect()
       window.cancelAnimationFrame(positionFrame)
       window.removeEventListener('resize', schedulePosition)
@@ -537,8 +557,24 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       detailEntry?.removeAttribute('data-prts-reply-active')
       detailEntry = undefined
     }
+    const replyIsTruncated = item => {
+      const summary = item.querySelector('span')
+      return item.dataset.prtsSummaryTruncated === 'true' || summary.scrollHeight > summary.clientHeight + 1 || summary.scrollWidth > summary.clientWidth + 1
+    }
+    const updateReplyAvailability = () => {
+      const entries = [...body.querySelectorAll('[data-prts-reply-entry]')].map(item => [item, replyIsTruncated(item)])
+      for (const [item, truncated] of entries) {
+        const needed = truncated || item.dataset.prtsReplyTruncated === 'true'
+        item.toggleAttribute('data-prts-reply-overflow', truncated)
+        item.toggleAttribute('data-prts-reply-complete', !needed)
+        item.tabIndex = needed ? 0 : -1
+        item.setAttribute('aria-disabled', String(!needed))
+        if (!needed && detailEntry === item) hideDetail()
+      }
+    }
     const showDetail = (reply, index, item, refresh = false) => {
       keep()
+      if (!reply.tool && item.hasAttribute('data-prts-reply-complete')) { hideDetail(); return }
       if (!refresh && detailKey === reply.key && current.detail && !current.detail.hidden) return
       if (!current.detail) {
         const detail = panel.ownerDocument.createElement('section')
@@ -708,8 +744,15 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
           icon.append(outline)
           heading.prepend(icon)
           const summary = panel.ownerDocument.createElement('span')
-          summary.textContent = current.contentCache(reply.text).summary
-          item.append(heading, summary)
+          const content = current.contentCache(reply.text)
+          summary.textContent = content.summary
+          item.dataset.prtsReplyTruncated = String(content.needsDetail)
+          item.dataset.prtsSummaryTruncated = String(content.truncated)
+          const ellipsis = panel.ownerDocument.createElement('i')
+          ellipsis.setAttribute('data-prts-reply-ellipsis', '')
+          ellipsis.setAttribute('aria-hidden', 'true')
+          ellipsis.textContent = '…'
+          item.append(heading, summary, ellipsis)
           item.addEventListener('pointermove', () => showDetail(reply, index, item))
           item.addEventListener('focus', () => showDetail(reply, index, item))
           item.addEventListener('click', () => showDetail(reply, index, item))
@@ -725,6 +768,7 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
         if (scrollAnchor?.isConnected) body.scrollTop += scrollAnchor.getBoundingClientRect().top - anchorTop
         else if (previousTop === 0) body.scrollTop = 0
         historyKeys = replies
+        schedulePosition()
         previousText = undefined
         previousQuestion = undefined
         return

package/src/styles/facility-vector.css

@@ -48,7 +48,7 @@ html[data-dsh-prts] [data-prts-session-idle-indicator] {
   fill: var(--prts-dim);
 }
 
-html[data-dsh-prts] [data-prts-session-state] [data-prts-session-idle-indicator] {
+html[data-dsh-prts] :is([data-prts-session-state], [data-prts-session-row]:has([data-session-schedule-mark])) [data-prts-session-idle-indicator] {
   opacity: 0;
 }
 
@@ -824,7 +824,7 @@ html[data-dsh-prts] [data-prts-session-summary-popover]:has(> [data-prts-preview
 }
 
 /* Keep different-sized state markers centered on the same axis. */
-html[data-dsh-prts] [data-prts-session-row] [data-state]:is([data-state="ongoing"], [data-state="done"], [data-state="warning"], [data-state="error"]) {
+html[data-dsh-prts] [data-prts-session-row] :is([data-state="ongoing"], [data-state="done"], [data-state="warning"], [data-state="error"], [data-session-schedule-mark]) {
   flex-shrink: 0;
   margin-left: 20px;
 }
@@ -889,3 +889,12 @@ html[data-dsh-prts] [data-prts-tool-record] p { display:-webkit-box;-webkit-box-
 
 /* Show the baseline immediately; only start the pickup after a deliberate hover. */
 html[data-dsh-prts] [data-prts-session-row]:not([data-prts-pickup-ready]) :is([data-prts-session-pickup-bar],[data-prts-session-pickup-indicator]) { visibility:hidden; }
+
+html[data-dsh-prts] [data-prts-reply-entry][data-prts-reply-complete] { cursor:text; }
+
+/* Reserve the cue's width so showing it never changes the truncation measurement. */
+html[data-dsh-prts] [data-prts-reply-entry] > span { display:block;-webkit-line-clamp:unset;max-height:3.2em;color:#b8bec6; }
+html[data-dsh-prts] [data-prts-reply-ellipsis] { flex:0 0 12px;align-self:flex-end;color:#f0e6d6;font:600 14px/1.4 var(--prts-body);visibility:hidden; }
+html[data-dsh-prts] [data-prts-reply-overflow] > [data-prts-reply-ellipsis] { visibility:visible; }
+
+html[data-dsh-prts] [data-prts-reply-overflow] > span { color:#f0e6d6; }

package/src/styles/prts.css

@@ -963,7 +963,7 @@ html[data-dsh-prts] [data-prts-row-title] {
   white-space: nowrap;
 }
 
-html[data-dsh-prts] [data-prts-session-row] > span:has(> [data-state]) {
+html[data-dsh-prts] [data-prts-session-row] > span:has(> :is([data-state], [data-session-schedule-mark])) {
   padding-left: 0 !important;
 }