fix: prevent infinite loop on reset and handle legacy default scripts

- Add userModifiedModeRef to prevent useEffect from overriding user mode changes
- Detect legacy default script format and treat as normal mode
- Fix flickering issue when clicking reset button

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: xlorne

frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/node-components/strategy/TitleConfigModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { Modal, Input, Alert, Button, Space, message } from 'antd';
 import { EditOutlined, CodeOutlined, RollbackOutlined } from '@ant-design/icons';
 import { GroovyVariableMapping } from '@flow-engine/flow-types';
@@ -33,24 +33,35 @@ export const TitleConfigModal: React.FC<TitleConfigModalProps> = ({
   const [content, setContent] = useState('');
   const [showVariablePicker, setShowVariablePicker] = useState(false);
 
+  // 标记用户是否手动修改了模式（防止 useEffect 覆盖用户操作）
+  const userModifiedModeRef = useRef(false);
+
   // 获取变量映射
   const mappings = GroovyVariableService.getAllMappings(formFields);
 
   useEffect(() => {
-    // 解析当前脚本模式
+    // 如果用户手动修改了模式，不再覆盖
+    if (userModifiedModeRef.current) {
+      return;
+    }
+
+    // 只在 script 改变时重新解析（初始化）
     const parsedMode = TitleSyntaxConverter.parseMode(script);
 
     if (parsedMode === 'normal') {
       // 尝试解析为标签表达式
       const labelExpr = TitleSyntaxConverter.toLabelExpression(script, mappings);
+      // 如果是默认 legacy 脚本，显示空内容（让用户重新输入）
+      // 如果能解析成标签表达式，显示解析结果
+      // 否则显示空内容
       setContent(labelExpr || '');
     } else {
       // 高级模式，直接使用原脚本
       setContent(script);
     }
 
     setMode(parsedMode);
-  }, [script, mappings]);
+  }, [script]);
 
   // 插入变量
   const handleInsertVariable = (mapping: GroovyVariableMapping) => {
@@ -59,6 +70,7 @@ export const TitleConfigModal: React.FC<TitleConfigModalProps> = ({
 
   // 切换到高级模式
   const handleSwitchToAdvanced = () => {
+    userModifiedModeRef.current = true;
     if (mode === 'normal') {
       // 转换为Groovy脚本
       const groovyScript = TitleSyntaxConverter.toGroovySyntax(content, mappings);
@@ -69,6 +81,7 @@ export const TitleConfigModal: React.FC<TitleConfigModalProps> = ({
 
   // 重置为普通模式
   const handleResetToNormal = () => {
+    userModifiedModeRef.current = true;
     setContent('');
     setMode('normal');
   };

frontend/packages/flow-pc/flow-pc-design/src/utils/title-syntax-converter.ts

@@ -157,6 +157,12 @@ export class TitleSyntaxConverter {
    * 解析脚本模式
    */
   static parseMode(script: string): 'normal' | 'advanced' {
+    // 特殊处理：检测是否为默认的 legacy 脚本
+    // 如果是默认脚本，视为 normal 模式（可以重新编辑）
+    if (this.isDefaultLegacyScript(script)) {
+      return 'normal';
+    }
+
     if (GroovyVariableService.isAdvancedMode(script)) {
       // 尝试解析为正常模式
       const mappings = GroovyVariableService.getPredefinedMappings();
@@ -167,6 +173,15 @@ export class TitleSyntaxConverter {
     return 'advanced';
   }
 
+  /**
+   * 检查是否为默认的 legacy 脚本
+   */
+  private static isDefaultLegacyScript(script: string): boolean {
+    const trimmed = script.trim();
+    // 匹配默认脚本格式: def run(request){return '你有一条待办'}
+    return /^\s*def\s+run\s*\(\s*request\s*\)\s*\{\s*return\s+'[^']*'\s*\}\s*$/.test(trimmed);
+  }
+
   /**
    * 验证Groovy脚本语法（基础检查）
    */