V4.8.17 feature (#3485)

* feat: add third party account config (#3443)

* temp

* editor workflow variable style

* add team to dispatch

* i18n

* delete console

* change openai account position

* fix

* fix

* fix

* fix

* fix

* 4.8.17 test (#3461)

* perf: external provider config

* perf: ui

* feat: add template config (#3434)

* change template position

* template config

* delete console

* delete

* fix

* fix

* perf: Mongo visutal field (#3464)

* remve invalid code

* perf: team member visutal code

* perf: virtual search; perf: search test data

* fix: ts

* fix: image response headers

* perf: template code

* perf: auth layout；perf: auto save (#3472)

* perf: auth layout

* perf: auto save

* perf: auto save

* fix: template guide display & http input support external variables (#3475)

* fix: template guide display

* http editor support external workflow variables

* perf: auto save;fix: ifelse checker line break; (#3478)

* perf: auto save

* perf: auto save

* fix: ifelse checker line break

* perf: doc

* perf: doc

* fix: update var type error

* 4.8.17 test (#3479)

* perf: auto save

* perf: auto save

* perf: template code

* 4.8.17 test (#3480)

* perf: auto save

* perf: auto save

* perf: model price model

* feat: add react memo

* perf: model provider filter

* fix: ts (#3481)

* perf: auto save

* perf: auto save

* fix: ts

* simple app tool select (#3473)

* workflow plugin userguide & simple tool ui

* simple tool filter

* reuse component

* change component to hook

* fix

* perf: too selector modal (#3484)

* perf: auto save

* perf: auto save

* perf: markdown render

* perf: too selector

* fix: app version require tmbId

* perf: templates refresh

* perf: templates refresh

* hide auto save error tip

* perf: toolkit guide

---------

Co-authored-by: heheer <heheer@sealos.io>

packages/web/components/common/Textarea/PromptEditor/utils.ts

@@ -11,8 +11,9 @@ import type { EntityMatch } from '@lexical/text';
 import { $createTextNode, $getRoot, $isTextNode, TextNode } from 'lexical';
 import { useCallback } from 'react';
 import { VariableLabelNode } from './plugins/VariableLabelPlugin/node';
+import { VariableNode } from './plugins/VariablePlugin/node';
 
-export function registerLexicalTextEntity<T extends TextNode | VariableLabelNode>(
+export function registerLexicalTextEntity<T extends TextNode | VariableLabelNode | VariableNode>(
   editor: LexicalEditor,
   getMatch: (text: string) => null | EntityMatch,
   targetNode: Klass<T>,
@@ -22,7 +23,7 @@ export function registerLexicalTextEntity<T extends TextNode | VariableLabelNode
     return node instanceof targetNode;
   };
 
-  const replaceWithSimpleText = (node: TextNode | VariableLabelNode): void => {
+  const replaceWithSimpleText = (node: TextNode | VariableLabelNode | VariableNode): void => {
     const textNode = $createTextNode(node.getTextContent());
     textNode.setFormat(node.getFormat());
     node.replace(textNode);
@@ -228,6 +229,8 @@ export function editorStateToText(editor: LexicalEditor) {
         paragraphText.push(child.text);
       } else if (child.type === 'variableLabel') {
         paragraphText.push(child.variableKey);
+      } else if (child.type === 'Variable') {
+        paragraphText.push(child.variableKey);
       }
     });
     editorStateTextString.push(paragraphText.join(''));