feat: llm node add context

web/src/views/Workflow/components/Editor/nodes/VariableNode.tsx

@@ -42,13 +42,21 @@ const VariableComponent: React.FC<{ nodeKey: NodeKey; data: Suggestion }> = ({
       })}
       contentEditable={false}
     >
-      <img 
-        src={data.nodeData?.icon} 
-        style={{ width: '12px', height: '12px', marginRight: '4px' }} 
-        alt=""
-      />
-      <span className="rb:wrap-break-word rb:line-clamp-1">{data.nodeData?.name}</span>
-      <span style={{ color: '#DFE4ED', margin: '0 2px' }}>/</span>
+      {data.isContext ? (
+        <span style={{ fontSize: '12px', marginRight: '4px' }}>📄</span>
+      ) : (
+        <img 
+          src={data.nodeData?.icon} 
+          style={{ width: '12px', height: '12px', marginRight: '4px' }} 
+          alt=""
+        />
+      )}
+      {!data.isContext && (
+        <>
+          <span className="rb:wrap-break-word rb:line-clamp-1">{data.nodeData?.name}</span>
+          <span style={{ color: '#DFE4ED', margin: '0 2px' }}>/</span>
+        </>
+      )}
       <span className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1" style={{ color: '#155EEF' }}>{data.label}</span>
     </span>
   );

web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx

@@ -11,7 +11,9 @@ export interface Suggestion {
   type: string;
   dataType: string;
   value: string;
-  nodeData: NodeProperties
+  nodeData: NodeProperties;
+  isContext?: boolean; // 标记是否为context变量
+  disabled?: boolean; // 标记是否禁用
 }
 
 const AutocompletePlugin: FC<{ options: Suggestion[] }> = ({ options }) => {
@@ -131,19 +133,20 @@ const AutocompletePlugin: FC<{ options: Suggestion[] }> = ({ options }) => {
                   key={option.key}
                   style={{
                     padding: '8px 12px',
-                    cursor: 'pointer',
+                    cursor: option.disabled ? 'not-allowed' : 'pointer',
                     background: selectedIndex === globalIndex ? '#f0f8ff' : 'white',
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'space-between',
+                    opacity: option.disabled ? 0.5 : 1,
                   }}
-                  onClick={() => insertMention(option)}
+                  onClick={() => !option.disabled && insertMention(option)}
                   onMouseEnter={() => setSelectedIndex(globalIndex)}
                 >
                   <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                     <span
                       style={{
-                        background: option.type === 'context' ? '#722ed1' :
+                        background: option.isContext ? '#722ed1' :
                           option.type === 'system' ? '#1890ff' : '#52c41a',
                         color: 'white',
                         padding: '2px 6px',
@@ -153,7 +156,7 @@ const AutocompletePlugin: FC<{ options: Suggestion[] }> = ({ options }) => {
                         textAlign: 'center',
                       }}
                     >
-                      {option.type === 'context' ? '📄' :
+                      {option.isContext ? '📄' :
                         option.type === 'system' ? 'x' : 'x'}
                     </span>
                     <span style={{ fontSize: '14px' }}>{option.label}</span>

web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx

@@ -25,7 +25,20 @@ const InitialValuePlugin: React.FC<InitialValuePluginProps> = ({ value, options
 
         parts.forEach(part => {
           const match = part.match(/^\{\{([^.]+)\.([^}]+)\}\}$/);
+          const contextMatch = part.match(/^\{\{context\}\}$/);
 
+          // 匹配{{context}}格式
+          if (contextMatch) {
+            const contextSuggestion = options.find(s => s.isContext && s.label === 'context');
+            if (contextSuggestion) {
+              paragraph.append($createVariableNode(contextSuggestion));
+            } else {
+              paragraph.append($createTextNode(part));
+            }
+            return
+          }
+          
+          // 匹配普通变量{{nodeId.label}}格式
           if (match) {
             const [_, nodeId, label] = match;