@ash-qw/dsh-theme-prts 1.1.0 → 1.1.1

package/package.json

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

package/src/assets/cursors/animation.json

@@ -506,5 +506,61 @@
         "duration": 60000.0
       }
     ]
+  },
+  "states": {
+    "grab": {
+      "file": "prts-grab.png",
+      "source": "PRTS-Replica-v8-96x-grab_enter_0011.cur",
+      "crop": [
+        18,
+        40,
+        86,
+        96
+      ],
+      "size": [
+        45,
+        37
+      ],
+      "hotspot": [
+        22,
+        19
+      ]
+    },
+    "grabbing": {
+      "file": "prts-grabbing.png",
+      "source": "PRTS-Replica-v8-96x-grab_loop_0000.cur",
+      "crop": [
+        18,
+        40,
+        86,
+        96
+      ],
+      "size": [
+        45,
+        37
+      ],
+      "hotspot": [
+        22,
+        19
+      ]
+    },
+    "not-allowed": {
+      "file": "prts-not-allowed.png",
+      "source": "PRTS-Replica-v8-96x-unavail1_static.cur",
+      "crop": [
+        18,
+        10,
+        96,
+        96
+      ],
+      "size": [
+        51,
+        56
+      ],
+      "hotspot": [
+        7,
+        7
+      ]
+    }
   }
 }

package/src/client/cursor-adapter.js

@@ -107,7 +107,7 @@ export function createCursorAdapter({ document, window, assets }) {
     restoreHandTarget()
     if (!canAnimate(target) || !handCursor || target === textTarget) return
     const cursor = window.getComputedStyle(target).cursor
-    if (!cursor.includes('data:image/png') || /(?:,\s*text|resize)$/.test(cursor)) return
+    if (!cursor.includes('data:image/png') || /(?:,\s*(?:text|grab|grabbing|not-allowed|no-drop)|resize)$/.test(cursor)) return
     handTarget = target
     originalCursor = target.style.getPropertyValue('cursor')
     originalPriority = target.style.getPropertyPriority('cursor')
@@ -160,7 +160,7 @@ export function createCursorAdapter({ document, window, assets }) {
     reset()
     const cursor = target ? window.getComputedStyle(target).cursor : ''
     if (!cursor.includes('data:image/png')) return
-    if (/(?:,\s*text|resize)$/.test(cursor) || !canAnimate(target)) return
+    if (/(?:,\s*(?:text|grab|grabbing|not-allowed|no-drop)|resize)$/.test(cursor) || !canAnimate(target)) return
     gestureAssets = /,\s*pointer$/.test(cursor) && assets.link ? assets.link : assets
     pointerId = event.pointerId
     handCursor = cursor

package/src/client/operations-shell-v2.js

@@ -1,5 +1,4 @@
 import { createThemeSettingsOverlay, themeSettingsMarkup } from './theme-settings-workbench.js'
-import { createResizeShieldAdapter } from './resize-shield-adapter.js'
 
 const PHONE_RAIL_BREAKPOINT = 640
 const RAIL_HOLD_DELAY_MS = 350
@@ -53,7 +52,6 @@ export function createOperationsShell({
   onRetrySave = () => {},
 }) {
   const root = document.documentElement
-  const resizeShield = createResizeShieldAdapter({ window })
   let shell
   let navRail
   let railLauncher
@@ -463,11 +461,6 @@ export function createOperationsShell({
       onResetVisual: onVisualReset,
       onRetrySave,
     })
-    resizeShield.start([
-      operationRegion,
-      shell.querySelector('[data-prts-theme-settings]'),
-      shell.querySelector('[data-prts-settings-backdrop]'),
-    ])
     conversationObserver = new window.MutationObserver(syncConversationState)
     conversationObserver.observe(operationRegion, { childList: true, subtree: true, attributes: true, attributeFilter: ['hidden', 'data-chat-flow-kind', 'data-message-role'] })
     schemeObserver = new window.MutationObserver(syncSchemeToggle)
@@ -520,7 +513,6 @@ export function createOperationsShell({
     railViewportQuery = undefined
     railPointerQuery = undefined
     railHoverQuery = undefined
-    resizeShield.dispose()
     settingsOverlay?.dispose()
     conversationObserver?.disconnect()
     schemeObserver?.disconnect()

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

@@ -121,12 +121,29 @@ export function themeSettingsMarkup() {
         </header>
 
         <div data-prts-settings-body>
+        <div data-prts-settings-sidebar>
         <nav data-prts-settings-nav role="tablist" aria-label="设置分区">
           <button type="button" data-prts-settings-jump="appearance" role="tab" id="prts-tab-appearance" aria-controls="prts-page-appearance" aria-selected="true" tabindex="0">外观</button>
           <button type="button" data-prts-settings-jump="interaction" role="tab" id="prts-tab-interaction" aria-controls="prts-page-interaction" aria-selected="false" tabindex="-1">交互</button>
           <button type="button" data-prts-settings-jump="flow" role="tab" id="prts-tab-flow" aria-controls="prts-page-flow" aria-selected="false" tabindex="-1">会话流线</button>
           <button type="button" data-prts-settings-jump="particles" role="tab" id="prts-tab-particles" aria-controls="prts-page-particles" aria-selected="false" tabindex="-1">粒子效果</button>
         </nav>
+          <footer data-prts-settings-actions aria-label="全局主题设置操作">
+            <div data-prts-persistence-error hidden role="alert">
+              <span><strong>仅本次会话生效</strong><small>无法写入本地设置，当前视觉效果仍会保留。</small></span>
+              <button type="button" data-prts-retry-save>重试保存</button>
+            </div>
+            <div data-prts-reset-zone>
+
+              <button type="button" data-prts-reset-visual title="恢复全部外观设置" aria-label="恢复全部外观设置">恢复默认</button>
+              <div data-prts-reset-confirm hidden role="group" aria-label="确认恢复全部外观设置">
+                <span>重置四个分类的外观参数，保留主题开关、启动动画和徽记配置。</span>
+                <button type="button" data-prts-reset-confirm-action>确认恢复</button>
+                <button type="button" data-prts-reset-cancel>取消</button>
+              </div>
+            </div>
+          </footer>
+        </div>
         <div data-prts-theme-settings-scroll>
           <section data-prts-settings-section="appearance" role="tabpanel" id="prts-page-appearance" aria-labelledby="prts-tab-appearance" tabindex="0">
             <header data-prts-section-heading><strong>外观</strong><small>预设、界面材质与会话样式</small></header>
@@ -178,23 +195,9 @@ export function themeSettingsMarkup() {
             </div>
           </section>
 
-          <footer data-prts-settings-actions>
-            <div data-prts-persistence-error hidden role="alert">
-              <span><strong>仅本次会话生效</strong><small>无法写入本地设置，当前视觉效果仍会保留。</small></span>
-              <button type="button" data-prts-retry-save>重试保存</button>
-            </div>
-            <div data-prts-reset-zone>
-              <span><strong>恢复主题默认</strong><small>保留主题开关和启动动画设置</small></span>
-              <button type="button" data-prts-reset-visual>恢复默认</button>
-              <div data-prts-reset-confirm hidden role="group" aria-label="确认恢复主题默认">
-                <span>确认恢复全部主题参数？</span>
-                <button type="button" data-prts-reset-confirm-action>确认恢复</button>
-                <button type="button" data-prts-reset-cancel>取消</button>
-              </div>
-            </div>
-          </footer>
         </div>
         </div>
+
       </div>
     </dialog>`
 }

package/src/styles/cursor.css

@@ -15,7 +15,13 @@
   html[data-dsh-prts][data-prts-cursor="prts"] :is(textarea, input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]) {
     cursor: var(--prts-text-cursor), text;
   }
+  html[data-dsh-prts][data-prts-cursor="prts"] :is(.dsh-partner-pendant-hit, .dsh-partner-pendant-anchor, [data-prts-emblem-reorder]):enabled {
+    cursor: url("__PRTS_GRAB__") 22 19, grab;
+  }
+  html[data-dsh-prts][data-prts-cursor="prts"] :is(.dsh-partner-pendant-hit, .dsh-partner-pendant-anchor, [data-prts-emblem-reorder]):enabled:active {
+    cursor: url("__PRTS_GRABBING__") 22 19, grabbing;
+  }
   html[data-dsh-prts][data-prts-cursor="prts"] :is(:disabled, [aria-disabled="true"]) {
-    cursor: not-allowed !important;
+    cursor: url("__PRTS_NOT_ALLOWED__") 7 7, not-allowed !important;
   }
 }

package/src/styles/prts.css

@@ -1461,14 +1461,6 @@ html[data-dsh-prts] [data-prts-particle-layer] {
   transition: opacity 120ms ease-out;
 }
 
-/* Keep the host frame measurable while pruning the expensive operation subtree
-   during a viewport resize burst. Navigation and the native sessions sidebar
-   remain rendered; the shield is removed after the viewport settles. */
-html[data-dsh-prts] [data-prts-resize-shield] {
-  content-visibility: hidden !important;
-  contain-intrinsic-size: auto 800px;
-}
-
 /* Resize state lives on the small visual surfaces that need it, never on the root tree. */
 html[data-dsh-prts] [data-prts-particle-layer][data-prts-resizing] {
   opacity: .78;

package/src/styles/refinement.css

@@ -203,8 +203,8 @@ html[data-dsh-prts] [data-prts-composer-fallback]::after {
     calc(100% - 2px) 0, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%,
     2px 100%, 0 calc(100% - 2px), 0 2px
   );
-  backdrop-filter: var(--prts-active-glass-filter);
-  -webkit-backdrop-filter: var(--prts-active-glass-filter);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
   pointer-events: none;
 }
 

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

@@ -544,39 +544,6 @@ html[data-dsh-prts] [data-prts-setting-range-row] input[type="range"] {
   flex: 1;
 }
 html[data-dsh-prts] [data-prts-setting-range] { accent-color: var(--prts-cyan); }
-html[data-dsh-prts] [data-prts-settings-actions] {
-  min-height: 58px;
-  display: block;
-  padding: 0;
-  border-bottom: 1px solid var(--prts-line-strong);
-}
-
-html[data-dsh-prts] [data-prts-persistence-error],
-html[data-dsh-prts] [data-prts-reset-zone] {
-  min-height: 58px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 9px 11px;
-}
-
-html[data-dsh-prts] [data-prts-persistence-error] { border-bottom: 1px solid var(--prts-yellow); background: color-mix(in srgb, var(--prts-yellow) 7%, transparent); }
-html[data-dsh-prts] [data-prts-persistence-error] > span,
-html[data-dsh-prts] [data-prts-reset-zone] > span { display: grid; gap: 4px; }
-html[data-dsh-prts] [data-prts-persistence-error] strong { color: var(--prts-yellow); }
-html[data-dsh-prts] [data-prts-reset-visual],
-html[data-dsh-prts] [data-prts-reset-confirm-action] { color: var(--prts-yellow); box-shadow: inset 0 0 0 1px var(--prts-yellow); }
-
-html[data-dsh-prts] [data-prts-reset-confirm] {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 5px;
-  color: var(--prts-yellow);
-  font: 700 8px/1.3 var(--prts-mono);
-}
-
 html[data-dsh-prts] [hidden] { display: none !important; }
 
 /* Readable settings typography: information never drops below 12px. */
@@ -863,7 +830,20 @@ html[data-dsh-prts] [data-prts-theme-settings] {
 & [data-prts-settings-advanced-content] { border: 0; }
 & [data-prts-settings-advanced-content] > section { padding: 0 0 20px; }
 & :is([data-prts-advanced-summary], [data-prts-session-flow-speed-output], [data-prts-particle-traversal-output]) { color: var(--prts-muted); font-size: 12px; font-weight: 400; }
-& [data-prts-settings-actions] { padding-top: 24px; border-top: 1px solid var(--prts-line); }
+& [data-prts-settings-sidebar] { display:flex; flex-direction:column; min-height:0; position:relative; border-right:1px solid var(--prts-line); }
+& [data-prts-settings-nav] { border:0; background:none; }
+& [data-prts-settings-actions] { margin:auto 0 0; padding:14px; border:0; min-height:0; }
+& [data-prts-reset-zone] { min-height:0; }
+& [data-prts-reset-visual] { color:var(--prts-muted); box-shadow:none; background:none; font-size:12px; }
+& [data-prts-reset-confirm], & [data-prts-persistence-error] { display:flex; gap:8px; align-items:center; position:absolute; left:12px; bottom:52px; width:270px; padding:16px; border:1px solid var(--prts-line); border-radius:6px; background:var(--prts-panel-raised); box-shadow:0 8px 24px #0004; z-index:5; flex-wrap:wrap; font:400 12px/1.6 var(--prts-body); }
+& [data-prts-reset-confirm] > span { flex-basis:100%; }
+@media(max-width:720px) {
+& [data-prts-settings-sidebar] { flex-direction:row; border:0; border-bottom:1px solid var(--prts-line); }
+& [data-prts-settings-nav] { flex:1; padding:8px 4px; border:0; }
+& [data-prts-settings-jump] { padding:10px 8px; }
+& [data-prts-settings-actions] { margin:0; padding:8px 4px; align-self:center; }
+& [data-prts-reset-confirm], & [data-prts-persistence-error] { left:auto; right:8px; top:100%; bottom:auto; max-width:calc(100vw - 32px); }
+}
 & [data-prts-reset-zone] { padding: 0; }
 }
 @media (max-width: 720px) {

package/src/client/resize-shield-adapter.js

@@ -1,69 +0,0 @@
-const RESIZE_SHIELD_ATTRIBUTE = 'data-prts-resize-shield'
-const DEFAULT_SETTLE_DELAY = 180
-
-export function createResizeShieldAdapter({
-  window,
-  settleDelay = DEFAULT_SETTLE_DELAY,
-} = {}) {
-  let targets = []
-  let settleTimer
-  let started = false
-
-  function setActive(active) {
-    for (const node of targets) {
-      if (!node || node.hasAttribute?.(RESIZE_SHIELD_ATTRIBUTE) === active) continue
-      node.toggleAttribute?.(RESIZE_SHIELD_ATTRIBUTE, active)
-    }
-  }
-
-  function clearTimer() {
-    if (settleTimer === undefined) return
-    window?.clearTimeout?.(settleTimer)
-    settleTimer = undefined
-  }
-
-  function settle() {
-    settleTimer = undefined
-    setActive(false)
-  }
-
-  function onResize() {
-    if (!started) return
-    if (Number(window?.innerWidth) <= 640) {
-      clearTimer()
-      setActive(false)
-      return
-    }
-    setActive(true)
-    clearTimer()
-    settleTimer = window?.setTimeout?.(settle, settleDelay)
-  }
-
-  function dispose() {
-    clearTimer()
-    window?.removeEventListener?.('resize', onResize)
-    setActive(false)
-    targets = []
-    started = false
-  }
-
-  return {
-    start(nextTargets = []) {
-      const resolved = [...new Set(nextTargets)].filter(Boolean)
-      if (!window || !resolved.length) {
-        dispose()
-        return false
-      }
-      if (started) {
-        clearTimer()
-        setActive(false)
-        window.removeEventListener?.('resize', onResize)
-      }
-      targets = resolved
-      started = true
-      window.addEventListener?.('resize', onResize, { passive: true })
-      return true
-    },
-    dispose,
-  }
-}