From 7022e4b9ca2f335c07e88f609f0b8fb53d2e450a Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Fri, 16 Jan 2026 13:05:47 +0800
Subject: [PATCH] fix(skill): add key prop to editors to fix content sync on
 tab switch

Lexical editor only uses initialConfig.editorState on mount, ignoring
subsequent value prop changes when the component is reused by React.
Adding key={activeTabId} forces React to remount editors when switching
tabs, ensuring correct content is displayed.
---
 web/app/components/workflow/skill/skill-doc-editor.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/app/components/workflow/skill/skill-doc-editor.tsx b/web/app/components/workflow/skill/skill-doc-editor.tsx
index e7b954cded..0398721dbf 100644
--- a/web/app/components/workflow/skill/skill-doc-editor.tsx
+++ b/web/app/components/workflow/skill/skill-doc-editor.tsx
@@ -164,6 +164,7 @@ const SkillDocEditor: FC = () => {
       )}
       {isCodeOrText && (
         <CodeFileEditor
+          key={activeTabId}
           language={language}
           theme={isMounted ? theme : 'default-theme'}
           value={currentContent}