@jetcrab/pi-desk 1.1.12 → 1.1.13-dev

package/src/client/l2_biz/workbench/hooks/l2-work-session-column-motion.ts

@@ -1,87 +0,0 @@
-'use client'
-
-import { useLayoutEffect, useRef, type RefObject } from 'react'
-import { useReducedMotion } from 'motion/react'
-import { useL4PowerSaving } from '@client/l4_foundation/ui/l4-power-saving'
-
-interface ColumnPositions {
-  width: number
-  leftById: Map<string, number>
-}
-
-export function useL2WorkSessionColumnMotion(
-  containerRef: RefObject<HTMLDivElement | null>,
-  layoutKey: string,
-  enabled: boolean
-): void {
-  const reducedMotion = useReducedMotion()
-  const powerSaving = useL4PowerSaving()
-  const previousPositions = useRef<ColumnPositions | null>(null)
-
-  useLayoutEffect(() => {
-    const container = containerRef.current
-    if (!container || !enabled || reducedMotion || powerSaving) {
-      previousPositions.current = null
-      return
-    }
-
-    const panels = Array.from(container.children).filter(
-      (element): element is HTMLElement =>
-        element instanceof HTMLElement && element.hasAttribute('data-panel')
-    )
-    // 同样的位置变化也可能来自切换折叠窗口；只有窗口增删才播放位移动画。
-    const topologyChanged =
-      previousPositions.current !== null &&
-      previousPositions.current.leftById.size !== panels.length
-    const animations = new Map<HTMLElement, Animation>()
-    const cancelAnimations = (): void => {
-      for (const animation of animations.values()) animation.cancel()
-      animations.clear()
-    }
-    const observer = new ResizeObserver(() => {
-      const previous = previousPositions.current
-      const width = container.clientWidth
-      const leftById = new Map(panels.map((panel) => [panel.id, panel.offsetLeft]))
-      const groupLeft = container.getBoundingClientRect().left
-      const visibleLeftById = new Map(
-        panels.map((panel) => [
-          panel.id,
-          animations.has(panel)
-            ? panel.getBoundingClientRect().left - groupLeft
-            : previous?.leftById.get(panel.id)
-        ])
-      )
-      const resizing =
-        container.matches(':has([data-separator="active"])') ||
-        container.parentElement
-          ?.closest('.pi-desk-workbench-resize-group')
-          ?.matches(':has([data-separator="active"])')
-      cancelAnimations()
-      previousPositions.current = { width, leftById }
-      if (!topologyChanged || !previous || Math.abs(previous.width - width) > 1 || resizing) {
-        return
-      }
-
-      // 尺寸由面板库一次提交；只移动窗口位置，不缩放正文或逐帧重排聊天。
-      for (const panel of panels) {
-        const oldLeft = visibleLeftById.get(panel.id)
-        const delta = oldLeft === undefined ? 0 : oldLeft - panel.offsetLeft
-        if (Math.abs(delta) < 1) continue
-        const animation = panel.animate(
-          [{ transform: `translateX(${delta}px)` }, { transform: 'translateX(0)' }],
-          { duration: 220, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }
-        )
-        animations.set(panel, animation)
-        animation.onfinish = () => animations.delete(panel)
-      }
-    })
-    observer.observe(container)
-    for (const panel of panels) observer.observe(panel)
-    container.addEventListener('pointerdown', cancelAnimations, true)
-    return () => {
-      observer.disconnect()
-      container.removeEventListener('pointerdown', cancelAnimations, true)
-      cancelAnimations()
-    }
-  }, [containerRef, enabled, layoutKey, powerSaving, reducedMotion])
-}

package/src/client/l3_modules/work-session-visual/l3-work-session-status-border.tsx

@@ -1,66 +0,0 @@
-'use client'
-
-import { useLayoutEffect, useRef } from 'react'
-import styles from './l3-work-session-visual-effects.module.css'
-
-export type L3WorkSessionVisualState = 'running' | 'completed' | 'idle'
-
-export function L3WorkSessionStatusBorder({
-  state,
-  powerSaving
-}: {
-  state: L3WorkSessionVisualState
-  powerSaving: boolean
-}): React.JSX.Element | null {
-  const rectRef = useRef<SVGRectElement>(null)
-
-  useLayoutEffect(() => {
-    const rect = rectRef.current
-    if (!rect || powerSaving || state === 'idle') return
-
-    const length = state === 'completed' ? 30 : 14
-    const animation = rect.animate(
-      [{ strokeDashoffset: length }, { strokeDashoffset: length - 100 }],
-      { duration: 6000, iterations: Infinity, easing: 'linear' }
-    )
-    let visible = true
-
-    const sync = (): void => {
-      if (document.hidden || !visible) {
-        animation.pause()
-      } else {
-        // 共用 document.timeline 的零点；新挂载、状态变化和恢复可见都不从头计时。
-        animation.play()
-        animation.startTime = 0
-      }
-    }
-    const observer = new IntersectionObserver(([entry]) => {
-      visible = entry.isIntersecting
-      sync()
-    })
-    observer.observe(rect)
-    document.addEventListener('visibilitychange', sync)
-    sync()
-
-    return () => {
-      observer.disconnect()
-      document.removeEventListener('visibilitychange', sync)
-      animation.cancel()
-    }
-  }, [powerSaving, state])
-
-  if (powerSaving || state === 'idle') return null
-
-  return (
-    <svg
-      aria-hidden="true"
-      focusable="false"
-      data-testid="work-session-status-border"
-      data-state={state}
-      className={styles.statusBorder}
-    >
-      {/* pathLength 归一化周长；改变线长时向后延伸，前端始终落在统一进度上。 */}
-      <rect ref={rectRef} x="1" y="1" pathLength="100" />
-    </svg>
-  )
-}

package/src/client/l4_foundation/ui/l4-power-saving.ts

@@ -1,45 +0,0 @@
-'use client'
-
-import { useSyncExternalStore } from 'react'
-
-const STORAGE_KEY = 'pi-desk:power-saving'
-const CHANGE_EVENT = 'pi-desk:power-saving-change'
-let memoryValue: boolean | null = null
-
-function readPowerSaving(): boolean {
-  if (memoryValue !== null) return memoryValue
-  try {
-    memoryValue = window.localStorage.getItem(STORAGE_KEY) === 'true'
-  } catch {
-    memoryValue = false
-  }
-  return memoryValue
-}
-
-function subscribePowerSaving(listener: () => void): () => void {
-  const handleStorage = (event: StorageEvent): void => {
-    if (event.key !== null && event.key !== STORAGE_KEY) return
-    memoryValue = null
-    listener()
-  }
-  window.addEventListener(CHANGE_EVENT, listener)
-  window.addEventListener('storage', handleStorage)
-  return () => {
-    window.removeEventListener(CHANGE_EVENT, listener)
-    window.removeEventListener('storage', handleStorage)
-  }
-}
-
-export function useL4PowerSaving(): boolean {
-  return useSyncExternalStore(subscribePowerSaving, readPowerSaving, () => false)
-}
-
-export function saveL4PowerSaving(enabled: boolean): void {
-  memoryValue = enabled
-  try {
-    window.localStorage.setItem(STORAGE_KEY, String(enabled))
-  } catch (error) {
-    console.warn('[Pi Desk][Appearance] 省电模式保存失败，仅当前页面生效', error)
-  }
-  window.dispatchEvent(new Event(CHANGE_EVENT))
-}

package/src/client/l4_foundation/ui/l4-window-reveal.ts

@@ -1,30 +0,0 @@
-'use client'
-
-import { useLayoutEffect, useRef, type RefObject } from 'react'
-import { useReducedMotion } from 'motion/react'
-import { useL4PowerSaving } from './l4-power-saving'
-
-export function useL4WindowReveal(
-  elementRef: RefObject<HTMLElement | null>,
-  identity: string | null
-): void {
-  const reducedMotion = useReducedMotion()
-  const powerSaving = useL4PowerSaving()
-  const previousIdentity = useRef<string | null>(null)
-
-  useLayoutEffect(() => {
-    const element = elementRef.current
-    const changed = previousIdentity.current !== identity
-    previousIdentity.current = identity
-    if (!element || !identity || !changed || reducedMotion || powerSaving) return
-
-    const animation = element.animate(
-      [
-        { opacity: 0, transform: 'translateY(5px)' },
-        { opacity: 1, transform: 'translateY(0)' }
-      ],
-      { duration: 200, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }
-    )
-    return () => animation.cancel()
-  }, [elementRef, identity, powerSaving, reducedMotion])
-}