@jetcrab/pi-desk 1.1.12 → 1.1.16

package/src/client/l2_biz/workbench/l2-workbench.tsx

@@ -16,6 +16,7 @@ import { useTranslation } from 'react-i18next'
 import type {
   BrowserFilePreviewMode,
   BrowserFilePreviewOptions,
+  BrowserSessionSidebarHeaderAction,
   PluginSource
 } from '@jetcrab/pi-desk-sdk/browser'
 import {
@@ -110,6 +111,8 @@ import {
   type L2WorkSessionArrangement
 } from './l2-work-session-sidebar-order'
 import { useL2WorkbenchBranchPicker } from './hooks/l2-workbench-branch-picker'
+import { useL2WorkSessionRename } from './hooks/l2-work-session-rename'
+import { L2WorkSessionRenameDialog } from './views/l2-work-session-rename-dialog'
 import { useL2WorkbenchPluginHealth } from './hooks/l2-workbench-plugin-health'
 import { useL2WorkbenchSessionHistory } from './hooks/l2-workbench-session-history'
 import {
@@ -194,6 +197,7 @@ interface L2WorkbenchProps extends L2WorkbenchComposerSlots {
     cwd: string
     onPreviewFile: (path: string, options?: BrowserFilePreviewOptions) => void
     onRevealFile: (path: string) => Promise<void>
+    onHeaderActionsChange: (actions: readonly BrowserSessionSidebarHeaderAction[]) => void
   }) => ReactNode
   renderSettings: (input: {
     open: boolean
@@ -298,6 +302,10 @@ export function L2Workbench({
     setMobileDrawerOpen(false)
   }, [])
   const [sidebarMode, setSidebarMode] = useState<L2WorkSessionSidebarMode>('sessions')
+  const [pluginHeaderActions, setPluginHeaderActions] = useState<{
+    targetKey: string
+    actions: readonly BrowserSessionSidebarHeaderAction[]
+  } | null>(null)
   const [fileBrowserMounted, setFileBrowserMounted] = useState(false)
   const [settingsOpen, setSettingsOpen] = useState(false)
   const [settingsInitialPage, setSettingsInitialPage] = useState<'model-presets' | undefined>()
@@ -317,6 +325,7 @@ export function L2Workbench({
   }, [])
   const [loadPhase, setLoadPhase] = useState<'initial' | 'refresh' | 'ready'>('initial')
   const loading = loadPhase !== 'ready'
+  const renameSession = useL2WorkSessionRename(workbenchBiz, loading)
   const [ordering, setOrdering] = useState(false)
   const [deletingWorkId, setDeletingWorkId] = useState<string | null>(null)
   const [directoryDialogOpen, setDirectoryDialogOpen] = useState(false)
@@ -472,6 +481,25 @@ export function L2Workbench({
           branchId: activePluginBranchId
         }
       : null
+  const pluginSidebarTargetKey = JSON.stringify([
+    sidebarMode,
+    activePluginWorkId,
+    activePluginSessionId,
+    activePluginBranchId,
+    activeCwd
+  ])
+  const updatePluginHeaderActions = useCallback(
+    (actions: readonly BrowserSessionSidebarHeaderAction[]): void => {
+      setPluginHeaderActions((current) =>
+        actions.length > 0
+          ? { targetKey: pluginSidebarTargetKey, actions }
+          : current?.targetKey === pluginSidebarTargetKey
+            ? null
+            : current
+      )
+    },
+    [pluginSidebarTargetKey]
+  )
   const activeFileWorkspace = fileRuntime.getWorkspace(activeWorkId)
 
   useEffect(() => {
@@ -1848,7 +1876,8 @@ export function L2Workbench({
           source: activePluginSource,
           cwd: activeWorkSession.cwd,
           onPreviewFile: previewPluginFile,
-          onRevealFile: revealPluginFile
+          onRevealFile: revealPluginFile,
+          onHeaderActionsChange: updatePluginHeaderActions
         }}
       />
     ) : null
@@ -1858,6 +1887,11 @@ export function L2Workbench({
       mobile={mobile}
       fileBrowser={fileBrowser}
       pluginTabContent={pluginTabContent}
+      pluginHeaderActions={
+        sidebarOpen && pluginHeaderActions?.targetKey === pluginSidebarTargetKey
+          ? pluginHeaderActions.actions
+          : []
+      }
       pluginSessionTabs={pluginSessionTabs}
       fileRefreshLoading={activeFileWorkspace?.directories.get('')?.status === 'loading'}
       canBrowseFiles={activeCwd !== null}
@@ -1893,6 +1927,7 @@ export function L2Workbench({
       onSelect={selectSidebarWorkSession}
       onTogglePin={togglePinnedWorkSession}
       onDelete={requestDeleteWorkSession}
+      onRename={renameSession.show}
       onArrangementChange={requestArrangementUpdate}
     />
   )
@@ -2057,6 +2092,16 @@ export function L2Workbench({
           onBeforeReload: () => chatInputRuntime.prepareForPageReload()
         }}
       />
+      <L2WorkSessionRenameDialog
+        open={renameSession.open}
+        title={renameSession.title}
+        saving={renameSession.saving}
+        disabled={loading}
+        error={renameSession.error}
+        onTitleChange={renameSession.setTitle}
+        onSave={() => void renameSession.save()}
+        onClose={renameSession.close}
+      />
       <L2WorkbenchPickerDialog
         open={directoryDialogOpen}
         pickerMode={pickerMode}

package/src/client/l2_biz/workbench/views/l2-work-session-rename-dialog.tsx

@@ -0,0 +1,88 @@
+'use client'
+
+import { useId, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { LoaderCircleIcon } from 'lucide-react'
+import {
+  L4AppDialogContent,
+  L4AppDialogRoot,
+  L4AppDialogTitle
+} from '@client/l4_foundation/ui/l4-app-dialog'
+import { Button } from '@client/l4_foundation/ui/shadcn/button'
+import { Input } from '@client/l4_foundation/ui/shadcn/input'
+
+interface Props {
+  open: boolean
+  title: string
+  saving: boolean
+  disabled: boolean
+  error: string | null
+  onTitleChange: (title: string) => void
+  onSave: () => void
+  onClose: () => void
+}
+
+export function L2WorkSessionRenameDialog({
+  open,
+  title,
+  saving,
+  disabled,
+  error,
+  onTitleChange,
+  onSave,
+  onClose
+}: Props): React.JSX.Element {
+  const { t } = useTranslation('workbench')
+  const inputId = useId()
+  const inputRef = useRef<HTMLInputElement>(null)
+  return (
+    <L4AppDialogRoot open={open} onOpenChange={(nextOpen) => !nextOpen && onClose()}>
+      <L4AppDialogContent
+        data-testid="work-session-rename-dialog"
+        showCloseButton={false}
+        initialFocus={inputRef}
+        className="max-w-sm"
+      >
+        <form
+          className="flex flex-col gap-4 overflow-y-auto p-4"
+          onSubmit={(event) => {
+            event.preventDefault()
+            onSave()
+          }}
+        >
+          <L4AppDialogTitle>{t('renameSessionTitle')}</L4AppDialogTitle>
+          <div className="flex flex-col gap-2">
+            <label htmlFor={inputId} className="font-medium">
+              {t('sessionTitleLabel')}
+            </label>
+            <Input
+              ref={inputRef}
+              id={inputId}
+              value={title}
+              disabled={saving}
+              onChange={(event) => onTitleChange(event.currentTarget.value)}
+              onFocus={(event) => event.currentTarget.select()}
+              onKeyDown={(event) => {
+                if (event.key === 'Enter' && event.nativeEvent.isComposing) event.preventDefault()
+              }}
+            />
+          </div>
+          {error ? (
+            <p role="alert" className="break-words text-destructive">
+              {error}
+            </p>
+          ) : null}
+          <div className="flex justify-end gap-2">
+            <Button type="button" variant="outline" disabled={saving} onClick={onClose}>
+              {t('cancel', { ns: 'common' })}
+            </Button>
+            <Button type="submit" disabled={disabled || saving || !title.trim()} aria-busy={saving}>
+              {saving ? <LoaderCircleIcon className="size-4 animate-spin" /> : null}
+              {t('save', { ns: 'common' })}
+            </Button>
+          </div>
+        </form>
+      </L4AppDialogContent>
+    </L4AppDialogRoot>
+  )
+}

package/src/client/l3_modules/project-files/l3-markdown-preview.module.css

@@ -0,0 +1,81 @@
+.document {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 80ch;
+  min-width: 0;
+  margin-inline: auto;
+  padding: 1.5rem;
+  color: var(--foreground);
+  font-size: 1rem;
+  line-height: 1.8;
+  overflow-wrap: anywhere;
+}
+
+.document > * {
+  margin-block: 0;
+}
+
+.document > * + * {
+  margin-block-start: 1rem;
+}
+
+.document :is(h1, h2, h3, h4, h5, h6) {
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.document :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
+  margin-block-start: 1.75rem;
+}
+
+.document h1 {
+  font-size: 1.75rem;
+}
+
+.document h2 {
+  font-size: 1.375rem;
+}
+
+.document h3 {
+  font-size: 1.125rem;
+}
+
+.document a {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+.document :global([data-streamdown='code-block']) {
+  /* 保持真实高度，避免离屏代码块进入视口时改变文档长度。 */
+  content-visibility: visible !important;
+  contain-intrinsic-size: none !important;
+}
+
+.document :global([data-streamdown='code-block-body']) {
+  overflow-x: auto;
+  font-size: 0.875rem;
+  line-height: 1.6;
+}
+
+.document :global([data-streamdown='code-block-body']) :is(pre, code) {
+  font-size: inherit;
+  line-height: inherit;
+  white-space: pre;
+  overflow-wrap: normal;
+}
+
+.document :global([data-streamdown='code-block-body']) code > span {
+  display: block;
+}
+
+.document :global([data-streamdown='table-wrapper']) {
+  max-width: 100%;
+  min-width: 0;
+}
+
+@media (max-width: 640px) {
+  .document {
+    padding: 1rem;
+  }
+}

package/src/client/l3_modules/project-files/l3-markdown-preview.tsx

@@ -0,0 +1,52 @@
+'use client'
+
+import { cjk } from '@streamdown/cjk'
+import { code } from '@streamdown/code'
+import { memo, useLayoutEffect, useRef } from 'react'
+import { Streamdown } from 'streamdown'
+import styles from './l3-markdown-preview.module.css'
+
+const plugins = { cjk, code }
+
+export const L3MarkdownPreview = memo(function L3MarkdownPreview({
+  content,
+  label,
+  savedScrollTop,
+  onScroll
+}: {
+  content: string
+  label: string
+  savedScrollTop: number
+  onScroll: (scrollTop: number) => void
+}): React.JSX.Element {
+  const viewportRef = useRef<HTMLDivElement>(null)
+  const initialScrollTop = useRef(savedScrollTop)
+
+  useLayoutEffect(() => {
+    if (viewportRef.current) viewportRef.current.scrollTop = initialScrollTop.current
+  }, [])
+
+  return (
+    <div
+      ref={viewportRef}
+      data-testid="markdown-preview"
+      role="region"
+      aria-label={label}
+      tabIndex={0}
+      className="h-full min-h-0 overflow-auto overscroll-contain bg-background outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
+      onScroll={(event) => onScroll(event.currentTarget.scrollTop)}
+    >
+      <Streamdown
+        className={styles.document}
+        mode="static"
+        parseIncompleteMarkdown={false}
+        isAnimating={false}
+        controls={false}
+        lineNumbers={false}
+        plugins={plugins}
+      >
+        {content}
+      </Streamdown>
+    </div>
+  )
+})

package/src/client/l3_modules/project-files/l3-project-document-view.tsx

@@ -37,6 +37,8 @@ import type { L3ProjectGitBrowser } from './l3-project-git-runtime'
 import { useL3ProjectDocumentGit } from './l3-project-document-git'
 import { L3CodeSurfaceToolbarButton } from './l3-code-surface-toolbar-button'
 import { buildL3FilePreviewHtml } from './l3-file-preview-html'
+import { L3MarkdownPreview } from './l3-markdown-preview'
+import { getL3ProjectTextPreviewKind } from './l3-project-text-preview'
 
 function fileName(path: string): string {
   return path.replaceAll('\\', '/').split('/').at(-1) ?? path
@@ -67,8 +69,8 @@ export function L3ProjectDocumentView({
   useSyncExternalStore(runtime.subscribe, runtime.getRevision, runtime.getRevision)
   const { activeDiff, activePath } = runtime.state
   const document = !activeDiff && activePath ? runtime.state.documents.get(activePath) : null
-  const isHtml = Boolean(activePath && /\.html?$/i.test(activePath))
-  const showSource = document?.status === 'text' && (!isHtml || document.viewMode === 'source')
+  const previewKind = activePath ? getL3ProjectTextPreviewKind(activePath) : null
+  const showSource = document?.status === 'text' && (!previewKind || document.viewMode === 'source')
   const hostRef = useRef<HTMLDivElement>(null)
   const previewRef = useRef<L4CodePreviewHandle>(null)
   const diffRef = useRef<L4CodeDiffHandle>(null)
@@ -80,10 +82,12 @@ export function L3ProjectDocumentView({
     () => ({
       focus(): void {
         if (showSource) previewRef.current?.focus()
-        else diffRef.current?.focus()
+        else if (activeDiff) diffRef.current?.focus()
+        else
+          hostRef.current?.querySelector<HTMLElement>('[data-testid="markdown-preview"]')?.focus()
       }
     }),
-    [showSource]
+    [activeDiff, showSource]
   )
   useEffect(() => {
     const receive = (event: MessageEvent): void => {
@@ -150,7 +154,9 @@ export function L3ProjectDocumentView({
       onFocus={(event) => {
         if (event.target !== event.currentTarget) return
         if (showSource) previewRef.current?.focus()
-        else diffRef.current?.focus()
+        else if (activeDiff) diffRef.current?.focus()
+        else
+          hostRef.current?.querySelector<HTMLElement>('[data-testid="markdown-preview"]')?.focus()
       }}
     >
       {activeDiff || activePath ? (
@@ -215,8 +221,12 @@ export function L3ProjectDocumentView({
             </>
           ) : (
             <>
-              {isHtml && document?.status === 'text' && activePath ? (
-                <div className="mr-auto flex shrink-0" role="group" aria-label={t('htmlMode')}>
+              {previewKind && document?.status === 'text' && activePath ? (
+                <div
+                  className="mr-auto flex shrink-0"
+                  role="group"
+                  aria-label={t(previewKind === 'markdown' ? 'markdownMode' : 'htmlMode')}
+                >
                   {(['preview', 'source'] as const).map((mode) => (
                     <Button
                       key={mode}
@@ -372,7 +382,15 @@ export function L3ProjectDocumentView({
             slides={[{ src: document.objectUrl, alt: activePath }]}
             ariaLabel={t('imageViewer', { name: fileName(activePath) })}
           />
-        ) : isHtml && document.viewMode === 'preview' ? (
+        ) : previewKind === 'markdown' && document.viewMode === 'preview' ? (
+          <L3MarkdownPreview
+            key={activePath}
+            content={document.content}
+            label={t('markdownPreview', { name: activePath })}
+            savedScrollTop={document.previewScrollTop}
+            onScroll={(scrollTop) => runtime.savePreviewScrollTop(activePath, scrollTop)}
+          />
+        ) : previewKind === 'html' && document.viewMode === 'preview' ? (
           <iframe
             ref={iframeRef}
             className="block size-full border-0 bg-white"

package/src/client/l3_modules/project-files/l3-project-file-runtime.ts

@@ -11,6 +11,7 @@ import type { L4CodePreviewState } from '@client/l4_foundation/ui/code/l4-code-p
 import type { L4CodeDiffState } from '@client/l4_foundation/ui/code/l4-code-diff'
 import { saveL4CodePreferences } from '@client/l4_foundation/ui/code/l4-code-preferences'
 import { L3ProjectRequestError, type L3ProjectFileReader } from './l3-project-reader'
+import { getL3ProjectTextPreviewKind } from './l3-project-text-preview'
 import type { L3ProjectRevealTargetType } from '@common/l3_modules/project-files/l3-project-files-contract'
 import {
   compactL3ProjectDirectory,
@@ -41,6 +42,7 @@ export type L3FileDocument =
       size: number
       editorState: L4CodePreviewState | null
       viewMode: 'source' | 'preview'
+      previewScrollTop: number
       comparison?: L3FileComparison
     }
   | { status: 'image'; mimeType: L4ProjectFileImageMimeType; size: number; objectUrl: string }
@@ -146,6 +148,7 @@ export class L3ProjectFileRuntime {
   private readonly restoredTabs = new Set<string>()
   private readonly restoredEditorStates = new Map<string, L4CodePreviewState>()
   private readonly restoredFileViewModes = new Map<string, 'source' | 'preview'>()
+  private readonly restoredPreviewScrollTops = new Map<string, number>()
   private searchRequest: AbortController | null = null
   private diffRequest: AbortController | null = null
   private revision = 0
@@ -430,6 +433,7 @@ export class L3ProjectFileRuntime {
       state.documents.delete(path)
       this.restoredEditorStates.delete(path)
       this.restoredFileViewModes.delete(path)
+      this.restoredPreviewScrollTops.delete(path)
       this.closeMissing.delete(path)
       this.restoredTabs.delete(path)
     }
@@ -478,7 +482,11 @@ export class L3ProjectFileRuntime {
               editorState: this.restoredEditorStates.get(path) ?? null,
               viewMode:
                 this.restoredFileViewModes.get(path) ??
-                (this.options.htmlPreview && /\.html?$/i.test(path) ? 'preview' : 'source')
+                (getL3ProjectTextPreviewKind(path) === 'markdown' ||
+                (this.options.htmlPreview && getL3ProjectTextPreviewKind(path) === 'html')
+                  ? 'preview'
+                  : 'source'),
+              previewScrollTop: this.restoredPreviewScrollTops.get(path) ?? 0
             }
           : {
               status: 'image',
@@ -634,6 +642,11 @@ export class L3ProjectFileRuntime {
     const document = this.state.documents.get(path)
     if (document?.status === 'text') document.editorState = state
   }
+  savePreviewScrollTop(path: string, scrollTop: number): void {
+    const document = this.state.documents.get(path)
+    if (document?.status !== 'text') return
+    document.previewScrollTop = scrollTop
+  }
   setWrapLines(path: string, wrapLines: boolean): void {
     if (this.state.documents.get(path)?.status === 'text') saveL4CodePreferences({ wrapLines })
   }
@@ -654,6 +667,7 @@ export class L3ProjectFileRuntime {
     this.clearDiff()
     for (const document of this.state.documents.values()) this.releaseDocument(document)
     this.state.documents.clear()
+    this.restoredPreviewScrollTops.clear()
     this.listeners.clear()
   }
   private async ensureDiff(): Promise<void> {
@@ -704,6 +718,7 @@ export class L3ProjectFileRuntime {
     if (document?.status === 'text') {
       if (document.editorState) this.restoredEditorStates.set(path, document.editorState)
       this.restoredFileViewModes.set(path, document.viewMode)
+      this.restoredPreviewScrollTops.set(path, document.previewScrollTop)
     }
     this.releaseDocument(document)
     this.state.documents.set(path, { status: 'unloaded' })

package/src/client/l3_modules/project-files/l3-project-text-preview.ts

@@ -0,0 +1,5 @@
+export function getL3ProjectTextPreviewKind(path: string): 'markdown' | 'html' | null {
+  if (/\.(md|markdown)$/i.test(path)) return 'markdown'
+  if (/\.html?$/i.test(path)) return 'html'
+  return null
+}

package/src/client/l3_modules/work-session-visual/l3-work-session-visual-effects.module.css

@@ -6,39 +6,3 @@
 .identity {
   color: var(--pi-desk-project-color);
 }
-
-.statusBorder {
-  position: absolute;
-  z-index: 2;
-  inset: -1px;
-  width: calc(100% + 2px);
-  height: calc(100% + 2px);
-  overflow: visible;
-  border-radius: inherit;
-  pointer-events: none;
-  color: var(--foreground);
-  opacity: 0.48;
-}
-
-.statusBorder rect {
-  rx: calc(var(--radius-xl) - 1px);
-  width: calc(100% - 2px);
-  height: calc(100% - 2px);
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 1;
-  stroke-linecap: round;
-  stroke-dasharray: 14 86;
-  stroke-dashoffset: 14;
-}
-
-.statusBorder[data-state='completed'] {
-  color: var(--pi-desk-project-color);
-  opacity: 0.85;
-}
-
-.statusBorder[data-state='completed'] rect {
-  stroke-width: 1.5;
-  stroke-dasharray: 30 70;
-  stroke-dashoffset: 30;
-}

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

@@ -4,11 +4,6 @@ import type { CSSProperties } from 'react'
 import { getL3WorkSessionProjectColor } from './l3-work-session-visual'
 import styles from './l3-work-session-visual-effects.module.css'
 
-export {
-  L3WorkSessionStatusBorder,
-  type L3WorkSessionVisualState
-} from './l3-work-session-status-border'
-
 interface L3WorkSessionPresentation {
   className: string
   style: CSSProperties

package/src/client/l4_foundation/plugin-host/l4-plugin-host-runtime.ts

@@ -27,6 +27,7 @@ import {
   type BrowserPluginGlobalStateHost,
   type BrowserPluginHost,
   type BrowserPluginNotificationEventListener,
+  type BrowserSessionSidebarHeaderAction,
   type BrowserSessionSidebarTabContributionDefinition,
   type BrowserSessionSidebarTabTarget,
   type BrowserSettingsPageContributionDefinition,
@@ -759,6 +760,75 @@ export class L4PluginHostRuntime {
     const cancelled = new Promise<void>((resolve) => {
       controller.signal.addEventListener('abort', () => resolve(), { once: true })
     })
+    let target = input.target
+    if (target.kind === 'session-sidebar-tab' && target.setHeaderActions) {
+      const publishActions = target.setHeaderActions
+      let currentActions: readonly BrowserSessionSidebarHeaderAction[] = []
+      controller.signal.addEventListener(
+        'abort',
+        () => {
+          currentActions = []
+          publishActions([])
+        },
+        { once: true }
+      )
+      target = {
+        ...target,
+        setHeaderActions: (actions) => {
+          if (controller.signal.aborted || !registration.owner.active) return
+          if (!Array.isArray(actions)) throw new Error('侧栏操作必须为数组')
+          const nextActions: BrowserSessionSidebarHeaderAction[] = actions.map((action) => {
+            const label = parseLabel(action.label, 'Sidebar action label')
+            const icon = cloneIcon(action.icon)
+            const disabled = action.disabled === true
+            const busy = action.busy === true
+            const onSelect = action.onSelect
+            if (typeof onSelect !== 'function') throw new Error('侧栏操作缺少 onSelect 回调')
+            let running = false
+            return {
+              label,
+              icon,
+              disabled,
+              busy,
+              onSelect: () => {
+                if (
+                  controller.signal.aborted ||
+                  !registration.owner.active ||
+                  currentActions !== nextActions ||
+                  disabled ||
+                  busy ||
+                  running
+                )
+                  return
+                running = true
+                runPluginCallback(
+                  async () => {
+                    try {
+                      await onSelect()
+                    } catch (cause) {
+                      if (!controller.signal.aborted && registration.owner.active) {
+                        registration.owner.host.notify({
+                          level: 'error',
+                          title: label,
+                          description: cause instanceof Error ? cause.message : String(cause)
+                        })
+                      }
+                      throw cause
+                    } finally {
+                      running = false
+                    }
+                  },
+                  `sidebar-action:${label}`,
+                  input.pluginName
+                )
+              }
+            }
+          })
+          currentActions = nextActions
+          publishActions(nextActions)
+        }
+      }
+    }
     const mounting = Promise.resolve().then(async () => {
       if (controller.signal.aborted) throw new Error('插件视图已关闭')
       const implementation = await this.loadContribution(registration)
@@ -768,7 +838,7 @@ export class L4PluginHostRuntime {
       const mount = implementation.mount as unknown as BrowserMount<L4PluginContributionTarget>
       const result = await mount({
         container: input.container,
-        target: input.target,
+        target,
         host: registration.owner.host,
         signal: controller.signal
       })

package/src/client/l4_foundation/styles/l4-globals.css

@@ -447,25 +447,6 @@ body:has(.pi-desk-workbench) {
   background: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
 }
 
-@keyframes pi-desk-chat-send-flight {
-  from {
-    transform: translate(-1px, 1px);
-  }
-  to {
-    transform: translate(2px, -2px);
-  }
-}
-
-.pi-desk-chat-send-icon {
-  animation: pi-desk-chat-send-flight 0.72s ease-in-out infinite alternate;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .pi-desk-chat-send-icon {
-    animation: none;
-  }
-}
-
 @layer base {
   * {
     @apply border-border outline-ring/50;

package/src/client/l4_foundation/ui/code/l4-code-preview.tsx

@@ -156,7 +156,8 @@ function L4CodePreviewComponent(
           minimap: { enabled: false },
           stickyScroll: { enabled: false },
           scrollBeyondLastLine: false,
-          smoothScrolling: true,
+          // 只读预览避免把每格滚轮输入扩展为多帧重绘。
+          smoothScrolling: false,
           wordWrap: wrapLinesRef.current ? 'on' : 'off',
           wrappingIndent: 'same',
           ...getL4MonacoTypography(),