Dev

bot.py

@@ -105,6 +105,8 @@ def run_runner_process():
 
 require_legacy_upgrade_confirmation(Path(script_dir))
 
+logger.info(t("startup.worker_dir_set", script_dir=script_dir))
+
 from src.main import MainSystem  # noqa
 from src.manager.async_task_manager import async_task_manager  # noqa
 
@@ -117,9 +119,6 @@ def run_runner_process():
 # 设置工作目录为脚本所在目录
 # script_dir = os.path.dirname(os.path.abspath(__file__))
 # os.chdir(script_dir)
-logger.info(t("startup.worker_dir_set", script_dir=script_dir))
-
-
 confirm_logger = get_logger("confirm")
 # 获取没有加载env时的环境变量
 env_mask = {key: os.getenv(key) for key in os.environ}

dashboard/eslint.config.js

@@ -6,7 +6,7 @@ import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ['dist', 'out'] },
   jsxA11y.flatConfigs.recommended,
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
@@ -25,10 +25,7 @@ export default tseslint.config(
         acc[key] = 'warn'
         return acc
       }, {}),
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
       // 关闭或降级其他规则
       '@typescript-eslint/no-explicit-any': 'warn',
       '@typescript-eslint/no-unused-vars': 'warn',
@@ -37,4 +34,11 @@ export default tseslint.config(
       'jsx-a11y/no-autofocus': 'warn',
     },
   },
+  {
+    files: ['**/*.d.ts'],
+    rules: {
+      // Ambient global declarations use `var` in TypeScript declaration files.
+      'no-var': 'off',
+    },
+  }
 )

dashboard/package.json

@@ -121,6 +121,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@react-spring/web": "10.0.3",
     "@tanstack/react-router": "^1.140.0",
     "@tanstack/react-virtual": "^3.13.13",
     "@tanstack/router-devtools": "^1.140.0",
@@ -130,6 +131,7 @@
     "@uppy/dashboard": "^5.1.0",
     "@uppy/react": "^5.1.1",
     "@uppy/xhr-upload": "^5.1.1",
+    "@use-gesture/react": "^10.3.1",
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -142,6 +144,7 @@
     "idb": "^8.0.3",
     "katex": "^0.16.27",
     "lucide-react": "^0.556.0",
+    "motion": "^12.38.0",
     "react": "^19.2.1",
     "react-day-picker": "^9.12.0",
     "react-dom": "^19.2.1",
@@ -154,9 +157,7 @@
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "smol-toml": "^1.5.2",
-    "tailwind-merge": "^3.4.0",
-    "@react-spring/web": "10.0.3",
-    "@use-gesture/react": "^10.3.1"
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.1",

dashboard/src/components/CodeEditor.tsx

@@ -1,19 +1,8 @@
-import { useEffect, useState } from 'react'
-import CodeMirror from '@uiw/react-codemirror'
-import { css } from '@codemirror/lang-css'
-import { json, jsonParseLinter } from '@codemirror/lang-json'
-import { linter } from '@codemirror/lint'
-import { python } from '@codemirror/lang-python'
-import { oneDark } from '@codemirror/theme-one-dark'
-import { EditorView } from '@codemirror/view'
-import { StreamLanguage } from '@codemirror/language'
-import { toml as tomlMode } from '@codemirror/legacy-modes/mode/toml'
-
-import { useTheme } from '@/components/use-theme'
+import { lazy, Suspense } from 'react'
 
 export type Language = 'python' | 'json' | 'toml' | 'css' | 'text'
 
-interface CodeEditorProps {
+export interface CodeEditorProps {
   value: string
 
   onChange?: (value: string) => void
@@ -27,109 +16,38 @@ interface CodeEditorProps {
   className?: string
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const languageExtensions: Record<Language, any[]> = {
-  python: [python()],
-  json: [json(), linter(jsonParseLinter())],
-  toml: [StreamLanguage.define(tomlMode)],
-  css: [css()],
-  text: [],
-}
+const CodeEditorImpl = lazy(() => import('./CodeEditorImpl'))
 
-export function CodeEditor({
-  value,
-  onChange,
-  language = 'text',
-  readOnly = false,
-  height = '400px',
+function CodeEditorFallback({
+  height,
   minHeight,
   maxHeight,
-  placeholder,
-  theme,
   className = '',
-}: CodeEditorProps) {
-  const [mounted, setMounted] = useState(false)
-  const { resolvedTheme } = useTheme()
-
-  useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  if (!mounted) {
-    return (
-      <div
-        className={`rounded-md border bg-muted animate-pulse ${className}`}
-        style={{ height, minHeight, maxHeight }}
-      />
-    )
-  }
-
-  const extensions = [
-    ...(languageExtensions[language] || []),
-    EditorView.lineWrapping,
-    // 应用 JetBrains Mono 字体
-    EditorView.theme({
-      '&': {
-        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
-      },
-      '.cm-content': {
-        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
-      },
-      '.cm-gutters': {
-        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
-      },
-      '.cm-scroller': {
-        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
-      },
-    }),
-  ]
-
-  if (readOnly) {
-    extensions.push(EditorView.editable.of(false))
-  }
+}: Pick<CodeEditorProps, 'height' | 'minHeight' | 'maxHeight' | 'className'>) {
+  return (
+    <div
+      className={`bg-muted animate-pulse rounded-md border ${className}`}
+      style={{ height, minHeight, maxHeight }}
+    />
+  )
+}
 
-  // 如果外部传了 theme prop 则使用，否则从 context 自动获取
-  const effectiveTheme = theme ?? resolvedTheme
+export function CodeEditor(props: CodeEditorProps) {
+  const { height = '400px', minHeight, maxHeight, className = '' } = props
 
   return (
-    <div className={`rounded-md overflow-hidden border custom-scrollbar ${className}`}>
-      <CodeMirror
-        value={value}
-        height={height}
-        minHeight={minHeight}
-        maxHeight={maxHeight}
-        theme={effectiveTheme === 'dark' ? oneDark : undefined}
-        extensions={extensions}
-        onChange={onChange}
-        placeholder={placeholder}
-        basicSetup={{
-          lineNumbers: true,
-          highlightActiveLineGutter: true,
-          highlightSpecialChars: true,
-          history: true,
-          foldGutter: true,
-          drawSelection: true,
-          dropCursor: true,
-          allowMultipleSelections: true,
-          indentOnInput: true,
-          syntaxHighlighting: true,
-          bracketMatching: true,
-          closeBrackets: true,
-          autocompletion: true,
-          rectangularSelection: true,
-          crosshairCursor: true,
-          highlightActiveLine: true,
-          highlightSelectionMatches: true,
-          closeBracketsKeymap: true,
-          defaultKeymap: true,
-          searchKeymap: true,
-          historyKeymap: true,
-          foldKeymap: true,
-          completionKeymap: true,
-          lintKeymap: true,
-        }}
-      />
-    </div>
+    <Suspense
+      fallback={
+        <CodeEditorFallback
+          height={height}
+          minHeight={minHeight}
+          maxHeight={maxHeight}
+          className={className}
+        />
+      }
+    >
+      <CodeEditorImpl {...props} />
+    </Suspense>
   )
 }
 

dashboard/src/components/CodeEditorImpl.tsx

@@ -0,0 +1,105 @@
+import { css } from '@codemirror/lang-css'
+import { json, jsonParseLinter } from '@codemirror/lang-json'
+import { python } from '@codemirror/lang-python'
+import { StreamLanguage } from '@codemirror/language'
+import { toml as tomlMode } from '@codemirror/legacy-modes/mode/toml'
+import { linter } from '@codemirror/lint'
+import { oneDark } from '@codemirror/theme-one-dark'
+import { EditorView } from '@codemirror/view'
+import CodeMirror from '@uiw/react-codemirror'
+
+import { useTheme } from '@/components/use-theme'
+
+import type { CodeEditorProps, Language } from './CodeEditor'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const languageExtensions: Record<Language, any[]> = {
+  python: [python()],
+  json: [json(), linter(jsonParseLinter())],
+  toml: [StreamLanguage.define(tomlMode)],
+  css: [css()],
+  text: [],
+}
+
+export default function CodeEditorImpl({
+  value,
+  onChange,
+  language = 'text',
+  readOnly = false,
+  height = '400px',
+  minHeight,
+  maxHeight,
+  placeholder,
+  theme,
+  className = '',
+}: CodeEditorProps) {
+  const { resolvedTheme } = useTheme()
+
+  const extensions = [
+    ...(languageExtensions[language] || []),
+    EditorView.lineWrapping,
+    // 应用 JetBrains Mono 字体
+    EditorView.theme({
+      '&': {
+        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
+      },
+      '.cm-content': {
+        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
+      },
+      '.cm-gutters': {
+        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
+      },
+      '.cm-scroller': {
+        fontFamily: '"JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace',
+      },
+    }),
+  ]
+
+  if (readOnly) {
+    extensions.push(EditorView.editable.of(false))
+  }
+
+  // 如果外部传了 theme prop 则使用，否则从 context 自动获取
+  const effectiveTheme = theme ?? resolvedTheme
+
+  return (
+    <div className={`custom-scrollbar overflow-hidden rounded-md border ${className}`}>
+      <CodeMirror
+        value={value}
+        height={height}
+        minHeight={minHeight}
+        maxHeight={maxHeight}
+        theme={effectiveTheme === 'dark' ? oneDark : undefined}
+        extensions={extensions}
+        onChange={onChange}
+        placeholder={placeholder}
+        basicSetup={{
+          lineNumbers: true,
+          highlightActiveLineGutter: true,
+          highlightSpecialChars: true,
+          history: true,
+          foldGutter: true,
+          drawSelection: true,
+          dropCursor: true,
+          allowMultipleSelections: true,
+          indentOnInput: true,
+          syntaxHighlighting: true,
+          bracketMatching: true,
+          closeBrackets: true,
+          autocompletion: true,
+          rectangularSelection: true,
+          crosshairCursor: true,
+          highlightActiveLine: true,
+          highlightSelectionMatches: true,
+          closeBracketsKeymap: true,
+          defaultKeymap: true,
+          searchKeymap: true,
+          historyKeymap: true,
+          foldKeymap: true,
+          completionKeymap: true,
+          lintKeymap: true,
+        }}
+      />
+    </div>
+  )
+}