@flowgram.ai/form-materials 0.4.6 → 0.4.8

package/dist/index.js

@@ -42,7 +42,7 @@ var init_cjs_shims = __esm({
 
 // src/shared/format-legacy-refs/index.ts
 function formatLegacyRefOnSubmit(value) {
-  if ((0, import_lodash.isObject)(value)) {
+  if ((0, import_lodash_es.isObject)(value)) {
     if (isLegacyFlowRefValueSchema(value)) {
       return formatLegacyRefToNewRef(value);
     }
@@ -59,7 +59,7 @@ function formatLegacyRefOnSubmit(value) {
   return value;
 }
 function formatLegacyRefOnInit(value) {
-  if ((0, import_lodash.isObject)(value)) {
+  if ((0, import_lodash_es.isObject)(value)) {
     if (isNewFlowRefValueSchema(value)) {
       return formatNewRefToLegacyRef(value);
     }
@@ -76,10 +76,10 @@ function formatLegacyRefOnInit(value) {
   return value;
 }
 function isLegacyFlowRefValueSchema(value) {
-  return (0, import_lodash.isObject)(value) && Object.keys(value).length === 2 && value.type === "ref" && typeof value.content === "string";
+  return (0, import_lodash_es.isObject)(value) && Object.keys(value).length === 2 && value.type === "ref" && typeof value.content === "string";
 }
 function isNewFlowRefValueSchema(value) {
-  return (0, import_lodash.isObject)(value) && Object.keys(value).length === 2 && value.type === "ref" && Array.isArray(value.content);
+  return (0, import_lodash_es.isObject)(value) && Object.keys(value).length === 2 && value.type === "ref" && Array.isArray(value.content);
 }
 function formatLegacyRefToNewRef(value) {
   const keyPath = value.content.split(".");
@@ -100,12 +100,12 @@ function formatNewRefToLegacyRef(value) {
     content: value.content.join(".")
   };
 }
-var import_lodash;
+var import_lodash_es;
 var init_format_legacy_refs = __esm({
   "src/shared/format-legacy-refs/index.ts"() {
     "use strict";
     init_cjs_shims();
-    import_lodash = require("lodash");
+    import_lodash_es = require("lodash-es");
   }
 });
 
@@ -173,12 +173,12 @@ var init_schema = __esm({
 });
 
 // src/shared/flow-value/utils.ts
-var import_lodash2, import_json_schema, FlowValueUtils;
+var import_lodash_es2, import_json_schema, FlowValueUtils;
 var init_utils = __esm({
   "src/shared/flow-value/utils.ts"() {
     "use strict";
     init_cjs_shims();
-    import_lodash2 = require("lodash");
+    import_lodash_es2 = require("lodash-es");
     import_json_schema = require("@flowgram.ai/json-schema");
     init_schema();
     ((FlowValueUtils2) => {
@@ -208,7 +208,7 @@ var init_utils = __esm({
       FlowValueUtils2.isFlowValue = isFlowValue;
       function* traverse(value, options) {
         const { includeTypes = ["ref", "template"], path = "" } = options;
-        if ((0, import_lodash2.isPlainObject)(value)) {
+        if ((0, import_lodash_es2.isPlainObject)(value)) {
           if (isRef(value) && includeTypes.includes("ref")) {
             yield { value, path };
             return;
@@ -230,7 +230,7 @@ var init_utils = __esm({
           }
           return;
         }
-        if ((0, import_lodash2.isArray)(value)) {
+        if ((0, import_lodash_es2.isArray)(value)) {
           for (const [_idx, _value] of value.entries()) {
             yield* traverse(_value, { ...options, path: `${path}[${_idx}]` });
           }
@@ -241,7 +241,7 @@ var init_utils = __esm({
       FlowValueUtils2.traverse = traverse;
       function getTemplateKeyPaths(value) {
         const keyPathReg = /\{\{([^\}\{]+)\}\}/g;
-        return (0, import_lodash2.uniq)(value.content?.match(keyPathReg) || []).map(
+        return (0, import_lodash_es2.uniq)(value.content?.match(keyPathReg) || []).map(
           (_keyPath) => _keyPath.slice(2, -2).split(".")
         );
       }
@@ -265,7 +265,7 @@ var init_utils = __esm({
             type: "boolean"
           };
         }
-        if ((0, import_lodash2.isObject)(value.content)) {
+        if ((0, import_lodash_es2.isObject)(value.content)) {
           return {
             type: "object"
           };
@@ -274,7 +274,7 @@ var init_utils = __esm({
       }
       FlowValueUtils2.inferConstantJsonSchema = inferConstantJsonSchema;
       function inferJsonSchema(values, scope) {
-        if ((0, import_lodash2.isPlainObject)(values)) {
+        if ((0, import_lodash_es2.isPlainObject)(values)) {
           if (isConstant(values)) {
             return inferConstantJsonSchema(values);
           }
@@ -336,6 +336,24 @@ var init_polyfill_create_root = __esm({
   }
 });
 
+// src/shared/lazy-suspense/index.tsx
+function withSuspense(Component, fallback) {
+  const WithSuspenseComponent = (props) => /* @__PURE__ */ import_react2.default.createElement(import_react2.Suspense, { fallback: fallback || /* @__PURE__ */ import_react2.default.createElement(import_semi_ui.Skeleton.Paragraph, { style: { width: "100%" }, rows: 1 }) }, /* @__PURE__ */ import_react2.default.createElement(Component, { ...props }));
+  return WithSuspenseComponent;
+}
+function lazySuspense(params, fallback) {
+  return withSuspense((0, import_react2.lazy)(params), fallback);
+}
+var import_react2, import_semi_ui;
+var init_lazy_suspense = __esm({
+  "src/shared/lazy-suspense/index.tsx"() {
+    "use strict";
+    init_cjs_shims();
+    import_react2 = __toESM(require("react"));
+    import_semi_ui = require("@douyinfe/semi-ui");
+  }
+});
+
 // src/shared/index.ts
 var init_shared = __esm({
   "src/shared/index.ts"() {
@@ -345,22 +363,23 @@ var init_shared = __esm({
     init_inject_material();
     init_flow_value();
     init_polyfill_create_root();
+    init_lazy_suspense();
   }
 });
 
 // src/plugins/json-schema-preset/type-definition/string.tsx
-var import_react2, import_editor2, import_semi_ui, stringRegistry;
+var import_react3, import_editor2, import_semi_ui2, stringRegistry;
 var init_string = __esm({
   "src/plugins/json-schema-preset/type-definition/string.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react2 = __toESM(require("react"));
+    import_react3 = __toESM(require("react"));
     import_editor2 = require("@flowgram.ai/editor");
-    import_semi_ui = require("@douyinfe/semi-ui");
+    import_semi_ui2 = require("@douyinfe/semi-ui");
     stringRegistry = {
       type: "string",
-      ConstantRenderer: (props) => props?.enableMultiLineStr ? /* @__PURE__ */ import_react2.default.createElement(
-        import_semi_ui.TextArea,
+      ConstantRenderer: (props) => props?.enableMultiLineStr ? /* @__PURE__ */ import_react3.default.createElement(
+        import_semi_ui2.TextArea,
         {
           autosize: true,
           rows: 1,
@@ -368,8 +387,8 @@ var init_string = __esm({
           disabled: props.readonly,
           ...props
         }
-      ) : /* @__PURE__ */ import_react2.default.createElement(
-        import_semi_ui.Input,
+      ) : /* @__PURE__ */ import_react3.default.createElement(
+        import_semi_ui2.Input,
         {
           size: "small",
           placeholder: import_editor2.I18n.t("Please Input String"),
@@ -753,18 +772,18 @@ function CodeEditor({
   options,
   readonly
 }) {
-  const editorRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
+  const editorRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
     if (languageId === "typescript") {
       initTsWorker();
     }
   }, [languageId]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (editorRef.current?.getValue() !== value) {
       editorRef.current?.setValue(String(value || ""));
     }
   }, [value]);
-  return /* @__PURE__ */ import_react3.default.createElement(import_react4.EditorProvider, null, /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(import_react5.EditorProvider, null, /* @__PURE__ */ import_react4.default.createElement(
     OriginCodeEditor,
     {
       defaultValue: String(value || ""),
@@ -782,24 +801,24 @@ function CodeEditor({
       },
       onChange: (e) => onChange?.(e.value)
     },
-    activeLinePlaceholder && /* @__PURE__ */ import_react3.default.createElement(import_react4.ActiveLinePlaceholder, null, activeLinePlaceholder),
+    activeLinePlaceholder && /* @__PURE__ */ import_react4.default.createElement(import_react5.ActiveLinePlaceholder, null, activeLinePlaceholder),
     children
   ));
 }
-var import_react3, import_react4, import_preset_code5, import_view, OriginCodeEditor;
+var import_react4, import_react5, import_preset_code5, import_view, OriginCodeEditor;
 var init_editor = __esm({
   "src/components/code-editor/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react3 = __toESM(require("react"));
-    import_react4 = require("@coze-editor/editor/react");
+    import_react4 = __toESM(require("react"));
+    import_react5 = require("@coze-editor/editor/react");
     import_preset_code5 = __toESM(require("@coze-editor/editor/preset-code"));
     import_view = require("@codemirror/view");
     init_utils2();
     init_language_features();
     init_theme();
     init_language_features();
-    OriginCodeEditor = (0, import_react4.createRenderer)(import_preset_code5.default, [
+    OriginCodeEditor = (0, import_react5.createRenderer)(import_preset_code5.default, [
       import_view.EditorView.theme({
         "&.cm-focused": {
           outline: "none"
@@ -810,13 +829,13 @@ var init_editor = __esm({
 });
 
 // src/components/code-editor/index.tsx
-var import_react5, CodeEditor2;
+var CodeEditor2;
 var init_code_editor = __esm({
   "src/components/code-editor/index.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react5 = require("react");
-    CodeEditor2 = (0, import_react5.lazy)(
+    init_shared();
+    CodeEditor2 = lazySuspense(
       () => Promise.resolve().then(() => (init_editor(), editor_exports)).then((module2) => ({ default: module2.CodeEditor }))
     );
   }
@@ -878,18 +897,18 @@ var init_object = __esm({
 });
 
 // src/plugins/json-schema-preset/type-definition/number.tsx
-var import_react8, import_editor5, import_semi_ui2, numberRegistry;
+var import_react8, import_editor5, import_semi_ui3, numberRegistry;
 var init_number = __esm({
   "src/plugins/json-schema-preset/type-definition/number.tsx"() {
     "use strict";
     init_cjs_shims();
     import_react8 = __toESM(require("react"));
     import_editor5 = require("@flowgram.ai/editor");
-    import_semi_ui2 = require("@douyinfe/semi-ui");
+    import_semi_ui3 = require("@douyinfe/semi-ui");
     numberRegistry = {
       type: "number",
       ConstantRenderer: (props) => /* @__PURE__ */ import_react8.default.createElement(
-        import_semi_ui2.InputNumber,
+        import_semi_ui3.InputNumber,
         {
           placeholder: import_editor5.I18n.t("Please Input Number"),
           size: "small",
@@ -903,18 +922,18 @@ var init_number = __esm({
 });
 
 // src/plugins/json-schema-preset/type-definition/integer.tsx
-var import_react9, import_editor6, import_semi_ui3, integerRegistry;
+var import_react9, import_editor6, import_semi_ui4, integerRegistry;
 var init_integer = __esm({
   "src/plugins/json-schema-preset/type-definition/integer.tsx"() {
     "use strict";
     init_cjs_shims();
     import_react9 = __toESM(require("react"));
     import_editor6 = require("@flowgram.ai/editor");
-    import_semi_ui3 = require("@douyinfe/semi-ui");
+    import_semi_ui4 = require("@douyinfe/semi-ui");
     integerRegistry = {
       type: "integer",
       ConstantRenderer: (props) => /* @__PURE__ */ import_react9.default.createElement(
-        import_semi_ui3.InputNumber,
+        import_semi_ui4.InputNumber,
         {
           placeholder: import_editor6.I18n.t("Please Input Integer"),
           size: "small",
@@ -927,21 +946,46 @@ var init_integer = __esm({
   }
 });
 
+// src/plugins/json-schema-preset/type-definition/date-time.tsx
+var import_react10, import_semi_ui5, dateTimeRegistry;
+var init_date_time = __esm({
+  "src/plugins/json-schema-preset/type-definition/date-time.tsx"() {
+    "use strict";
+    init_cjs_shims();
+    import_react10 = __toESM(require("react"));
+    import_semi_ui5 = require("@douyinfe/semi-ui");
+    dateTimeRegistry = {
+      type: "date-time",
+      ConstantRenderer: (props) => /* @__PURE__ */ import_react10.default.createElement(
+        import_semi_ui5.DatePicker,
+        {
+          size: "small",
+          type: "dateTime",
+          density: "compact",
+          style: { width: "100%", ...props.style || {} },
+          disabled: props.readonly,
+          ...props
+        }
+      )
+    };
+  }
+});
+
 // src/plugins/json-schema-preset/type-definition/boolean.tsx
-var import_react10, import_editor7, import_semi_ui4, booleanRegistry;
+var import_react11, import_editor7, import_semi_ui6, booleanRegistry;
 var init_boolean = __esm({
   "src/plugins/json-schema-preset/type-definition/boolean.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react10 = __toESM(require("react"));
+    import_react11 = __toESM(require("react"));
     import_editor7 = require("@flowgram.ai/editor");
-    import_semi_ui4 = require("@douyinfe/semi-ui");
+    import_semi_ui6 = require("@douyinfe/semi-ui");
     booleanRegistry = {
       type: "boolean",
       ConstantRenderer: (props) => {
         const { value, onChange, ...rest } = props;
-        return /* @__PURE__ */ import_react10.default.createElement(
-          import_semi_ui4.Select,
+        return /* @__PURE__ */ import_react11.default.createElement(
+          import_semi_ui6.Select,
           {
             placeholder: import_editor7.I18n.t("Please Select Boolean"),
             size: "small",
@@ -961,17 +1005,17 @@ var init_boolean = __esm({
 });
 
 // src/plugins/json-schema-preset/type-definition/array.tsx
-var import_react11, import_editor8, arrayRegistry;
+var import_react12, import_editor8, arrayRegistry;
 var init_array = __esm({
   "src/plugins/json-schema-preset/type-definition/array.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react11 = __toESM(require("react"));
+    import_react12 = __toESM(require("react"));
     import_editor8 = require("@flowgram.ai/editor");
     init_code_editor_mini();
     arrayRegistry = {
       type: "array",
-      ConstantRenderer: (props) => /* @__PURE__ */ import_react11.default.createElement(
+      ConstantRenderer: (props) => /* @__PURE__ */ import_react12.default.createElement(
         CodeEditorMini,
         {
           value: props.value,
@@ -996,6 +1040,7 @@ var init_type_definition = __esm({
     init_object();
     init_number();
     init_integer();
+    init_date_time();
     init_boolean();
     init_array();
     jsonSchemaTypePreset = [
@@ -1004,7 +1049,8 @@ var init_type_definition = __esm({
       numberRegistry,
       integerRegistry,
       booleanRegistry,
-      arrayRegistry
+      arrayRegistry,
+      dateTimeRegistry
     ];
     jsonSchemaTypePreset.forEach((_type) => import_json_schema2.jsonSchemaTypeManager.register(_type));
   }
@@ -1032,12 +1078,12 @@ var init_create_type_preset_plugin = __esm({
 });
 
 // src/plugins/json-schema-preset/index.tsx
-var import_react12, import_json_schema4, useTypeManager, JsonSchemaTypePresetProvider;
+var import_react13, import_json_schema4, useTypeManager, JsonSchemaTypePresetProvider;
 var init_json_schema_preset = __esm({
   "src/plugins/json-schema-preset/index.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react12 = __toESM(require("react"));
+    import_react13 = __toESM(require("react"));
     import_json_schema4 = require("@flowgram.ai/json-schema");
     init_type_definition();
     init_create_type_preset_plugin();
@@ -1045,7 +1091,7 @@ var init_json_schema_preset = __esm({
     JsonSchemaTypePresetProvider = ({
       types = [],
       children
-    }) => /* @__PURE__ */ import_react12.default.createElement(import_json_schema4.TypePresetProvider, { types: [...jsonSchemaTypePreset, ...types] }, children);
+    }) => /* @__PURE__ */ import_react13.default.createElement(import_json_schema4.TypePresetProvider, { types: [...jsonSchemaTypePreset, ...types] }, children);
   }
 });
 
@@ -1097,18 +1143,18 @@ var init_plugins = __esm({
 
 // src/components/variable-selector/use-variable-tree.tsx
 function useVariableTree(params) {
-  const { includeSchema, excludeSchema, customSkip } = params;
+  const { includeSchema, excludeSchema, skipVariable } = params;
   const typeManager = useTypeManager();
   const variables = (0, import_editor11.useAvailableVariables)();
-  const getVariableTypeIcon = (0, import_react13.useCallback)((variable) => {
+  const getVariableTypeIcon = (0, import_react14.useCallback)((variable) => {
     if (variable.meta?.icon) {
       if (typeof variable.meta.icon === "string") {
-        return /* @__PURE__ */ import_react13.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
+        return /* @__PURE__ */ import_react14.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
       }
       return variable.meta.icon;
     }
     const schema = import_json_schema5.JsonSchemaUtils.astToSchema(variable.type, { drilldownObject: false });
-    return /* @__PURE__ */ import_react13.default.createElement(import_semi_ui5.Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
+    return /* @__PURE__ */ import_react14.default.createElement(import_semi_ui7.Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
   }, []);
   const renderVariable = (variable, parentFields = []) => {
     let type = variable?.type;
@@ -1123,7 +1169,7 @@ function useVariableTree(params) {
     const key = keyPath.join(".");
     const isSchemaInclude = includeSchema ? import_json_schema5.JsonSchemaUtils.isASTMatchSchema(type, includeSchema) : true;
     const isSchemaExclude = excludeSchema ? import_json_schema5.JsonSchemaUtils.isASTMatchSchema(type, excludeSchema) : false;
-    const isCustomSkip = customSkip ? customSkip(variable) : false;
+    const isCustomSkip = skipVariable ? skipVariable(variable) : false;
     const isMetaDisabled = variable.meta?.disabled;
     const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip && !isMetaDisabled;
     if (!isSchemaMatch && !children?.length) {
@@ -1143,27 +1189,27 @@ function useVariableTree(params) {
   };
   return [...variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
 }
-var import_react13, import_json_schema5, import_editor11, import_semi_ui5;
+var import_react14, import_json_schema5, import_editor11, import_semi_ui7;
 var init_use_variable_tree = __esm({
   "src/components/variable-selector/use-variable-tree.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react13 = __toESM(require("react"));
+    import_react14 = __toESM(require("react"));
     import_json_schema5 = require("@flowgram.ai/json-schema");
     import_editor11 = require("@flowgram.ai/editor");
-    import_semi_ui5 = require("@douyinfe/semi-ui");
+    import_semi_ui7 = require("@douyinfe/semi-ui");
     init_plugins();
   }
 });
 
 // src/components/variable-selector/styles.tsx
-var import_styled_components2, import_semi_ui6, UIRootTitle, UIVarName, UITag, UITreeSelect, UIPopoverContent;
+var import_styled_components2, import_semi_ui8, UIRootTitle, UIVarName, UITag, UITreeSelect, UIPopoverContent;
 var init_styles = __esm({
   "src/components/variable-selector/styles.tsx"() {
     "use strict";
     init_cjs_shims();
     import_styled_components2 = __toESM(require("styled-components"));
-    import_semi_ui6 = require("@douyinfe/semi-ui");
+    import_semi_ui8 = require("@douyinfe/semi-ui");
     UIRootTitle = import_styled_components2.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -1181,7 +1227,7 @@ var init_styles = __esm({
       min-width: 50%;
     `}
 `;
-    UITag = (0, import_styled_components2.default)(import_semi_ui6.Tag)`
+    UITag = (0, import_styled_components2.default)(import_semi_ui8.Tag)`
   width: 100%;
   display: flex;
   align-items: center;
@@ -1196,7 +1242,7 @@ var init_styles = __esm({
     height: 22px;
   }
 `;
-    UITreeSelect = (0, import_styled_components2.default)(import_semi_ui6.TreeSelect)`
+    UITreeSelect = (0, import_styled_components2.default)(import_semi_ui8.TreeSelect)`
   outline: ${({ $error }) => $error ? "1px solid red" : "none"};
 
   & .semi-tree-select-selection {
@@ -1222,19 +1268,40 @@ var init_styles = __esm({
   }
 });
 
+// src/components/variable-selector/context.tsx
+var import_react15, VariableSelectorContext, useVariableSelectorContext, VariableSelectorProvider;
+var init_context = __esm({
+  "src/components/variable-selector/context.tsx"() {
+    "use strict";
+    init_cjs_shims();
+    import_react15 = __toESM(require("react"));
+    VariableSelectorContext = (0, import_react15.createContext)({});
+    useVariableSelectorContext = () => (0, import_react15.useContext)(VariableSelectorContext);
+    VariableSelectorProvider = ({
+      children,
+      skipVariable
+    }) => {
+      const context = (0, import_react15.useMemo)(() => ({ skipVariable }), [skipVariable]);
+      return /* @__PURE__ */ import_react15.default.createElement(VariableSelectorContext.Provider, { value: context }, children);
+    };
+  }
+});
+
 // src/components/variable-selector/index.tsx
-var import_react14, import_editor12, import_semi_ui7, import_semi_icons, VariableSelector, InjectVariableSelector;
+var import_react16, import_editor12, import_semi_ui9, import_semi_icons, VariableSelector, InjectVariableSelector;
 var init_variable_selector = __esm({
   "src/components/variable-selector/index.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react14 = __toESM(require("react"));
+    import_react16 = __toESM(require("react"));
     import_editor12 = require("@flowgram.ai/editor");
-    import_semi_ui7 = require("@douyinfe/semi-ui");
+    import_semi_ui9 = require("@douyinfe/semi-ui");
     import_semi_icons = require("@douyinfe/semi-icons");
     init_shared();
     init_use_variable_tree();
     init_styles();
+    init_context();
+    init_context();
     VariableSelector = ({
       value,
       config = {},
@@ -1246,8 +1313,13 @@ var init_variable_selector = __esm({
       hasError,
       triggerRender
     }) => {
-      const treeData = useVariableTree({ includeSchema, excludeSchema });
-      const treeValue = (0, import_react14.useMemo)(() => {
+      const { skipVariable } = useVariableSelectorContext();
+      const treeData = useVariableTree({
+        includeSchema,
+        excludeSchema,
+        skipVariable
+      });
+      const treeValue = (0, import_react16.useMemo)(() => {
         if (typeof value === "string") {
           console.warn(
             "The Value of VariableSelector is a string, it should be an ARRAY. \n",
@@ -1259,11 +1331,11 @@ var init_variable_selector = __esm({
       }, [value]);
       const renderIcon = (icon) => {
         if (typeof icon === "string") {
-          return /* @__PURE__ */ import_react14.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
+          return /* @__PURE__ */ import_react16.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
         }
         return icon;
       };
-      return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+      return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
         UITreeSelect,
         {
           dropdownMatchSelectWidth: false,
@@ -1280,10 +1352,10 @@ var init_variable_selector = __esm({
           },
           renderSelectedItem: (_option) => {
             if (!_option?.keyPath) {
-              return /* @__PURE__ */ import_react14.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 UITag,
                 {
-                  prefixIcon: /* @__PURE__ */ import_react14.default.createElement(import_semi_icons.IconIssueStroked, null),
+                  prefixIcon: /* @__PURE__ */ import_react16.default.createElement(import_semi_icons.IconIssueStroked, null),
                   color: "amber",
                   closable: !readonly,
                   onClose: () => onChange(void 0)
@@ -1292,13 +1364,13 @@ var init_variable_selector = __esm({
               );
             }
             const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);
-            const rootTitle = /* @__PURE__ */ import_react14.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
-            return /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement(
-              import_semi_ui7.Popover,
+            const rootTitle = /* @__PURE__ */ import_react16.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
+            return /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement(
+              import_semi_ui9.Popover,
               {
-                content: /* @__PURE__ */ import_react14.default.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ import_react14.default.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
+                content: /* @__PURE__ */ import_react16.default.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ import_react16.default.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
               },
-              /* @__PURE__ */ import_react14.default.createElement(
+              /* @__PURE__ */ import_react16.default.createElement(
                 UITag,
                 {
                   prefixIcon: rootIcon,
@@ -1306,12 +1378,12 @@ var init_variable_selector = __esm({
                   onClose: () => onChange(void 0)
                 },
                 rootTitle,
-                !_option.isRoot && /* @__PURE__ */ import_react14.default.createElement(UIVarName, { $inSelector: true }, _option.label)
+                !_option.isRoot && /* @__PURE__ */ import_react16.default.createElement(UIVarName, { $inSelector: true }, _option.label)
               )
             ));
           },
           showClear: false,
-          arrowIcon: /* @__PURE__ */ import_react14.default.createElement(import_semi_icons.IconChevronDownStroked, { size: "small" }),
+          arrowIcon: /* @__PURE__ */ import_react16.default.createElement(import_semi_icons.IconChevronDownStroked, { size: "small" }),
           triggerRender,
           placeholder: config?.placeholder ?? import_editor12.I18n.t("Select Variable")
         }
@@ -1343,8 +1415,8 @@ var init_styles2 = __esm({
 
 // src/components/prompt-editor/extensions/markdown.tsx
 function MarkdownHighlight() {
-  const injector = (0, import_react35.useInjector)();
-  (0, import_react34.useLayoutEffect)(
+  const injector = (0, import_react37.useInjector)();
+  (0, import_react36.useLayoutEffect)(
     () => injector.inject([
       import_editor23.astDecorator.whole.of((cursor) => {
         if (cursor.name.startsWith("ATXHeading")) {
@@ -1392,13 +1464,13 @@ function MarkdownHighlight() {
   );
   return null;
 }
-var import_react34, import_react35, import_editor23, import_view2, markdown_default;
+var import_react36, import_react37, import_editor23, import_view2, markdown_default;
 var init_markdown = __esm({
   "src/components/prompt-editor/extensions/markdown.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react34 = require("react");
-    import_react35 = require("@coze-editor/editor/react");
+    import_react36 = require("react");
+    import_react37 = require("@coze-editor/editor/react");
     import_editor23 = require("@coze-editor/editor");
     import_view2 = require("@codemirror/view");
     markdown_default = MarkdownHighlight;
@@ -1407,17 +1479,17 @@ var init_markdown = __esm({
 
 // src/components/prompt-editor/extensions/language-support.tsx
 function LanguageSupport() {
-  const injector = (0, import_react37.useInjector)();
-  (0, import_react36.useLayoutEffect)(() => injector.inject([import_preset_prompt.languageSupport]), [injector]);
+  const injector = (0, import_react39.useInjector)();
+  (0, import_react38.useLayoutEffect)(() => injector.inject([import_preset_prompt.languageSupport]), [injector]);
   return null;
 }
-var import_react36, import_react37, import_preset_prompt, language_support_default;
+var import_react38, import_react39, import_preset_prompt, language_support_default;
 var init_language_support = __esm({
   "src/components/prompt-editor/extensions/language-support.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react36 = require("react");
-    import_react37 = require("@coze-editor/editor/react");
+    import_react38 = require("react");
+    import_react39 = require("@coze-editor/editor/react");
     import_preset_prompt = require("@coze-editor/editor/preset-prompt");
     language_support_default = LanguageSupport;
   }
@@ -1425,8 +1497,8 @@ var init_language_support = __esm({
 
 // src/components/prompt-editor/extensions/jinja.tsx
 function JinjaHighlight() {
-  const injector = (0, import_react39.useInjector)();
-  (0, import_react38.useLayoutEffect)(
+  const injector = (0, import_react41.useInjector)();
+  (0, import_react40.useLayoutEffect)(
     () => injector.inject([
       import_editor24.astDecorator.whole.of((cursor) => {
         if (cursor.name === "JinjaStatementStart" || cursor.name === "JinjaStatementEnd") {
@@ -1464,13 +1536,13 @@ function JinjaHighlight() {
   );
   return null;
 }
-var import_react38, import_react39, import_editor24, import_view3, jinja_default;
+var import_react40, import_react41, import_editor24, import_view3, jinja_default;
 var init_jinja = __esm({
   "src/components/prompt-editor/extensions/jinja.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react38 = require("react");
-    import_react39 = require("@coze-editor/editor/react");
+    import_react40 = require("react");
+    import_react41 = require("@coze-editor/editor/react");
     import_editor24 = require("@coze-editor/editor");
     import_view3 = require("@codemirror/view");
     jinja_default = JinjaHighlight;
@@ -1495,14 +1567,14 @@ function PromptEditor(props) {
     disableMarkdownHighlight,
     options
   } = props || {};
-  const editorRef = (0, import_react40.useRef)(null);
-  (0, import_react40.useEffect)(() => {
+  const editorRef = (0, import_react42.useRef)(null);
+  (0, import_react42.useEffect)(() => {
     if (editorRef.current?.getValue() !== value?.content) {
       editorRef.current?.setValue(String(value?.content || ""));
     }
   }, [value]);
-  return /* @__PURE__ */ import_react40.default.createElement(UIContainer5, { $hasError: hasError, style }, /* @__PURE__ */ import_react40.default.createElement(import_react41.EditorProvider, null, /* @__PURE__ */ import_react40.default.createElement(
-    import_react41.Renderer,
+  return /* @__PURE__ */ import_react42.default.createElement(UIContainer5, { $hasError: hasError, style }, /* @__PURE__ */ import_react42.default.createElement(import_react43.EditorProvider, null, /* @__PURE__ */ import_react42.default.createElement(
+    import_react43.Renderer,
     {
       didMount: (editor) => {
         editorRef.current = editor;
@@ -1519,15 +1591,15 @@ function PromptEditor(props) {
         onChange({ type: "template", content: e.value });
       }
     }
-  ), activeLinePlaceholder && /* @__PURE__ */ import_react40.default.createElement(import_react41.ActiveLinePlaceholder, null, activeLinePlaceholder), !disableMarkdownHighlight && /* @__PURE__ */ import_react40.default.createElement(markdown_default, null), /* @__PURE__ */ import_react40.default.createElement(language_support_default, null), /* @__PURE__ */ import_react40.default.createElement(jinja_default, null), children));
+  ), activeLinePlaceholder && /* @__PURE__ */ import_react42.default.createElement(import_react43.ActiveLinePlaceholder, null, activeLinePlaceholder), !disableMarkdownHighlight && /* @__PURE__ */ import_react42.default.createElement(markdown_default, null), /* @__PURE__ */ import_react42.default.createElement(language_support_default, null), /* @__PURE__ */ import_react42.default.createElement(jinja_default, null), children));
 }
-var import_react40, import_react41, import_preset_prompt2;
+var import_react42, import_react43, import_preset_prompt2;
 var init_editor2 = __esm({
   "src/components/prompt-editor/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react40 = __toESM(require("react"));
-    import_react41 = require("@coze-editor/editor/react");
+    import_react42 = __toESM(require("react"));
+    import_react43 = require("@coze-editor/editor/react");
     import_preset_prompt2 = __toESM(require("@coze-editor/editor/preset-prompt"));
     init_styles2();
     init_markdown();
@@ -1537,13 +1609,13 @@ var init_editor2 = __esm({
 });
 
 // src/components/prompt-editor/index.tsx
-var import_react42, PromptEditor2;
+var PromptEditor2;
 var init_prompt_editor = __esm({
   "src/components/prompt-editor/index.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react42 = require("react");
-    PromptEditor2 = (0, import_react42.lazy)(
+    init_shared();
+    PromptEditor2 = lazySuspense(
       () => Promise.resolve().then(() => (init_editor2(), editor_exports2)).then((module2) => ({ default: module2.PromptEditor }))
     );
   }
@@ -1551,12 +1623,12 @@ var init_prompt_editor = __esm({
 
 // src/components/prompt-editor-with-variables/extensions/variable-tree.tsx
 function VariableTree() {
-  const [posKey, setPosKey] = (0, import_react43.useState)("");
-  const [visible, setVisible] = (0, import_react43.useState)(false);
-  const [position, setPosition] = (0, import_react43.useState)(-1);
-  const editor = (0, import_react44.useEditor)();
+  const [posKey, setPosKey] = (0, import_react44.useState)("");
+  const [visible, setVisible] = (0, import_react44.useState)(false);
+  const [position, setPosition] = (0, import_react44.useState)(-1);
+  const editor = (0, import_react45.useEditor)();
   function insert(variablePath) {
-    const range = (0, import_react44.getCurrentMentionReplaceRange)(editor.$view.state);
+    const range = (0, import_react45.getCurrentMentionReplaceRange)(editor.$view.state);
     if (!range) {
       return;
     }
@@ -1578,21 +1650,21 @@ function VariableTree() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!editor) {
       return;
     }
   }, [editor, visible]);
   const treeData = useVariableTree({});
-  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_react44.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react43.default.createElement(
-    import_semi_ui19.Popover,
+  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(import_react45.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react44.default.createElement(
+    import_semi_ui21.Popover,
     {
       visible,
       trigger: "custom",
       position: "topLeft",
       rePosKey: posKey,
-      content: /* @__PURE__ */ import_react43.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react43.default.createElement(
-        import_semi_ui19.Tree,
+      content: /* @__PURE__ */ import_react44.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react44.default.createElement(
+        import_semi_ui21.Tree,
         {
           treeData,
           onSelect: (v) => {
@@ -1601,8 +1673,8 @@ function VariableTree() {
         }
       ))
     },
-    /* @__PURE__ */ import_react43.default.createElement(
-      import_react44.PositionMirror,
+    /* @__PURE__ */ import_react44.default.createElement(
+      import_react45.PositionMirror,
       {
         position,
         onChange: () => setPosKey(String(Math.random()))
@@ -1610,26 +1682,26 @@ function VariableTree() {
     )
   ));
 }
-var import_react43, import_semi_ui19, import_react44;
+var import_react44, import_semi_ui21, import_react45;
 var init_variable_tree = __esm({
   "src/components/prompt-editor-with-variables/extensions/variable-tree.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react43 = __toESM(require("react"));
-    import_semi_ui19 = require("@douyinfe/semi-ui");
-    import_react44 = require("@coze-editor/editor/react");
+    import_react44 = __toESM(require("react"));
+    import_semi_ui21 = require("@douyinfe/semi-ui");
+    import_react45 = require("@coze-editor/editor/react");
     init_variable_selector();
   }
 });
 
 // src/components/prompt-editor-with-variables/styles.tsx
-var import_styled_components9, import_semi_ui20, UIRootTitle2, UIVarName2, UITag2, UIPopoverContent2;
+var import_styled_components9, import_semi_ui22, UIRootTitle2, UIVarName2, UITag2, UIPopoverContent2;
 var init_styles3 = __esm({
   "src/components/prompt-editor-with-variables/styles.tsx"() {
     "use strict";
     init_cjs_shims();
     import_styled_components9 = __toESM(require("styled-components"));
-    import_semi_ui20 = require("@douyinfe/semi-ui");
+    import_semi_ui22 = require("@douyinfe/semi-ui");
     UIRootTitle2 = import_styled_components9.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -1643,7 +1715,7 @@ var init_styles3 = __esm({
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-    UITag2 = (0, import_styled_components9.default)(import_semi_ui20.Tag)`
+    UITag2 = (0, import_styled_components9.default)(import_semi_ui22.Tag)`
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
@@ -1668,9 +1740,9 @@ var init_styles3 = __esm({
 
 // src/components/prompt-editor-with-variables/extensions/variable-tag.tsx
 function VariableTagInject() {
-  const injector = (0, import_react46.useInjector)();
+  const injector = (0, import_react47.useInjector)();
   const scope = (0, import_editor25.useCurrentScope)();
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react46.useLayoutEffect)(() => {
     const atMatcher = new import_view4.MatchDecorator({
       regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view4.Decoration.replace({
@@ -1704,17 +1776,17 @@ function VariableTagInject() {
   }, [injector]);
   return null;
 }
-var import_react45, import_lodash5, import_editor25, import_semi_ui21, import_semi_icons8, import_react46, import_view4, VariableTagWidget;
+var import_react46, import_lodash_es5, import_editor25, import_semi_ui23, import_semi_icons8, import_react47, import_view4, VariableTagWidget;
 var init_variable_tag = __esm({
   "src/components/prompt-editor-with-variables/extensions/variable-tag.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react45 = __toESM(require("react"));
-    import_lodash5 = require("lodash");
+    import_react46 = __toESM(require("react"));
+    import_lodash_es5 = require("lodash-es");
     import_editor25 = require("@flowgram.ai/editor");
-    import_semi_ui21 = require("@douyinfe/semi-ui");
+    import_semi_ui23 = require("@douyinfe/semi-ui");
     import_semi_icons8 = require("@douyinfe/semi-icons");
-    import_react46 = require("@coze-editor/editor/react");
+    import_react47 = require("@coze-editor/editor/react");
     import_view4 = require("@codemirror/view");
     init_shared();
     init_styles3();
@@ -1724,7 +1796,7 @@ var init_variable_tag = __esm({
         this.toDispose = new import_editor25.DisposableCollection();
         this.renderIcon = (icon) => {
           if (typeof icon === "string") {
-            return /* @__PURE__ */ import_react45.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
+            return /* @__PURE__ */ import_react46.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
           }
           return icon;
         };
@@ -1734,20 +1806,20 @@ var init_variable_tag = __esm({
       renderVariable(v) {
         if (!v) {
           this.root.render(
-            /* @__PURE__ */ import_react45.default.createElement(UITag2, { prefixIcon: /* @__PURE__ */ import_react45.default.createElement(import_semi_icons8.IconIssueStroked, null), color: "amber" }, "Unknown")
+            /* @__PURE__ */ import_react46.default.createElement(UITag2, { prefixIcon: /* @__PURE__ */ import_react46.default.createElement(import_semi_icons8.IconIssueStroked, null), color: "amber" }, "Unknown")
           );
           return;
         }
-        const rootField = (0, import_lodash5.last)(v.parentFields);
-        const rootTitle = /* @__PURE__ */ import_react45.default.createElement(UIRootTitle2, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
+        const rootField = (0, import_lodash_es5.last)(v.parentFields);
+        const rootTitle = /* @__PURE__ */ import_react46.default.createElement(UIRootTitle2, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
         const rootIcon = this.renderIcon(rootField?.meta.icon);
         this.root.render(
-          /* @__PURE__ */ import_react45.default.createElement(
-            import_semi_ui21.Popover,
+          /* @__PURE__ */ import_react46.default.createElement(
+            import_semi_ui23.Popover,
             {
-              content: /* @__PURE__ */ import_react45.default.createElement(UIPopoverContent2, null, rootIcon, rootTitle, /* @__PURE__ */ import_react45.default.createElement(UIVarName2, null, v?.keyPath.slice(1).join(".")))
+              content: /* @__PURE__ */ import_react46.default.createElement(UIPopoverContent2, null, rootIcon, rootTitle, /* @__PURE__ */ import_react46.default.createElement(UIVarName2, null, v?.keyPath.slice(1).join(".")))
             },
-            /* @__PURE__ */ import_react45.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react45.default.createElement(UIVarName2, null, v?.key))
+            /* @__PURE__ */ import_react46.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react46.default.createElement(UIVarName2, null, v?.key))
           )
         );
       }
@@ -1772,7 +1844,7 @@ var init_variable_tag = __esm({
         return dom;
       }
       eq(other) {
-        return (0, import_lodash5.isEqual)(this.keyPath, other.keyPath);
+        return (0, import_lodash_es5.isEqual)(this.keyPath, other.keyPath);
       }
       ignoreEvent() {
         return false;
@@ -1790,14 +1862,14 @@ __export(editor_exports3, {
   PromptEditorWithVariables: () => PromptEditorWithVariables
 });
 function PromptEditorWithVariables(props) {
-  return /* @__PURE__ */ import_react47.default.createElement(PromptEditor2, { ...props }, /* @__PURE__ */ import_react47.default.createElement(VariableTree, null), /* @__PURE__ */ import_react47.default.createElement(VariableTagInject, null));
+  return /* @__PURE__ */ import_react48.default.createElement(PromptEditor2, { ...props }, /* @__PURE__ */ import_react48.default.createElement(VariableTree, null), /* @__PURE__ */ import_react48.default.createElement(VariableTagInject, null));
 }
-var import_react47;
+var import_react48;
 var init_editor3 = __esm({
   "src/components/prompt-editor-with-variables/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react47 = __toESM(require("react"));
+    import_react48 = __toESM(require("react"));
     init_prompt_editor();
     init_variable_tree();
     init_variable_tag();
@@ -1837,7 +1909,7 @@ function InputsPicker({
     const key = keyPath.map((_key, idx) => _key === "[0]" || idx === 0 ? _key : `.${_key}`).join("");
     return {
       key,
-      label: (0, import_lodash6.last)(keyPath),
+      label: (0, import_lodash_es6.last)(keyPath),
       value: key,
       children
     };
@@ -1854,14 +1926,14 @@ function InputsPicker({
       return {
         key: currKey,
         value: currKey,
-        label: (0, import_lodash6.last)(keyPath)
+        label: (0, import_lodash_es6.last)(keyPath)
       };
     }
-    if ((0, import_lodash6.isPlainObject)(value)) {
+    if ((0, import_lodash_es6.isPlainObject)(value)) {
       return {
         key: currKey,
         value: currKey,
-        label: (0, import_lodash6.last)(keyPath),
+        label: (0, import_lodash_es6.last)(keyPath),
         children: Object.entries(value).map(([key, value2]) => getTreeData(value2, [...keyPath, key])).filter(Boolean)
       };
     }
@@ -1870,17 +1942,17 @@ function InputsPicker({
     () => Object.entries(inputsValues).map(([key, value]) => getTreeData(value, [key])).filter(Boolean),
     []
   );
-  return /* @__PURE__ */ import_react49.default.createElement(import_semi_ui22.Tree, { treeData, onSelect: (v) => onSelect(v) });
+  return /* @__PURE__ */ import_react49.default.createElement(import_semi_ui24.Tree, { treeData, onSelect: (v) => onSelect(v) });
 }
-var import_react49, import_lodash6, import_editor26, import_semi_ui22;
+var import_react49, import_lodash_es6, import_editor26, import_semi_ui24;
 var init_inputs_picker = __esm({
   "src/components/prompt-editor-with-inputs/inputs-picker.tsx"() {
     "use strict";
     init_cjs_shims();
     import_react49 = __toESM(require("react"));
-    import_lodash6 = require("lodash");
+    import_lodash_es6 = require("lodash-es");
     import_editor26 = require("@flowgram.ai/editor");
-    import_semi_ui22 = require("@douyinfe/semi-ui");
+    import_semi_ui24 = require("@douyinfe/semi-ui");
     init_shared();
   }
 });
@@ -1919,7 +1991,7 @@ function InputsTree({ inputsValues }) {
     }
   }, [editor, visible]);
   return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_react51.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react50.default.createElement(
-    import_semi_ui23.Popover,
+    import_semi_ui25.Popover,
     {
       visible,
       trigger: "custom",
@@ -1944,13 +2016,13 @@ function InputsTree({ inputsValues }) {
     )
   ));
 }
-var import_react50, import_semi_ui23, import_react51;
+var import_react50, import_semi_ui25, import_react51;
 var init_inputs_tree = __esm({
   "src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx"() {
     "use strict";
     init_cjs_shims();
     import_react50 = __toESM(require("react"));
-    import_semi_ui23 = require("@douyinfe/semi-ui");
+    import_semi_ui25 = require("@douyinfe/semi-ui");
     import_react51 = require("@coze-editor/editor/react");
     init_inputs_picker();
   }
@@ -1980,12 +2052,12 @@ var init_editor4 = __esm({
 
 // src/components/json-editor-with-variables/extensions/variable-tree.tsx
 function VariableTree2() {
-  const [posKey, setPosKey] = (0, import_react54.useState)("");
-  const [visible, setVisible] = (0, import_react54.useState)(false);
-  const [position, setPosition] = (0, import_react54.useState)(-1);
-  const editor = (0, import_react55.useEditor)();
+  const [posKey, setPosKey] = (0, import_react53.useState)("");
+  const [visible, setVisible] = (0, import_react53.useState)(false);
+  const [position, setPosition] = (0, import_react53.useState)(-1);
+  const editor = (0, import_react54.useEditor)();
   function insert(variablePath) {
-    const range = (0, import_react55.getCurrentMentionReplaceRange)(editor.$view.state);
+    const range = (0, import_react54.getCurrentMentionReplaceRange)(editor.$view.state);
     if (!range) {
       return;
     }
@@ -1999,21 +2071,21 @@ function VariableTree2() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  (0, import_react54.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!editor) {
       return;
     }
   }, [editor, visible]);
   const treeData = useVariableTree({});
-  return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(import_react55.Mention, { triggerCharacters: ["@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react54.default.createElement(
-    import_semi_ui24.Popover,
+  return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(import_react54.Mention, { triggerCharacters: ["@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react53.default.createElement(
+    import_semi_ui26.Popover,
     {
       visible,
       trigger: "custom",
       position: "topLeft",
       rePosKey: posKey,
-      content: /* @__PURE__ */ import_react54.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react54.default.createElement(
-        import_semi_ui24.Tree,
+      content: /* @__PURE__ */ import_react53.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react53.default.createElement(
+        import_semi_ui26.Tree,
         {
           treeData,
           onSelect: (v) => {
@@ -2022,8 +2094,8 @@ function VariableTree2() {
         }
       ))
     },
-    /* @__PURE__ */ import_react54.default.createElement(
-      import_react55.PositionMirror,
+    /* @__PURE__ */ import_react53.default.createElement(
+      import_react54.PositionMirror,
       {
         position,
         onChange: () => setPosKey(String(Math.random()))
@@ -2031,26 +2103,26 @@ function VariableTree2() {
     )
   ));
 }
-var import_react54, import_semi_ui24, import_react55;
+var import_react53, import_semi_ui26, import_react54;
 var init_variable_tree2 = __esm({
   "src/components/json-editor-with-variables/extensions/variable-tree.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react54 = __toESM(require("react"));
-    import_semi_ui24 = require("@douyinfe/semi-ui");
-    import_react55 = require("@coze-editor/editor/react");
+    import_react53 = __toESM(require("react"));
+    import_semi_ui26 = require("@douyinfe/semi-ui");
+    import_react54 = require("@coze-editor/editor/react");
     init_variable_selector();
   }
 });
 
 // src/components/json-editor-with-variables/styles.tsx
-var import_styled_components10, import_semi_ui25, UIRootTitle3, UIVarName3, UITag3, UIPopoverContent3;
+var import_styled_components10, import_semi_ui27, UIRootTitle3, UIVarName3, UITag3, UIPopoverContent3;
 var init_styles4 = __esm({
   "src/components/json-editor-with-variables/styles.tsx"() {
     "use strict";
     init_cjs_shims();
     import_styled_components10 = __toESM(require("styled-components"));
-    import_semi_ui25 = require("@douyinfe/semi-ui");
+    import_semi_ui27 = require("@douyinfe/semi-ui");
     UIRootTitle3 = import_styled_components10.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -2064,7 +2136,7 @@ var init_styles4 = __esm({
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-    UITag3 = (0, import_styled_components10.default)(import_semi_ui25.Tag)`
+    UITag3 = (0, import_styled_components10.default)(import_semi_ui27.Tag)`
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
@@ -2089,9 +2161,9 @@ var init_styles4 = __esm({
 
 // src/components/json-editor-with-variables/extensions/variable-tag.tsx
 function VariableTagInject2() {
-  const injector = (0, import_react57.useInjector)();
+  const injector = (0, import_react56.useInjector)();
   const scope = (0, import_editor27.useCurrentScope)();
-  (0, import_react56.useLayoutEffect)(() => {
+  (0, import_react55.useLayoutEffect)(() => {
     const atMatcher = new import_view5.MatchDecorator({
       regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view5.Decoration.replace({
@@ -2125,17 +2197,17 @@ function VariableTagInject2() {
   }, [injector]);
   return null;
 }
-var import_react56, import_lodash7, import_editor27, import_semi_ui26, import_semi_icons9, import_react57, import_view5, VariableTagWidget2;
+var import_react55, import_lodash_es7, import_editor27, import_semi_ui28, import_semi_icons9, import_react56, import_view5, VariableTagWidget2;
 var init_variable_tag2 = __esm({
   "src/components/json-editor-with-variables/extensions/variable-tag.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react56 = __toESM(require("react"));
-    import_lodash7 = require("lodash");
+    import_react55 = __toESM(require("react"));
+    import_lodash_es7 = require("lodash-es");
     import_editor27 = require("@flowgram.ai/editor");
-    import_semi_ui26 = require("@douyinfe/semi-ui");
+    import_semi_ui28 = require("@douyinfe/semi-ui");
     import_semi_icons9 = require("@douyinfe/semi-icons");
-    import_react57 = require("@coze-editor/editor/react");
+    import_react56 = require("@coze-editor/editor/react");
     import_view5 = require("@codemirror/view");
     init_shared();
     init_styles4();
@@ -2145,7 +2217,7 @@ var init_variable_tag2 = __esm({
         this.toDispose = new import_editor27.DisposableCollection();
         this.renderIcon = (icon) => {
           if (typeof icon === "string") {
-            return /* @__PURE__ */ import_react56.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
+            return /* @__PURE__ */ import_react55.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
           }
           return icon;
         };
@@ -2155,20 +2227,20 @@ var init_variable_tag2 = __esm({
       renderVariable(v) {
         if (!v) {
           this.root.render(
-            /* @__PURE__ */ import_react56.default.createElement(UITag3, { prefixIcon: /* @__PURE__ */ import_react56.default.createElement(import_semi_icons9.IconIssueStroked, null), color: "amber" }, "Unknown")
+            /* @__PURE__ */ import_react55.default.createElement(UITag3, { prefixIcon: /* @__PURE__ */ import_react55.default.createElement(import_semi_icons9.IconIssueStroked, null), color: "amber" }, "Unknown")
           );
           return;
         }
-        const rootField = (0, import_lodash7.last)(v.parentFields);
-        const rootTitle = /* @__PURE__ */ import_react56.default.createElement(UIRootTitle3, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
+        const rootField = (0, import_lodash_es7.last)(v.parentFields);
+        const rootTitle = /* @__PURE__ */ import_react55.default.createElement(UIRootTitle3, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
         const rootIcon = this.renderIcon(rootField?.meta.icon);
         this.root.render(
-          /* @__PURE__ */ import_react56.default.createElement(
-            import_semi_ui26.Popover,
+          /* @__PURE__ */ import_react55.default.createElement(
+            import_semi_ui28.Popover,
             {
-              content: /* @__PURE__ */ import_react56.default.createElement(UIPopoverContent3, null, rootIcon, rootTitle, /* @__PURE__ */ import_react56.default.createElement(UIVarName3, null, v?.keyPath.slice(1).join(".")))
+              content: /* @__PURE__ */ import_react55.default.createElement(UIPopoverContent3, null, rootIcon, rootTitle, /* @__PURE__ */ import_react55.default.createElement(UIVarName3, null, v?.keyPath.slice(1).join(".")))
             },
-            /* @__PURE__ */ import_react56.default.createElement(UITag3, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react56.default.createElement(UIVarName3, null, v?.key))
+            /* @__PURE__ */ import_react55.default.createElement(UITag3, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react55.default.createElement(UIVarName3, null, v?.key))
           )
         );
       }
@@ -2193,7 +2265,7 @@ var init_variable_tag2 = __esm({
         return dom;
       }
       eq(other) {
-        return (0, import_lodash7.isEqual)(this.keyPath, other.keyPath);
+        return (0, import_lodash_es7.isEqual)(this.keyPath, other.keyPath);
       }
       ignoreEvent() {
         return false;
@@ -2229,7 +2301,7 @@ function findAllMatches(inputString, regex) {
   return matches;
 }
 function JsonEditorWithVariables(props) {
-  return /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(
     CodeEditor2,
     {
       languageId: "json",
@@ -2240,16 +2312,16 @@ function JsonEditorWithVariables(props) {
         ...props.options || {}
       }
     },
-    /* @__PURE__ */ import_react58.default.createElement(VariableTree2, null),
-    /* @__PURE__ */ import_react58.default.createElement(VariableTagInject2, null)
+    /* @__PURE__ */ import_react57.default.createElement(VariableTree2, null),
+    /* @__PURE__ */ import_react57.default.createElement(VariableTagInject2, null)
   );
 }
-var import_react58, import_editor28, import_preset_code6, transformer;
+var import_react57, import_editor28, import_preset_code6, transformer;
 var init_editor5 = __esm({
   "src/components/json-editor-with-variables/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react58 = __toESM(require("react"));
+    import_react57 = __toESM(require("react"));
     import_editor28 = require("@flowgram.ai/editor");
     import_preset_code6 = require("@coze-editor/editor/preset-code");
     init_code_editor();
@@ -2303,6 +2375,7 @@ __export(src_exports, {
   PromptEditorWithVariables: () => PromptEditorWithVariables2,
   TypeSelector: () => TypeSelector,
   VariableSelector: () => VariableSelector,
+  VariableSelectorProvider: () => VariableSelectorProvider,
   autoRenameRefEffect: () => autoRenameRefEffect,
   createBatchOutputsFormPlugin: () => createBatchOutputsFormPlugin,
   createDisableDeclarationPlugin: () => createDisableDeclarationPlugin,
@@ -2317,6 +2390,7 @@ __export(src_exports, {
   getTypeSelectValue: () => getTypeSelectValue,
   isLegacyFlowRefValueSchema: () => isLegacyFlowRefValueSchema,
   isNewFlowRefValueSchema: () => isNewFlowRefValueSchema,
+  lazySuspense: () => lazySuspense,
   listenRefSchemaChange: () => listenRefSchemaChange,
   listenRefValueChange: () => listenRefValueChange,
   parseTypeSelectValue: () => parseTypeSelectValue,
@@ -2330,7 +2404,8 @@ __export(src_exports, {
   useTypeManager: () => useTypeManager,
   useVariableTree: () => useVariableTree,
   validateFlowValue: () => validateFlowValue,
-  validateWhenVariableSync: () => validateWhenVariableSync
+  validateWhenVariableSync: () => validateWhenVariableSync,
+  withSuspense: () => withSuspense
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -2341,8 +2416,8 @@ init_variable_selector();
 
 // src/components/type-selector/index.tsx
 init_cjs_shims();
-var import_react15 = __toESM(require("react"));
-var import_semi_ui8 = require("@douyinfe/semi-ui");
+var import_react17 = __toESM(require("react"));
+var import_semi_ui10 = require("@douyinfe/semi-ui");
 init_inject_material();
 init_plugins();
 var labelStyle = { display: "flex", alignItems: "center", gap: 5 };
@@ -2361,18 +2436,18 @@ var parseTypeSelectValue = (value) => {
 };
 function TypeSelector(props) {
   const { value, onChange, readonly, disabled, style } = props;
-  const selectValue = (0, import_react15.useMemo)(() => getTypeSelectValue(value), [value]);
+  const selectValue = (0, import_react17.useMemo)(() => getTypeSelectValue(value), [value]);
   const typeManager = useTypeManager();
   const icon = typeManager.getDisplayIcon(value || {});
-  const options = (0, import_react15.useMemo)(
+  const options = (0, import_react17.useMemo)(
     () => typeManager.getTypeRegistriesWithParentType().map((_type) => {
       const isArray2 = _type.type === "array";
       return {
-        label: /* @__PURE__ */ import_react15.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react15.default.createElement(import_semi_ui8.Icon, { size: "small", svg: _type.icon }), typeManager.getTypeBySchema(_type)?.label || _type.type),
+        label: /* @__PURE__ */ import_react17.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react17.default.createElement(import_semi_ui10.Icon, { size: "small", svg: _type.icon }), typeManager.getTypeBySchema(_type)?.label || _type.type),
         value: _type.type,
         children: isArray2 ? typeManager.getTypeRegistriesWithParentType("array").map((_type2) => ({
-          label: /* @__PURE__ */ import_react15.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react15.default.createElement(
-            import_semi_ui8.Icon,
+          label: /* @__PURE__ */ import_react17.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react17.default.createElement(
+            import_semi_ui10.Icon,
             {
               size: "small",
               svg: typeManager.getDisplayIcon({
@@ -2388,13 +2463,13 @@ function TypeSelector(props) {
     []
   );
   const isDisabled = readonly || disabled;
-  return /* @__PURE__ */ import_react15.default.createElement(
-    import_semi_ui8.Cascader,
+  return /* @__PURE__ */ import_react17.default.createElement(
+    import_semi_ui10.Cascader,
     {
       disabled: isDisabled,
       size: "small",
-      triggerRender: () => /* @__PURE__ */ import_react15.default.createElement(
-        import_semi_ui8.IconButton,
+      triggerRender: () => /* @__PURE__ */ import_react17.default.createElement(
+        import_semi_ui10.IconButton,
         {
           size: "small",
           style: {
@@ -2419,21 +2494,21 @@ var InjectTypeSelector = createInjectMaterial(TypeSelector);
 
 // src/components/json-schema-editor/index.tsx
 init_cjs_shims();
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_editor14 = require("@flowgram.ai/editor");
-var import_semi_ui10 = require("@douyinfe/semi-ui");
+var import_semi_ui12 = require("@douyinfe/semi-ui");
 var import_semi_icons3 = require("@douyinfe/semi-icons");
 
 // src/components/blur-input/index.tsx
 init_cjs_shims();
-var import_react16 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_input = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
 function BlurInput(props) {
-  const [value, setValue] = (0, import_react16.useState)("");
-  (0, import_react16.useEffect)(() => {
+  const [value, setValue] = (0, import_react18.useState)("");
+  (0, import_react18.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(
     import_input.default,
     {
       ...props,
@@ -2448,7 +2523,7 @@ function BlurInput(props) {
 
 // src/components/json-schema-editor/styles.tsx
 init_cjs_shims();
-var import_react17 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_styled_components3 = __toESM(require("styled-components"));
 var import_semi_icons2 = __toESM(require("@douyinfe/semi-icons"));
 var UIContainer = import_styled_components3.default.div`
@@ -2550,7 +2625,7 @@ var UIRequired = import_styled_components3.default.div``;
 var UIActions = import_styled_components3.default.div`
   white-space: nowrap;
 `;
-var iconAddChildrenSvg = /* @__PURE__ */ import_react17.default.createElement(
+var iconAddChildrenSvg = /* @__PURE__ */ import_react19.default.createElement(
   "svg",
   {
     className: "icon-icon icon-icon-coz_add_node ",
@@ -2560,7 +2635,7 @@ var iconAddChildrenSvg = /* @__PURE__ */ import_react17.default.createElement(
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react17.default.createElement(
+  /* @__PURE__ */ import_react19.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2568,9 +2643,9 @@ var iconAddChildrenSvg = /* @__PURE__ */ import_react17.default.createElement(
       d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
     }
   ),
-  /* @__PURE__ */ import_react17.default.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
+  /* @__PURE__ */ import_react19.default.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
 );
-var IconAddChildren = () => /* @__PURE__ */ import_react17.default.createElement(import_semi_icons2.default, { size: "small", svg: iconAddChildrenSvg });
+var IconAddChildren = () => /* @__PURE__ */ import_react19.default.createElement(import_semi_icons2.default, { size: "small", svg: iconAddChildrenSvg });
 var DefaultValueWrapper = import_styled_components3.default.div`
   margin: 0;
 `;
@@ -2586,8 +2661,8 @@ var ConstantInputWrapper = import_styled_components3.default.div`
 
 // src/components/json-schema-editor/hooks.tsx
 init_cjs_shims();
-var import_react18 = require("react");
-var import_lodash3 = require("lodash");
+var import_react20 = require("react");
+var import_lodash_es3 = require("lodash-es");
 var import_immer = require("immer");
 var import_json_schema6 = require("@flowgram.ai/json-schema");
 var _id = 0;
@@ -2598,10 +2673,10 @@ function usePropertiesEdit(value, onChange) {
   const typeManager = (0, import_json_schema6.useTypeManager)();
   const drilldownSchema = typeManager.getPropertiesParent(value || {});
   const canAddField = typeManager.canAddField(value || {});
-  const [propertyList, setPropertyList] = (0, import_react18.useState)([]);
-  const effectVersion = (0, import_react18.useRef)(0);
-  const changeVersion = (0, import_react18.useRef)(0);
-  (0, import_react18.useEffect)(() => {
+  const [propertyList, setPropertyList] = (0, import_react20.useState)([]);
+  const effectVersion = (0, import_react20.useRef)(0);
+  const changeVersion = (0, import_react20.useRef)(0);
+  (0, import_react20.useEffect)(() => {
     effectVersion.current = effectVersion.current + 1;
     if (effectVersion.current === changeVersion.current) {
       return;
@@ -2610,7 +2685,7 @@ function usePropertiesEdit(value, onChange) {
     setPropertyList((_list) => {
       const newNames = Object.entries(drilldownSchema?.properties || {}).sort(([, a], [, b]) => (a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(([key]) => key);
       const oldNames = _list.map((item) => item.name).filter(Boolean);
-      const addNames = (0, import_lodash3.difference)(newNames, oldNames);
+      const addNames = (0, import_lodash_es3.difference)(newNames, oldNames);
       return _list.filter((item) => !item.name || newNames.includes(item.name)).map((item) => ({
         key: item.key,
         name: item.name,
@@ -2636,7 +2711,7 @@ function usePropertiesEdit(value, onChange) {
         if (!_property.name) {
           continue;
         }
-        nextProperties[_property.name] = (0, import_lodash3.omit)(_property, ["key", "name", "isPropertyRequired"]);
+        nextProperties[_property.name] = (0, import_lodash_es3.omit)(_property, ["key", "name", "isPropertyRequired"]);
         if (_property.isPropertyRequired) {
           nextRequired.push(_property.name);
         }
@@ -2668,7 +2743,7 @@ function usePropertiesEdit(value, onChange) {
       (_list) => _list.map((_property) => _property.key === key ? nextValue : _property)
     );
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!canAddField) {
       setPropertyList([]);
     }
@@ -2684,13 +2759,13 @@ function usePropertiesEdit(value, onChange) {
 
 // src/components/json-schema-editor/default-value.tsx
 init_cjs_shims();
-var import_react20 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_editor13 = require("@flowgram.ai/editor");
 
 // src/components/constant-input/index.tsx
 init_cjs_shims();
-var import_react19 = __toESM(require("react"));
-var import_semi_ui9 = require("@douyinfe/semi-ui");
+var import_react21 = __toESM(require("react"));
+var import_semi_ui11 = require("@douyinfe/semi-ui");
 init_plugins();
 
 // src/components/constant-input/types.ts
@@ -2700,7 +2775,7 @@ init_cjs_shims();
 function ConstantInput(props) {
   const { value, onChange, schema, strategies, fallbackRenderer, readonly, ...rest } = props;
   const typeManager = useTypeManager();
-  const Renderer2 = (0, import_react19.useMemo)(() => {
+  const Renderer2 = (0, import_react21.useMemo)(() => {
     const strategy = (strategies || []).find((_strategy) => _strategy.hit(schema));
     if (!strategy) {
       return typeManager.getTypeBySchema(schema)?.ConstantRenderer;
@@ -2709,22 +2784,22 @@ function ConstantInput(props) {
   }, [strategies, schema]);
   if (!Renderer2) {
     if (fallbackRenderer) {
-      return import_react19.default.createElement(fallbackRenderer, {
+      return import_react21.default.createElement(fallbackRenderer, {
         value,
         onChange,
         readonly,
         ...rest
       });
     }
-    return /* @__PURE__ */ import_react19.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
+    return /* @__PURE__ */ import_react21.default.createElement(import_semi_ui11.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
   }
-  return /* @__PURE__ */ import_react19.default.createElement(Renderer2, { value, onChange, readonly, ...rest });
+  return /* @__PURE__ */ import_react21.default.createElement(Renderer2, { value, onChange, readonly, ...rest });
 }
 
 // src/components/json-schema-editor/default-value.tsx
 function DefaultValue(props) {
   const { value, schema, onChange, placeholder } = props;
-  return /* @__PURE__ */ import_react20.default.createElement(ConstantInputWrapper, null, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(ConstantInputWrapper, null, /* @__PURE__ */ import_react22.default.createElement(
     ConstantInput,
     {
       value,
@@ -2744,7 +2819,7 @@ function JsonSchemaEditor(props) {
     value,
     onChangeProps
   );
-  return /* @__PURE__ */ import_react21.default.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ import_react21.default.createElement(UITreeItems, null, propertyList.map((_property) => /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ import_react23.default.createElement(UITreeItems, null, propertyList.map((_property) => /* @__PURE__ */ import_react23.default.createElement(
     PropertyEdit,
     {
       readonly,
@@ -2758,13 +2833,13 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.Button,
+  ))), /* @__PURE__ */ import_react23.default.createElement(
+    import_semi_ui12.Button,
     {
       disabled: readonly,
       size: "small",
       style: { marginTop: 10, marginLeft: 16 },
-      icon: /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconPlus, null),
+      icon: /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconPlus, null),
       onClick: onAddProperty
     },
     config?.addButtonText ?? import_editor14.I18n.t("Add")
@@ -2772,10 +2847,10 @@ function JsonSchemaEditor(props) {
 }
 function PropertyEdit(props) {
   const { value, config, readonly, $level = 0, onChange: onChangeProps, onRemove, $isLast } = props;
-  const [expand, setExpand] = (0, import_react21.useState)(false);
-  const [collapse, setCollapse] = (0, import_react21.useState)(false);
+  const [expand, setExpand] = (0, import_react23.useState)(false);
+  const [collapse, setCollapse] = (0, import_react23.useState)(false);
   const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
-  const typeSelectorValue = (0, import_react21.useMemo)(() => ({ type, items }), [type, items]);
+  const typeSelectorValue = (0, import_react23.useMemo)(() => ({ type, items }), [type, items]);
   const { propertyList, canAddField, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
   const onChange = (key, _value) => {
     onChangeProps?.({
@@ -2784,7 +2859,7 @@ function PropertyEdit(props) {
     });
   };
   const showCollapse = canAddField && propertyList.length > 0;
-  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(UITreeItemLeft, { $isLast, $showLine: $level > 0, $showCollapse: showCollapse }, showCollapse && /* @__PURE__ */ import_react21.default.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react21.default.createElement(UITreeItemRight, null, /* @__PURE__ */ import_react21.default.createElement(UITreeItemMain, null, /* @__PURE__ */ import_react21.default.createElement(UIRow, null, /* @__PURE__ */ import_react21.default.createElement(UIName, null, /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(UITreeItemLeft, { $isLast, $showLine: $level > 0, $showCollapse: showCollapse }, showCollapse && /* @__PURE__ */ import_react23.default.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react23.default.createElement(UITreeItemRight, null, /* @__PURE__ */ import_react23.default.createElement(UITreeItemMain, null, /* @__PURE__ */ import_react23.default.createElement(UIRow, null, /* @__PURE__ */ import_react23.default.createElement(UIName, null, /* @__PURE__ */ import_react23.default.createElement(
     BlurInput,
     {
       disabled: readonly,
@@ -2793,7 +2868,7 @@ function PropertyEdit(props) {
       value: name,
       onChange: (value2) => onChange("name", value2)
     }
-  )), /* @__PURE__ */ import_react21.default.createElement(UIType, null, /* @__PURE__ */ import_react21.default.createElement(
+  )), /* @__PURE__ */ import_react23.default.createElement(UIType, null, /* @__PURE__ */ import_react23.default.createElement(
     InjectTypeSelector,
     {
       value: typeSelectorValue,
@@ -2805,46 +2880,46 @@ function PropertyEdit(props) {
         });
       }
     }
-  )), /* @__PURE__ */ import_react21.default.createElement(UIRequired, null, /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.Checkbox,
+  )), /* @__PURE__ */ import_react23.default.createElement(UIRequired, null, /* @__PURE__ */ import_react23.default.createElement(
+    import_semi_ui12.Checkbox,
     {
       disabled: readonly,
       checked: isPropertyRequired,
       onChange: (e) => onChange("isPropertyRequired", e.target.checked)
     }
-  )), /* @__PURE__ */ import_react21.default.createElement(UIActions, null, /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.IconButton,
+  )), /* @__PURE__ */ import_react23.default.createElement(UIActions, null, /* @__PURE__ */ import_react23.default.createElement(
+    import_semi_ui12.IconButton,
     {
       disabled: readonly,
       size: "small",
       theme: "borderless",
-      icon: expand ? /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconShrink, { size: "small" }) : /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconExpand, { size: "small" }),
+      icon: expand ? /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconShrink, { size: "small" }) : /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconExpand, { size: "small" }),
       onClick: () => {
         setExpand((_expand) => !_expand);
       }
     }
-  ), canAddField && /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.IconButton,
+  ), canAddField && /* @__PURE__ */ import_react23.default.createElement(
+    import_semi_ui12.IconButton,
     {
       disabled: readonly,
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react21.default.createElement(IconAddChildren, null),
+      icon: /* @__PURE__ */ import_react23.default.createElement(IconAddChildren, null),
       onClick: () => {
         onAddProperty();
         setCollapse(true);
       }
     }
-  ), /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.IconButton,
+  ), /* @__PURE__ */ import_react23.default.createElement(
+    import_semi_ui12.IconButton,
     {
       disabled: readonly,
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react21.default.createElement(import_semi_icons3.IconMinus, { size: "small" }),
+      icon: /* @__PURE__ */ import_react23.default.createElement(import_semi_icons3.IconMinus, { size: "small" }),
       onClick: onRemove
     }
-  ))), expand && /* @__PURE__ */ import_react21.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react21.default.createElement(UILabel, null, config?.descTitle ?? import_editor14.I18n.t("Description")), /* @__PURE__ */ import_react21.default.createElement(
+  ))), expand && /* @__PURE__ */ import_react23.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react23.default.createElement(UILabel, null, config?.descTitle ?? import_editor14.I18n.t("Description")), /* @__PURE__ */ import_react23.default.createElement(
     BlurInput,
     {
       disabled: readonly,
@@ -2853,7 +2928,7 @@ function PropertyEdit(props) {
       onChange: (value2) => onChange("description", value2),
       placeholder: config?.descPlaceholder ?? import_editor14.I18n.t("Help LLM to understand the property")
     }
-  ), $level === 0 && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? import_editor14.I18n.t("Default Value")), /* @__PURE__ */ import_react21.default.createElement(DefaultValueWrapper, null, /* @__PURE__ */ import_react21.default.createElement(
+  ), $level === 0 && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? import_editor14.I18n.t("Default Value")), /* @__PURE__ */ import_react23.default.createElement(DefaultValueWrapper, null, /* @__PURE__ */ import_react23.default.createElement(
     DefaultValue,
     {
       value: defaultValue,
@@ -2861,7 +2936,7 @@ function PropertyEdit(props) {
       placeholder: config?.defaultValuePlaceholder ?? import_editor14.I18n.t("Default Value"),
       onChange: (value2) => onChange("default", value2)
     }
-  ))))), showCollapse && /* @__PURE__ */ import_react21.default.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ import_react21.default.createElement(UITreeItems, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ import_react21.default.createElement(
+  ))))), showCollapse && /* @__PURE__ */ import_react23.default.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ import_react23.default.createElement(UITreeItems, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ import_react23.default.createElement(
     PropertyEdit,
     {
       readonly,
@@ -2882,7 +2957,7 @@ function PropertyEdit(props) {
 
 // src/components/batch-variable-selector/index.tsx
 init_cjs_shims();
-var import_react22 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_editor15 = require("@flowgram.ai/editor");
 init_variable_selector();
 var batchVariableSchema = {
@@ -2890,14 +2965,14 @@ var batchVariableSchema = {
   extra: { weak: true }
 };
 function BatchVariableSelector(props) {
-  return /* @__PURE__ */ import_react22.default.createElement(import_editor15.PrivateScopeProvider, null, /* @__PURE__ */ import_react22.default.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
+  return /* @__PURE__ */ import_react24.default.createElement(import_editor15.PrivateScopeProvider, null, /* @__PURE__ */ import_react24.default.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
 }
 
 // src/components/dynamic-value-input/index.tsx
 init_cjs_shims();
-var import_react24 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_json_schema7 = require("@flowgram.ai/json-schema");
-var import_semi_ui11 = require("@douyinfe/semi-ui");
+var import_semi_ui13 = require("@douyinfe/semi-ui");
 var import_semi_icons4 = require("@douyinfe/semi-icons");
 init_shared();
 init_variable_selector();
@@ -2960,11 +3035,11 @@ var UITrigger = import_styled_components4.default.div`
 
 // src/components/dynamic-value-input/hooks.ts
 init_cjs_shims();
-var import_react23 = require("react");
+var import_react25 = require("react");
 var import_editor16 = require("@flowgram.ai/editor");
 function useRefVariable(value) {
   const available = (0, import_editor16.useScopeAvailable)();
-  const refVariable = (0, import_react23.useMemo)(() => {
+  const refVariable = (0, import_react25.useMemo)(() => {
     if (value?.type === "ref") {
       return available.getByKeyPath(value.content);
     }
@@ -2976,10 +3051,10 @@ function useSelectSchema(schemaFromProps, constantProps, value) {
   if (value?.type === "constant") {
     defaultSelectSchema = value?.schema || defaultSelectSchema;
   }
-  const changeVersion = (0, import_react23.useRef)(0);
-  const effectVersion = (0, import_react23.useRef)(0);
-  const [selectSchema, setSelectSchema] = (0, import_react23.useState)(defaultSelectSchema);
-  (0, import_react23.useEffect)(() => {
+  const changeVersion = (0, import_react25.useRef)(0);
+  const effectVersion = (0, import_react25.useRef)(0);
+  const [selectSchema, setSelectSchema] = (0, import_react25.useState)(defaultSelectSchema);
+  (0, import_react25.useEffect)(() => {
     effectVersion.current += 1;
     if (changeVersion.current === effectVersion.current) {
       return;
@@ -2997,14 +3072,14 @@ function useSelectSchema(schemaFromProps, constantProps, value) {
   return [selectSchema, setSelectSchemaWithVersionUpdate];
 }
 function useIncludeSchema(schemaFromProps) {
-  const includeSchema = (0, import_react23.useMemo)(() => {
+  const includeSchema = (0, import_react25.useMemo)(() => {
     if (!schemaFromProps) {
       return;
     }
     if (schemaFromProps?.type === "number") {
       return [schemaFromProps, { type: "integer" }];
     }
-    return { ...schemaFromProps, extra: { ...schemaFromProps?.extra, weak: true } };
+    return { ...schemaFromProps, extra: { weak: true, ...schemaFromProps?.extra } };
   }, [schemaFromProps]);
   return includeSchema;
 }
@@ -3029,13 +3104,13 @@ function DynamicValueInput({
   const typeManager = (0, import_json_schema7.useTypeManager)();
   const renderTypeSelector = () => {
     if (schemaFromProps) {
-      return /* @__PURE__ */ import_react24.default.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
+      return /* @__PURE__ */ import_react26.default.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
     }
     if (value?.type === "ref") {
       const schema = refVariable?.type ? import_json_schema7.JsonSchemaUtils.astToSchema(refVariable?.type) : void 0;
-      return /* @__PURE__ */ import_react24.default.createElement(TypeSelector, { value: schema, readonly: true });
+      return /* @__PURE__ */ import_react26.default.createElement(TypeSelector, { value: schema, readonly: true });
     }
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react26.default.createElement(
       TypeSelector,
       {
         value: selectSchema,
@@ -3061,7 +3136,7 @@ function DynamicValueInput({
   };
   const renderMain = () => {
     if (value?.type === "ref") {
-      return /* @__PURE__ */ import_react24.default.createElement(
+      return /* @__PURE__ */ import_react26.default.createElement(
         InjectVariableSelector,
         {
           style: { width: "100%" },
@@ -3073,14 +3148,14 @@ function DynamicValueInput({
       );
     }
     const constantSchema2 = schemaFromProps || selectSchema || { type: "string" };
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react26.default.createElement(
       ConstantInput,
       {
         value: value?.content,
         onChange: (_v) => onChange({ type: "constant", content: _v, schema: constantSchema2 }),
         schema: constantSchema2 || { type: "string" },
         readonly,
-        fallbackRenderer: () => /* @__PURE__ */ import_react24.default.createElement(
+        fallbackRenderer: () => /* @__PURE__ */ import_react26.default.createElement(
           InjectVariableSelector,
           {
             style: { width: "100%" },
@@ -3094,7 +3169,7 @@ function DynamicValueInput({
       }
     );
   };
-  const renderTrigger = () => /* @__PURE__ */ import_react24.default.createElement(
+  const renderTrigger = () => /* @__PURE__ */ import_react26.default.createElement(
     InjectVariableSelector,
     {
       style: { width: "100%" },
@@ -3102,19 +3177,19 @@ function DynamicValueInput({
       onChange: (_v) => onChange({ type: "ref", content: _v }),
       includeSchema,
       readonly,
-      triggerRender: () => /* @__PURE__ */ import_react24.default.createElement(import_semi_ui11.IconButton, { disabled: readonly, size: "small", icon: /* @__PURE__ */ import_react24.default.createElement(import_semi_icons4.IconSetting, { size: "small" }) })
+      triggerRender: () => /* @__PURE__ */ import_react26.default.createElement(import_semi_ui13.IconButton, { disabled: readonly, size: "small", icon: /* @__PURE__ */ import_react26.default.createElement(import_semi_icons4.IconSetting, { size: "small" }) })
     }
   );
-  return /* @__PURE__ */ import_react24.default.createElement(UIContainer2, { style }, /* @__PURE__ */ import_react24.default.createElement(UIType2, null, renderTypeSelector()), /* @__PURE__ */ import_react24.default.createElement(UIMain, null, renderMain()), /* @__PURE__ */ import_react24.default.createElement(UITrigger, null, renderTrigger()));
+  return /* @__PURE__ */ import_react26.default.createElement(UIContainer2, { style }, /* @__PURE__ */ import_react26.default.createElement(UIType2, null, renderTypeSelector()), /* @__PURE__ */ import_react26.default.createElement(UIMain, null, renderMain()), /* @__PURE__ */ import_react26.default.createElement(UITrigger, null, renderTrigger()));
 }
 DynamicValueInput.renderKey = "dynamic-value-input-render-key";
 var InjectDynamicValueInput = createInjectMaterial(DynamicValueInput);
 
 // src/components/condition-row/index.tsx
 init_cjs_shims();
-var import_react27 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_editor19 = require("@flowgram.ai/editor");
-var import_semi_ui13 = require("@douyinfe/semi-ui");
+var import_semi_ui15 = require("@douyinfe/semi-ui");
 init_variable_selector();
 
 // src/components/condition-row/styles.tsx
@@ -3142,7 +3217,7 @@ var UIValues = import_styled_components5.default.div`
 
 // src/components/condition-row/hooks/useRule.ts
 init_cjs_shims();
-var import_react25 = require("react");
+var import_react27 = require("react");
 var import_json_schema8 = require("@flowgram.ai/json-schema");
 var import_editor17 = require("@flowgram.ai/editor");
 
@@ -3207,6 +3282,14 @@ var defaultRules = {
   map: {
     ["is_empty" /* IS_EMPTY */]: null,
     ["is_not_empty" /* IS_NOT_EMPTY */]: null
+  },
+  ["date-time"]: {
+    ["eq" /* EQ */]: "date-time",
+    ["neq" /* NEQ */]: "date-time",
+    ["gt" /* GT */]: "date-time",
+    ["gte" /* GTE */]: "date-time",
+    ["lt" /* LT */]: "date-time",
+    ["lte" /* LTE */]: "date-time"
   }
 };
 var defaultOpConfigs = {
@@ -3275,12 +3358,12 @@ var defaultOpConfigs = {
 // src/components/condition-row/hooks/useRule.ts
 function useRule(left, userRules) {
   const available = (0, import_editor17.useScopeAvailable)();
-  const rules = (0, import_react25.useMemo)(() => ({ ...defaultRules, ...userRules || {} }), [userRules]);
-  const variable = (0, import_react25.useMemo)(() => {
+  const rules = (0, import_react27.useMemo)(() => ({ ...defaultRules, ...userRules || {} }), [userRules]);
+  const variable = (0, import_react27.useMemo)(() => {
     if (!left) return void 0;
     return available.getByKeyPath(left.content);
   }, [available, left]);
-  const rule = (0, import_react25.useMemo)(() => {
+  const rule = (0, import_react27.useMemo)(() => {
     if (!variable) return void 0;
     const schema = import_json_schema8.JsonSchemaUtils.astToSchema(variable.type, { drilldown: false });
     return rules[schema?.type];
@@ -3290,12 +3373,12 @@ function useRule(left, userRules) {
 
 // src/components/condition-row/hooks/useOp.tsx
 init_cjs_shims();
-var import_react26 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var import_editor18 = require("@flowgram.ai/editor");
-var import_semi_ui12 = require("@douyinfe/semi-ui");
+var import_semi_ui14 = require("@douyinfe/semi-ui");
 var import_semi_icons5 = require("@douyinfe/semi-icons");
 function useOp({ rule, op, onChange, readonly, userOps }) {
-  const options = (0, import_react26.useMemo)(
+  const options = (0, import_react28.useMemo)(
     () => Object.keys(rule || {}).map((_op) => ({
       ...defaultOpConfigs[_op] || {},
       ...userOps?.[_op] || {},
@@ -3304,9 +3387,9 @@ function useOp({ rule, op, onChange, readonly, userOps }) {
     })),
     [rule, userOps]
   );
-  const opConfig = (0, import_react26.useMemo)(() => defaultOpConfigs[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ import_react26.default.createElement(
-    import_semi_ui12.Select,
+  const opConfig = (0, import_react28.useMemo)(() => defaultOpConfigs[op], [op]);
+  const renderOpSelect = () => /* @__PURE__ */ import_react28.default.createElement(
+    import_semi_ui14.Select,
     {
       style: { height: 22 },
       disabled: readonly,
@@ -3316,7 +3399,7 @@ function useOp({ rule, op, onChange, readonly, userOps }) {
       onChange: (v) => {
         onChange(v);
       },
-      triggerRender: ({ value }) => /* @__PURE__ */ import_react26.default.createElement(import_semi_ui12.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react26.default.createElement(import_semi_icons5.IconChevronDownStroked, { size: "small" }))
+      triggerRender: ({ value }) => /* @__PURE__ */ import_react28.default.createElement(import_semi_ui14.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react28.default.createElement(import_semi_icons5.IconChevronDownStroked, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -3343,11 +3426,11 @@ function ConditionRow({
     readonly,
     userOps: ruleConfig.ops
   });
-  const targetSchema = (0, import_react27.useMemo)(() => {
+  const targetSchema = (0, import_react29.useMemo)(() => {
     const targetType = rule?.[operator || ""] || null;
     return targetType ? { type: targetType, extra: { weak: true } } : null;
   }, [rule, opConfig]);
-  return /* @__PURE__ */ import_react27.default.createElement(UIContainer3, { style }, /* @__PURE__ */ import_react27.default.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ import_react27.default.createElement(UIValues, null, /* @__PURE__ */ import_react27.default.createElement(UILeft, null, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(UIContainer3, { style }, /* @__PURE__ */ import_react29.default.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ import_react29.default.createElement(UIValues, null, /* @__PURE__ */ import_react29.default.createElement(UILeft, null, /* @__PURE__ */ import_react29.default.createElement(
     InjectVariableSelector,
     {
       readonly,
@@ -3361,7 +3444,7 @@ function ConditionRow({
         }
       })
     }
-  )), /* @__PURE__ */ import_react27.default.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ import_react27.default.createElement(
+  )), /* @__PURE__ */ import_react29.default.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ import_react29.default.createElement(
     InjectDynamicValueInput,
     {
       readonly: readonly || !rule,
@@ -3369,8 +3452,8 @@ function ConditionRow({
       schema: targetSchema,
       onChange: (v) => onChange({ ...value, right: v })
     }
-  ) : /* @__PURE__ */ import_react27.default.createElement(
-    import_semi_ui13.Input,
+  ) : /* @__PURE__ */ import_react29.default.createElement(
+    import_semi_ui15.Input,
     {
       size: "small",
       disabled: true,
@@ -3384,14 +3467,14 @@ ConditionRow.defaultOpConfigs = defaultOpConfigs;
 
 // src/components/db-condition-row/index.tsx
 init_cjs_shims();
-var import_react31 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var import_editor21 = require("@flowgram.ai/editor");
-var import_semi_ui17 = require("@douyinfe/semi-ui");
+var import_semi_ui19 = require("@douyinfe/semi-ui");
 
 // src/components/db-condition-row/styles.tsx
 init_cjs_shims();
 var import_styled_components6 = __toESM(require("styled-components"));
-var import_semi_ui14 = require("@douyinfe/semi-ui");
+var import_semi_ui16 = require("@douyinfe/semi-ui");
 var UIContainer4 = import_styled_components6.default.div`
   display: flex;
   align-items: center;
@@ -3416,7 +3499,7 @@ var UIOptionLabel = import_styled_components6.default.div`
   align-items: center;
   gap: 10px;
 `;
-var UISelect = (0, import_styled_components6.default)(import_semi_ui14.Select)`
+var UISelect = (0, import_styled_components6.default)(import_semi_ui16.Select)`
   & .semi-select-selection {
     margin-left: 5px;
   }
@@ -3424,13 +3507,13 @@ var UISelect = (0, import_styled_components6.default)(import_semi_ui14.Select)`
 
 // src/components/db-condition-row/hooks/use-op.tsx
 init_cjs_shims();
-var import_react28 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_editor20 = require("@flowgram.ai/editor");
-var import_semi_ui15 = require("@douyinfe/semi-ui");
+var import_semi_ui17 = require("@douyinfe/semi-ui");
 var import_semi_icons6 = require("@douyinfe/semi-icons");
 var defaultOpConfigs2 = ConditionRow.defaultOpConfigs;
 function useOp2({ rule, op, onChange, readonly, userOps }) {
-  const options = (0, import_react28.useMemo)(
+  const options = (0, import_react30.useMemo)(
     () => Object.keys(rule || {}).map((_op) => ({
       ...defaultOpConfigs2[_op] || {},
       ...userOps?.[_op] || {},
@@ -3439,9 +3522,9 @@ function useOp2({ rule, op, onChange, readonly, userOps }) {
     })),
     [rule, userOps]
   );
-  const opConfig = (0, import_react28.useMemo)(() => defaultOpConfigs2[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ import_react28.default.createElement(
-    import_semi_ui15.Select,
+  const opConfig = (0, import_react30.useMemo)(() => defaultOpConfigs2[op], [op]);
+  const renderOpSelect = () => /* @__PURE__ */ import_react30.default.createElement(
+    import_semi_ui17.Select,
     {
       style: { height: 22 },
       disabled: readonly,
@@ -3451,7 +3534,7 @@ function useOp2({ rule, op, onChange, readonly, userOps }) {
       onChange: (v) => {
         onChange(v);
       },
-      triggerRender: ({ value }) => /* @__PURE__ */ import_react28.default.createElement(import_semi_ui15.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react28.default.createElement(import_semi_icons6.IconChevronDownStroked, { size: "small" }))
+      triggerRender: ({ value }) => /* @__PURE__ */ import_react30.default.createElement(import_semi_ui17.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react30.default.createElement(import_semi_icons6.IconChevronDownStroked, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -3459,15 +3542,15 @@ function useOp2({ rule, op, onChange, readonly, userOps }) {
 
 // src/components/db-condition-row/hooks/use-left.tsx
 init_cjs_shims();
-var import_react29 = require("react");
-var import_react30 = __toESM(require("react"));
+var import_react31 = require("react");
+var import_react32 = __toESM(require("react"));
 var import_json_schema9 = require("@flowgram.ai/json-schema");
-var import_semi_ui16 = require("@douyinfe/semi-ui");
+var import_semi_ui18 = require("@douyinfe/semi-ui");
 var defaultRules2 = ConditionRow.defaultRules;
 function useLeft({ left, options, userRules, readonly, onChange }) {
-  const rules = (0, import_react29.useMemo)(() => ({ ...defaultRules2, ...userRules || {} }), [userRules]);
+  const rules = (0, import_react31.useMemo)(() => ({ ...defaultRules2, ...userRules || {} }), [userRules]);
   const typeManager = (0, import_json_schema9.useTypeManager)();
-  const rule = (0, import_react29.useMemo)(() => {
+  const rule = (0, import_react31.useMemo)(() => {
     if (!left) return void 0;
     const option = options?.find((item) => item.value === left);
     if (!option?.schema?.type) {
@@ -3475,7 +3558,7 @@ function useLeft({ left, options, userRules, readonly, onChange }) {
     }
     return rules[option.schema.type];
   }, [left, options, rules]);
-  const renderDBOptionSelect = () => /* @__PURE__ */ import_react30.default.createElement(
+  const renderDBOptionSelect = () => /* @__PURE__ */ import_react32.default.createElement(
     UISelect,
     {
       disabled: readonly,
@@ -3484,7 +3567,7 @@ function useLeft({ left, options, userRules, readonly, onChange }) {
       value: left,
       onChange: (v) => onChange(v),
       optionList: options?.map((item) => ({
-        label: /* @__PURE__ */ import_react30.default.createElement(UIOptionLabel, null, /* @__PURE__ */ import_react30.default.createElement(import_semi_ui16.Icon, { size: "small", svg: typeManager.getDisplayIcon(item.schema) }), item.label),
+        label: /* @__PURE__ */ import_react32.default.createElement(UIOptionLabel, null, /* @__PURE__ */ import_react32.default.createElement(import_semi_ui18.Icon, { size: "small", svg: typeManager.getDisplayIcon(item.schema) }), item.label),
         value: item.value
       })) || []
     }
@@ -3520,11 +3603,11 @@ function DBConditionRow({
     readonly,
     userOps: ruleConfig.ops
   });
-  const targetSchema = (0, import_react31.useMemo)(() => {
+  const targetSchema = (0, import_react33.useMemo)(() => {
     const targetType = rule?.[operator || ""] || null;
     return targetType ? { type: targetType, extra: { weak: true } } : null;
   }, [rule, opConfig]);
-  return /* @__PURE__ */ import_react31.default.createElement(UIContainer4, { style }, /* @__PURE__ */ import_react31.default.createElement(UIOperator2, null, renderOpSelect()), /* @__PURE__ */ import_react31.default.createElement(UIValues2, null, /* @__PURE__ */ import_react31.default.createElement(UILeft2, null, renderDBOptionSelect()), /* @__PURE__ */ import_react31.default.createElement(UIRight2, null, targetSchema ? /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(UIContainer4, { style }, /* @__PURE__ */ import_react33.default.createElement(UIOperator2, null, renderOpSelect()), /* @__PURE__ */ import_react33.default.createElement(UIValues2, null, /* @__PURE__ */ import_react33.default.createElement(UILeft2, null, renderDBOptionSelect()), /* @__PURE__ */ import_react33.default.createElement(UIRight2, null, targetSchema ? /* @__PURE__ */ import_react33.default.createElement(
     InjectDynamicValueInput,
     {
       readonly: readonly || !rule,
@@ -3532,8 +3615,8 @@ function DBConditionRow({
       schema: targetSchema,
       onChange: (v) => onChange({ ...value, right: v })
     }
-  ) : /* @__PURE__ */ import_react31.default.createElement(
-    import_semi_ui17.Input,
+  ) : /* @__PURE__ */ import_react33.default.createElement(
+    import_semi_ui19.Input,
     {
       size: "small",
       disabled: true,
@@ -3545,9 +3628,9 @@ function DBConditionRow({
 
 // src/components/batch-outputs/index.tsx
 init_cjs_shims();
-var import_react33 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_editor22 = require("@flowgram.ai/editor");
-var import_semi_ui18 = require("@douyinfe/semi-ui");
+var import_semi_ui20 = require("@douyinfe/semi-ui");
 var import_semi_icons7 = require("@douyinfe/semi-icons");
 
 // src/hooks/index.tsx
@@ -3555,9 +3638,9 @@ init_cjs_shims();
 
 // src/hooks/use-object-list/index.tsx
 init_cjs_shims();
-var import_react32 = require("react");
+var import_react34 = require("react");
 var import_nanoid = require("nanoid");
-var import_lodash4 = require("lodash");
+var import_lodash_es4 = require("lodash-es");
 function genId2() {
   return (0, import_nanoid.nanoid)();
 }
@@ -3566,16 +3649,16 @@ function useObjectList({
   onChange,
   sortIndexKey
 }) {
-  const [list, setList] = (0, import_react32.useState)([]);
-  const effectVersion = (0, import_react32.useRef)(0);
-  const changeVersion = (0, import_react32.useRef)(0);
+  const [list, setList] = (0, import_react34.useState)([]);
+  const effectVersion = (0, import_react34.useRef)(0);
+  const changeVersion = (0, import_react34.useRef)(0);
   const getSortIndex = (value2) => {
     if (typeof sortIndexKey === "function") {
-      return (0, import_lodash4.get)(value2, sortIndexKey(value2)) || 0;
+      return (0, import_lodash_es4.get)(value2, sortIndexKey(value2)) || 0;
     }
-    return (0, import_lodash4.get)(value2, sortIndexKey || "") || 0;
+    return (0, import_lodash_es4.get)(value2, sortIndexKey || "") || 0;
   };
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     effectVersion.current = effectVersion.current + 1;
     if (effectVersion.current === changeVersion.current) {
       return;
@@ -3584,7 +3667,7 @@ function useObjectList({
     setList((_prevList) => {
       const newKeys = Object.entries(value || {}).sort((a, b) => getSortIndex(a[1]) - getSortIndex(b[1])).map(([key]) => key);
       const oldKeys = _prevList.map((item) => item.key).filter(Boolean);
-      const addKeys = (0, import_lodash4.difference)(newKeys, oldKeys);
+      const addKeys = (0, import_lodash_es4.difference)(newKeys, oldKeys);
       return _prevList.filter((item) => !item.key || newKeys.includes(item.key)).map((item) => ({
         id: item.id,
         key: item.key,
@@ -3623,8 +3706,8 @@ function useObjectList({
         Object.fromEntries(
           nextList.filter((item) => item.key).map((item) => [item.key, item.value]).map((_res, idx) => {
             const indexKey = typeof sortIndexKey === "function" ? sortIndexKey(_res[1]) : sortIndexKey;
-            if ((0, import_lodash4.isObject)(_res[1]) && indexKey) {
-              (0, import_lodash4.set)(_res[1], indexKey, idx);
+            if ((0, import_lodash_es4.isObject)(_res[1]) && indexKey) {
+              (0, import_lodash_es4.set)(_res[1], indexKey, idx);
             }
             return _res;
           })
@@ -3690,8 +3773,8 @@ var UIRow2 = import_styled_components7.default.div`
 function BatchOutputs(props) {
   const { readonly, style } = props;
   const { list, add, updateKey, updateValue, remove } = useObjectList(props);
-  return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement(UIRows, { style }, list.map((item) => /* @__PURE__ */ import_react33.default.createElement(UIRow2, { key: item.id }, /* @__PURE__ */ import_react33.default.createElement(
-    import_semi_ui18.Input,
+  return /* @__PURE__ */ import_react35.default.createElement("div", null, /* @__PURE__ */ import_react35.default.createElement(UIRows, { style }, list.map((item) => /* @__PURE__ */ import_react35.default.createElement(UIRow2, { key: item.id }, /* @__PURE__ */ import_react35.default.createElement(
+    import_semi_ui20.Input,
     {
       style: { width: 100 },
       disabled: readonly,
@@ -3699,7 +3782,7 @@ function BatchOutputs(props) {
       value: item.key,
       onChange: (v) => updateKey(item.id, v)
     }
-  ), /* @__PURE__ */ import_react33.default.createElement(
+  ), /* @__PURE__ */ import_react35.default.createElement(
     InjectVariableSelector,
     {
       style: { flexGrow: 1 },
@@ -3707,15 +3790,15 @@ function BatchOutputs(props) {
       value: item.value?.content,
       onChange: (v) => updateValue(item.id, { type: "ref", content: v })
     }
-  ), /* @__PURE__ */ import_react33.default.createElement(
-    import_semi_ui18.Button,
+  ), /* @__PURE__ */ import_react35.default.createElement(
+    import_semi_ui20.Button,
     {
       disabled: readonly,
-      icon: /* @__PURE__ */ import_react33.default.createElement(import_semi_icons7.IconDelete, null),
+      icon: /* @__PURE__ */ import_react35.default.createElement(import_semi_icons7.IconDelete, null),
       size: "small",
       onClick: () => remove(item.id)
     }
-  )))), /* @__PURE__ */ import_react33.default.createElement(import_semi_ui18.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react33.default.createElement(import_semi_icons7.IconPlus, null), size: "small", onClick: () => add() }, import_editor22.I18n.t("Add")));
+  )))), /* @__PURE__ */ import_react35.default.createElement(import_semi_ui20.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react35.default.createElement(import_semi_icons7.IconPlus, null), size: "small", onClick: () => add() }, import_editor22.I18n.t("Add")));
 }
 
 // src/components/index.ts
@@ -3723,15 +3806,15 @@ init_prompt_editor();
 
 // src/components/prompt-editor-with-variables/index.tsx
 init_cjs_shims();
-var import_react48 = require("react");
-var PromptEditorWithVariables2 = (0, import_react48.lazy)(
+init_shared();
+var PromptEditorWithVariables2 = lazySuspense(
   () => Promise.resolve().then(() => (init_editor3(), editor_exports3)).then((module2) => ({ default: module2.PromptEditorWithVariables }))
 );
 
 // src/components/prompt-editor-with-inputs/index.tsx
 init_cjs_shims();
-var import_react53 = require("react");
-var PromptEditorWithInputs2 = (0, import_react53.lazy)(
+init_shared();
+var PromptEditorWithInputs2 = lazySuspense(
   () => Promise.resolve().then(() => (init_editor4(), editor_exports4)).then((module2) => ({ default: module2.PromptEditorWithInputs }))
 );
 
@@ -3741,16 +3824,16 @@ init_code_editor_mini();
 
 // src/components/json-editor-with-variables/index.tsx
 init_cjs_shims();
-var import_react59 = require("react");
-var JsonEditorWithVariables2 = (0, import_react59.lazy)(
+init_shared();
+var JsonEditorWithVariables2 = lazySuspense(
   () => Promise.resolve().then(() => (init_editor5(), editor_exports5)).then((module2) => ({ default: module2.JsonEditorWithVariables }))
 );
 
 // src/components/inputs-values/index.tsx
 init_cjs_shims();
-var import_react60 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_editor29 = require("@flowgram.ai/editor");
-var import_semi_ui27 = require("@douyinfe/semi-ui");
+var import_semi_ui29 = require("@douyinfe/semi-ui");
 var import_semi_icons10 = require("@douyinfe/semi-icons");
 
 // src/components/inputs-values/styles.tsx
@@ -3783,7 +3866,7 @@ function InputsValues({
     onChange,
     sortIndexKey: "extra.index"
   });
-  return /* @__PURE__ */ import_react60.default.createElement("div", null, /* @__PURE__ */ import_react60.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react60.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement("div", null, /* @__PURE__ */ import_react58.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react58.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react58.default.createElement(
     BlurInput,
     {
       style: { width: 100, minWidth: 100, maxWidth: 100 },
@@ -3793,7 +3876,7 @@ function InputsValues({
       onChange: (v) => updateKey(item.id, v),
       placeholder: import_editor29.I18n.t("Input Key")
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react58.default.createElement(
     InjectDynamicValueInput,
     {
       style: { flexGrow: 1 },
@@ -3807,20 +3890,20 @@ function InputsValues({
         strategies: [...constantProps?.strategies || []]
       }
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    import_semi_ui27.IconButton,
+  ), /* @__PURE__ */ import_react58.default.createElement(
+    import_semi_ui29.IconButton,
     {
       disabled: readonly,
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons10.IconDelete, { size: "small" }),
+      icon: /* @__PURE__ */ import_react58.default.createElement(import_semi_icons10.IconDelete, { size: "small" }),
       size: "small",
       onClick: () => remove(item.id)
     }
-  )))), /* @__PURE__ */ import_react60.default.createElement(
-    import_semi_ui27.Button,
+  )))), /* @__PURE__ */ import_react58.default.createElement(
+    import_semi_ui29.Button,
     {
       disabled: readonly,
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons10.IconPlus, null),
+      icon: /* @__PURE__ */ import_react58.default.createElement(import_semi_icons10.IconPlus, null),
       size: "small",
       onClick: () => add({
         type: "constant",
@@ -3834,7 +3917,7 @@ function InputsValues({
 
 // src/components/display-schema-tree/index.tsx
 init_cjs_shims();
-var import_react61 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 init_plugins();
 
 // src/components/display-schema-tree/styles.tsx
@@ -3920,7 +4003,7 @@ var TreeItem = import_styled_components12.default.div`
 
 // src/components/display-schema-tree/index.tsx
 function DisplaySchemaTree(props) {
-  return /* @__PURE__ */ import_react61.default.createElement(SchemaTree, { ...props });
+  return /* @__PURE__ */ import_react59.default.createElement(SchemaTree, { ...props });
 }
 function SchemaTree(props) {
   const {
@@ -3936,31 +4019,31 @@ function SchemaTree(props) {
   const icon = typeManager?.getDisplayIcon(schema);
   let properties = drilldown && config ? config.getTypeSchemaProperties(schema) : {};
   const childEntries = Object.entries(properties || {});
-  return /* @__PURE__ */ import_react61.default.createElement(TreeItem, { depth, key: parentKey || "root" }, /* @__PURE__ */ import_react61.default.createElement(TreeRow, null, depth !== 0 && /* @__PURE__ */ import_react61.default.createElement(HorizontalLine, null), showIcon && icon && import_react61.default.cloneElement(icon, {
+  return /* @__PURE__ */ import_react59.default.createElement(TreeItem, { depth, key: parentKey || "root" }, /* @__PURE__ */ import_react59.default.createElement(TreeRow, null, depth !== 0 && /* @__PURE__ */ import_react59.default.createElement(HorizontalLine, null), showIcon && icon && import_react59.default.cloneElement(icon, {
     className: "tree-icon"
-  }), /* @__PURE__ */ import_react61.default.createElement(TreeTitle, null, parentKey ? /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, `${parentKey} (`, title, ")") : title)), childEntries?.length ? /* @__PURE__ */ import_react61.default.createElement(TreeLevel, null, childEntries.map(([key, value]) => /* @__PURE__ */ import_react61.default.createElement(SchemaTree, { key, ...props, parentKey: key, value, depth: depth + 1 }))) : null);
+  }), /* @__PURE__ */ import_react59.default.createElement(TreeTitle, null, parentKey ? /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, `${parentKey} (`, title, ")") : title)), childEntries?.length ? /* @__PURE__ */ import_react59.default.createElement(TreeLevel, null, childEntries.map(([key, value]) => /* @__PURE__ */ import_react59.default.createElement(SchemaTree, { key, ...props, parentKey: key, value, depth: depth + 1 }))) : null);
 }
 
 // src/components/display-outputs/index.tsx
 init_cjs_shims();
-var import_react63 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_json_schema10 = require("@flowgram.ai/json-schema");
 var import_editor30 = require("@flowgram.ai/editor");
 
 // src/components/display-schema-tag/index.tsx
 init_cjs_shims();
-var import_react62 = __toESM(require("react"));
-var import_semi_ui29 = require("@douyinfe/semi-ui");
+var import_react60 = __toESM(require("react"));
+var import_semi_ui31 = require("@douyinfe/semi-ui");
 init_plugins();
 
 // src/components/display-schema-tag/styles.ts
 init_cjs_shims();
 var import_styled_components13 = __toESM(require("styled-components"));
-var import_semi_ui28 = require("@douyinfe/semi-ui");
+var import_semi_ui30 = require("@douyinfe/semi-ui");
 var PopoverContent = import_styled_components13.default.div`
   padding: 10px;
 `;
-var StyledTag = (0, import_styled_components13.default)(import_semi_ui28.Tag)`
+var StyledTag = (0, import_styled_components13.default)(import_semi_ui30.Tag)`
   padding: 4px;
 
   .tag-icon {
@@ -3980,14 +4063,14 @@ var TitleSpan = import_styled_components13.default.span`
 function DisplaySchemaTag({ value = {}, showIconInTree, title, warning }) {
   const typeManager = useTypeManager();
   const icon = typeManager?.getDisplayIcon(value) || typeManager.getDisplayIcon({ type: "unknown" });
-  return /* @__PURE__ */ import_react62.default.createElement(
-    import_semi_ui29.Popover,
+  return /* @__PURE__ */ import_react60.default.createElement(
+    import_semi_ui31.Popover,
     {
-      content: /* @__PURE__ */ import_react62.default.createElement(PopoverContent, null, /* @__PURE__ */ import_react62.default.createElement(DisplaySchemaTree, { value, typeManager, showIcon: showIconInTree }))
+      content: /* @__PURE__ */ import_react60.default.createElement(PopoverContent, null, /* @__PURE__ */ import_react60.default.createElement(DisplaySchemaTree, { value, typeManager, showIcon: showIconInTree }))
     },
-    /* @__PURE__ */ import_react62.default.createElement(StyledTag, { color: warning ? "amber" : "white" }, icon && import_react62.default.cloneElement(icon, {
+    /* @__PURE__ */ import_react60.default.createElement(StyledTag, { color: warning ? "amber" : "white" }, icon && import_react60.default.cloneElement(icon, {
       className: "tag-icon"
-    }), title && /* @__PURE__ */ import_react62.default.createElement(TitleSpan, null, title))
+    }), title && /* @__PURE__ */ import_react60.default.createElement(TitleSpan, null, title))
   );
 }
 
@@ -4004,7 +4087,7 @@ var DisplayOutputsWrapper = import_styled_components14.default.div`
 function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
   const scope = (0, import_editor30.useCurrentScope)();
   const refresh = (0, import_editor30.useRefresh)();
-  (0, import_react63.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!displayFromScope) {
       return () => null;
     }
@@ -4023,7 +4106,7 @@ function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
     return acm;
   }, {}) : value?.properties || {};
   const childEntries = Object.entries(properties || {});
-  return /* @__PURE__ */ import_react63.default.createElement(DisplayOutputsWrapper, null, childEntries.map(([key, schema]) => /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement(DisplayOutputsWrapper, null, childEntries.map(([key, schema]) => /* @__PURE__ */ import_react61.default.createElement(
     DisplaySchemaTag,
     {
       key,
@@ -4037,14 +4120,14 @@ function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
 
 // src/components/display-flow-value/index.tsx
 init_cjs_shims();
-var import_react64 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_json_schema11 = require("@flowgram.ai/json-schema");
 var import_editor31 = require("@flowgram.ai/editor");
 init_shared();
 function DisplayFlowValue({ value, title, showIconInTree }) {
   const available = (0, import_editor31.useScopeAvailable)();
   const variable = value?.type === "ref" ? available.getByKeyPath(value?.content) : void 0;
-  const schema = (0, import_react64.useMemo)(() => {
+  const schema = (0, import_react62.useMemo)(() => {
     if (value?.type === "ref") {
       return import_json_schema11.JsonSchemaUtils.astToSchema(variable?.type);
     }
@@ -4056,7 +4139,7 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
     }
     return { type: "unknown" };
   }, [value, variable?.hash]);
-  return /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement(
     DisplaySchemaTag,
     {
       title,
@@ -4069,8 +4152,8 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
 
 // src/components/display-inputs-values/index.tsx
 init_cjs_shims();
-var import_react65 = __toESM(require("react"));
-var import_lodash8 = require("lodash");
+var import_react63 = __toESM(require("react"));
+var import_lodash_es8 = require("lodash-es");
 var import_editor32 = require("@flowgram.ai/editor");
 init_shared();
 
@@ -4086,12 +4169,12 @@ var DisplayInputsWrapper = import_styled_components15.default.div`
 // src/components/display-inputs-values/index.tsx
 function DisplayInputsValues({ value, showIconInTree }) {
   const childEntries = Object.entries(value || {});
-  return /* @__PURE__ */ import_react65.default.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => {
+  return /* @__PURE__ */ import_react63.default.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => {
     if (FlowValueUtils.isFlowValue(value2)) {
-      return /* @__PURE__ */ import_react65.default.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree });
+      return /* @__PURE__ */ import_react63.default.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree });
     }
-    if ((0, import_lodash8.isPlainObject)(value2)) {
-      return /* @__PURE__ */ import_react65.default.createElement(
+    if ((0, import_lodash_es8.isPlainObject)(value2)) {
+      return /* @__PURE__ */ import_react63.default.createElement(
         DisplayInputsValueAllInTag,
         {
           key,
@@ -4110,37 +4193,37 @@ function DisplayInputsValueAllInTag({
   showIconInTree
 }) {
   const available = (0, import_editor32.useScopeAvailable)();
-  const schema = (0, import_react65.useMemo)(
+  const schema = (0, import_react63.useMemo)(
     () => FlowValueUtils.inferJsonSchema(value, available.scope),
     [available.version, value]
   );
-  return /* @__PURE__ */ import_react65.default.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
+  return /* @__PURE__ */ import_react63.default.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
 }
 
 // src/components/assign-rows/index.tsx
 init_cjs_shims();
-var import_react68 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var import_editor33 = require("@flowgram.ai/editor");
-var import_semi_ui31 = require("@douyinfe/semi-ui");
+var import_semi_ui33 = require("@douyinfe/semi-ui");
 var import_semi_icons12 = require("@douyinfe/semi-icons");
 
 // src/components/assign-row/index.tsx
 init_cjs_shims();
-var import_react67 = __toESM(require("react"));
-var import_semi_ui30 = require("@douyinfe/semi-ui");
+var import_react65 = __toESM(require("react"));
+var import_semi_ui32 = require("@douyinfe/semi-ui");
 var import_semi_icons11 = require("@douyinfe/semi-icons");
 init_variable_selector();
 
 // src/components/assign-row/components/blur-input.tsx
 init_cjs_shims();
-var import_react66 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_input2 = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
 function BlurInput2(props) {
-  const [value, setValue] = (0, import_react66.useState)("");
-  (0, import_react66.useEffect)(() => {
+  const [value, setValue] = (0, import_react64.useState)("");
+  (0, import_react64.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
-  return /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(
     import_input2.default,
     {
       ...props,
@@ -4166,7 +4249,7 @@ function AssignRow(props) {
     onDelete,
     readonly
   } = props;
-  return /* @__PURE__ */ import_react67.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, /* @__PURE__ */ import_react67.default.createElement("div", { style: { width: 150, minWidth: 150, maxWidth: 150 } }, value?.operator === "assign" ? /* @__PURE__ */ import_react67.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, /* @__PURE__ */ import_react65.default.createElement("div", { style: { width: 150, minWidth: 150, maxWidth: 150 } }, value?.operator === "assign" ? /* @__PURE__ */ import_react65.default.createElement(
     InjectVariableSelector,
     {
       style: { width: "100%", height: 26 },
@@ -4177,7 +4260,7 @@ function AssignRow(props) {
         left: { type: "ref", content: v }
       })
     }
-  ) : /* @__PURE__ */ import_react67.default.createElement(
+  ) : /* @__PURE__ */ import_react65.default.createElement(
     BlurInput2,
     {
       style: { height: 26 },
@@ -4189,7 +4272,7 @@ function AssignRow(props) {
         left: v
       })
     }
-  )), /* @__PURE__ */ import_react67.default.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ import_react67.default.createElement(
+  )), /* @__PURE__ */ import_react65.default.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ import_react65.default.createElement(
     InjectDynamicValueInput,
     {
       readonly,
@@ -4199,12 +4282,12 @@ function AssignRow(props) {
         right: v
       })
     }
-  )), onDelete && /* @__PURE__ */ import_react67.default.createElement("div", null, /* @__PURE__ */ import_react67.default.createElement(
-    import_semi_ui30.IconButton,
+  )), onDelete && /* @__PURE__ */ import_react65.default.createElement("div", null, /* @__PURE__ */ import_react65.default.createElement(
+    import_semi_ui32.IconButton,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react67.default.createElement(import_semi_icons11.IconMinus, null),
+      icon: /* @__PURE__ */ import_react65.default.createElement(import_semi_icons11.IconMinus, null),
       onClick: () => onDelete?.()
     }
   )));
@@ -4213,7 +4296,7 @@ function AssignRow(props) {
 // src/components/assign-rows/index.tsx
 function AssignRows(props) {
   const { name, readonly } = props;
-  return /* @__PURE__ */ import_react68.default.createElement(import_editor33.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react68.default.createElement(
+  return /* @__PURE__ */ import_react66.default.createElement(import_editor33.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react66.default.createElement(
     AssignRow,
     {
       key: childField.key,
@@ -4224,21 +4307,21 @@ function AssignRows(props) {
       },
       onDelete: () => field.remove(index)
     }
-  )), /* @__PURE__ */ import_react68.default.createElement("div", { style: { display: "flex", gap: 5 } }, /* @__PURE__ */ import_react68.default.createElement(
-    import_semi_ui31.Button,
+  )), /* @__PURE__ */ import_react66.default.createElement("div", { style: { display: "flex", gap: 5 } }, /* @__PURE__ */ import_react66.default.createElement(
+    import_semi_ui33.Button,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react68.default.createElement(import_semi_icons12.IconPlus, null),
+      icon: /* @__PURE__ */ import_react66.default.createElement(import_semi_icons12.IconPlus, null),
       onClick: () => field.append({ operator: "assign" })
     },
     "Assign"
-  ), /* @__PURE__ */ import_react68.default.createElement(
-    import_semi_ui31.Button,
+  ), /* @__PURE__ */ import_react66.default.createElement(
+    import_semi_ui33.Button,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react68.default.createElement(import_semi_icons12.IconPlus, null),
+      icon: /* @__PURE__ */ import_react66.default.createElement(import_semi_icons12.IconPlus, null),
       onClick: () => field.append({ operator: "declare" })
     },
     "Declaration"
@@ -4247,15 +4330,15 @@ function AssignRows(props) {
 
 // src/components/inputs-values-tree/index.tsx
 init_cjs_shims();
-var import_react72 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var import_editor35 = require("@flowgram.ai/editor");
-var import_semi_ui33 = require("@douyinfe/semi-ui");
+var import_semi_ui35 = require("@douyinfe/semi-ui");
 var import_semi_icons15 = require("@douyinfe/semi-icons");
 init_shared();
 
 // src/components/inputs-values-tree/styles.tsx
 init_cjs_shims();
-var import_react69 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var import_styled_components16 = __toESM(require("styled-components"));
 var import_semi_icons13 = __toESM(require("@douyinfe/semi-icons"));
 var UIContainer6 = import_styled_components16.default.div``;
@@ -4336,7 +4419,7 @@ var UICollapsible2 = import_styled_components16.default.div`
 var UIActions2 = import_styled_components16.default.div`
   white-space: nowrap;
 `;
-var iconAddChildrenSvg2 = /* @__PURE__ */ import_react69.default.createElement(
+var iconAddChildrenSvg2 = /* @__PURE__ */ import_react67.default.createElement(
   "svg",
   {
     className: "icon-icon icon-icon-coz_add_node ",
@@ -4346,7 +4429,7 @@ var iconAddChildrenSvg2 = /* @__PURE__ */ import_react69.default.createElement(
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react69.default.createElement(
+  /* @__PURE__ */ import_react67.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4354,25 +4437,25 @@ var iconAddChildrenSvg2 = /* @__PURE__ */ import_react69.default.createElement(
       d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
     }
   ),
-  /* @__PURE__ */ import_react69.default.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
+  /* @__PURE__ */ import_react67.default.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
 );
-var IconAddChildren2 = () => /* @__PURE__ */ import_react69.default.createElement(import_semi_icons13.default, { size: "small", svg: iconAddChildrenSvg2 });
+var IconAddChildren2 = () => /* @__PURE__ */ import_react67.default.createElement(import_semi_icons13.default, { size: "small", svg: iconAddChildrenSvg2 });
 
 // src/components/inputs-values-tree/row.tsx
 init_cjs_shims();
-var import_react71 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var import_editor34 = require("@flowgram.ai/editor");
-var import_semi_ui32 = require("@douyinfe/semi-ui");
+var import_semi_ui34 = require("@douyinfe/semi-ui");
 var import_semi_icons14 = require("@douyinfe/semi-icons");
 
 // src/components/inputs-values-tree/hooks/use-child-list.tsx
 init_cjs_shims();
-var import_react70 = require("react");
-var import_lodash9 = require("lodash");
+var import_react68 = require("react");
+var import_lodash_es9 = require("lodash-es");
 init_shared();
 function useChildList(value, onChange) {
-  const canAddField = (0, import_react70.useMemo)(() => {
-    if (!(0, import_lodash9.isPlainObject)(value)) {
+  const canAddField = (0, import_react68.useMemo)(() => {
+    if (!(0, import_lodash_es9.isPlainObject)(value)) {
       return false;
     }
     if (FlowValueUtils.isFlowValue(value)) {
@@ -4380,8 +4463,8 @@ function useChildList(value, onChange) {
     }
     return true;
   }, [value]);
-  const objectListValue = (0, import_react70.useMemo)(() => {
-    if ((0, import_lodash9.isPlainObject)(value)) {
+  const objectListValue = (0, import_react68.useMemo)(() => {
+    if ((0, import_lodash_es9.isPlainObject)(value)) {
       if (FlowValueUtils.isFlowValue(value)) {
         return void 0;
       }
@@ -4396,7 +4479,7 @@ function useChildList(value, onChange) {
     },
     sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
   });
-  const hasChildren = (0, import_react70.useMemo)(
+  const hasChildren = (0, import_react68.useMemo)(
     () => canAddField && (list.length > 0 || Object.keys(objectListValue || {}).length > 0),
     [canAddField, list.length, Object.keys(objectListValue || {}).length]
   );
@@ -4414,8 +4497,8 @@ function useChildList(value, onChange) {
 // src/components/inputs-values-tree/row.tsx
 var AddObjectChildStrategy = {
   hit: (schema) => schema.type === "object",
-  Renderer: () => /* @__PURE__ */ import_react71.default.createElement(
-    import_semi_ui32.Input,
+  Renderer: () => /* @__PURE__ */ import_react69.default.createElement(
+    import_semi_ui34.Input,
     {
       size: "small",
       disabled: true,
@@ -4437,23 +4520,23 @@ function InputValueRow(props) {
     hasError,
     readonly
   } = props;
-  const [collapse, setCollapse] = (0, import_react71.useState)(false);
+  const [collapse, setCollapse] = (0, import_react69.useState)(false);
   const { canAddField, hasChildren, list, add, updateKey, updateValue, remove } = useChildList(
     value,
     onUpdateValue
   );
-  const strategies = (0, import_react71.useMemo)(
+  const strategies = (0, import_react69.useMemo)(
     () => [...hasChildren ? [AddObjectChildStrategy] : [], ...constantProps?.strategies || []],
     [hasChildren, constantProps?.strategies]
   );
-  const flowDisplayValue = (0, import_react71.useMemo)(
+  const flowDisplayValue = (0, import_react69.useMemo)(
     () => hasChildren ? {
       type: "constant",
       schema: { type: "object" }
     } : value,
     [hasChildren, value]
   );
-  return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement(UITreeItemLeft2, { $isLast, $showLine: $level > 0, $showCollapse: hasChildren }, hasChildren && /* @__PURE__ */ import_react71.default.createElement(UICollapseTrigger2, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react71.default.createElement(import_semi_icons14.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react71.default.createElement(import_semi_icons14.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react71.default.createElement(UITreeItemRight2, null, /* @__PURE__ */ import_react71.default.createElement(UITreeItemMain2, null, /* @__PURE__ */ import_react71.default.createElement(UIRow4, null, /* @__PURE__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(UITreeItemLeft2, { $isLast, $showLine: $level > 0, $showCollapse: hasChildren }, hasChildren && /* @__PURE__ */ import_react69.default.createElement(UICollapseTrigger2, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react69.default.createElement(import_semi_icons14.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react69.default.createElement(import_semi_icons14.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react69.default.createElement(UITreeItemRight2, null, /* @__PURE__ */ import_react69.default.createElement(UITreeItemMain2, null, /* @__PURE__ */ import_react69.default.createElement(UIRow4, null, /* @__PURE__ */ import_react69.default.createElement(
     BlurInput,
     {
       style: { width: 100, minWidth: 100, maxWidth: 100 },
@@ -4463,7 +4546,7 @@ function InputValueRow(props) {
       onChange: (v) => onUpdateKey?.(v),
       placeholder: import_editor34.I18n.t("Input Key")
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(
+  ), /* @__PURE__ */ import_react69.default.createElement(
     InjectDynamicValueInput,
     {
       style: { flexGrow: 1 },
@@ -4476,13 +4559,13 @@ function InputValueRow(props) {
         strategies
       }
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(UIActions2, null, canAddField && /* @__PURE__ */ import_react71.default.createElement(
-    import_semi_ui32.IconButton,
+  ), /* @__PURE__ */ import_react69.default.createElement(UIActions2, null, canAddField && /* @__PURE__ */ import_react69.default.createElement(
+    import_semi_ui34.IconButton,
     {
       disabled: readonly,
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react71.default.createElement(IconAddChildren2, null),
+      icon: /* @__PURE__ */ import_react69.default.createElement(IconAddChildren2, null),
       onClick: () => {
         add({
           type: "constant",
@@ -4492,16 +4575,16 @@ function InputValueRow(props) {
         setCollapse(true);
       }
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(
-    import_semi_ui32.IconButton,
+  ), /* @__PURE__ */ import_react69.default.createElement(
+    import_semi_ui34.IconButton,
     {
       disabled: readonly,
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react71.default.createElement(import_semi_icons14.IconDelete, { size: "small" }),
+      icon: /* @__PURE__ */ import_react69.default.createElement(import_semi_icons14.IconDelete, { size: "small" }),
       size: "small",
       onClick: () => onRemove?.()
     }
-  )))), hasChildren && /* @__PURE__ */ import_react71.default.createElement(UICollapsible2, { $collapse: collapse }, /* @__PURE__ */ import_react71.default.createElement(UITreeItems2, { $shrink: true }, list.map((_item, index) => /* @__PURE__ */ import_react71.default.createElement(
+  )))), hasChildren && /* @__PURE__ */ import_react69.default.createElement(UICollapsible2, { $collapse: collapse }, /* @__PURE__ */ import_react69.default.createElement(UITreeItems2, { $shrink: true }, list.map((_item, index) => /* @__PURE__ */ import_react69.default.createElement(
     InputValueRow,
     {
       readonly,
@@ -4533,7 +4616,7 @@ function InputsValuesTree(props) {
     onChange,
     sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
   });
-  return /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement(UITreeItems2, null, list.map((item) => /* @__PURE__ */ import_react72.default.createElement(
+  return /* @__PURE__ */ import_react70.default.createElement("div", null, /* @__PURE__ */ import_react70.default.createElement(UITreeItems2, null, list.map((item) => /* @__PURE__ */ import_react70.default.createElement(
     InputValueRow,
     {
       key: item.id,
@@ -4546,12 +4629,12 @@ function InputsValuesTree(props) {
       hasError,
       constantProps
     }
-  ))), /* @__PURE__ */ import_react72.default.createElement(
-    import_semi_ui33.Button,
+  ))), /* @__PURE__ */ import_react70.default.createElement(
+    import_semi_ui35.Button,
     {
       style: { marginTop: 10, marginLeft: 16 },
       disabled: readonly,
-      icon: /* @__PURE__ */ import_react72.default.createElement(import_semi_icons15.IconPlus, null),
+      icon: /* @__PURE__ */ import_react70.default.createElement(import_semi_icons15.IconPlus, null),
       size: "small",
       onClick: () => {
         add({
@@ -4704,7 +4787,7 @@ var syncVariableTitle = [
 
 // src/effects/validate-when-variable-sync/index.ts
 init_cjs_shims();
-var import_lodash10 = require("lodash");
+var import_lodash_es10 = require("lodash-es");
 var import_editor40 = require("@flowgram.ai/editor");
 var validateWhenVariableSync = ({
   scope
@@ -4714,7 +4797,7 @@ var validateWhenVariableSync = ({
     effect: ({ context, form }) => {
       const nodeScope = scope === "private" ? (0, import_editor40.getNodePrivateScope)(context.node) : (0, import_editor40.getNodeScope)(context.node);
       const disposable = nodeScope.available.onListOrAnyVarChange(() => {
-        if (!(0, import_lodash10.isEmpty)(form.state.errors)) {
+        if (!(0, import_lodash_es10.isEmpty)(form.state.errors)) {
           form.validate();
         }
       });
@@ -4856,7 +4939,7 @@ var createBatchOutputsFormPlugin = (0, import_editor43.defineFormPluginCreator)(
 
 // src/form-plugins/infer-inputs-plugin/index.ts
 init_cjs_shims();
-var import_lodash11 = require("lodash");
+var import_lodash_es11 = require("lodash-es");
 var import_editor44 = require("@flowgram.ai/editor");
 init_shared();
 var createInferInputsPlugin = (0, import_editor44.defineFormPluginCreator)({
@@ -4865,11 +4948,11 @@ var createInferInputsPlugin = (0, import_editor44.defineFormPluginCreator)({
       return;
     }
     addFormatOnSubmit((formData, ctx) => {
-      (0, import_lodash11.set)(
+      (0, import_lodash_es11.set)(
         formData,
         targetKey,
         FlowValueUtils.inferJsonSchema(
-          (0, import_lodash11.get)(formData, sourceKey),
+          (0, import_lodash_es11.get)(formData, sourceKey),
           scope === "private" ? (0, import_editor44.getNodePrivateScope)(ctx.node) : (0, import_editor44.getNodeScope)(ctx.node)
         )
       );
@@ -4880,7 +4963,7 @@ var createInferInputsPlugin = (0, import_editor44.defineFormPluginCreator)({
 
 // src/form-plugins/infer-assign-plugin/index.ts
 init_cjs_shims();
-var import_lodash12 = require("lodash");
+var import_lodash_es12 = require("lodash-es");
 var import_json_schema14 = require("@flowgram.ai/json-schema");
 var import_editor45 = require("@flowgram.ai/editor");
 var createInferAssignPlugin = (0, import_editor45.defineFormPluginCreator)({
@@ -4891,7 +4974,7 @@ var createInferAssignPlugin = (0, import_editor45.defineFormPluginCreator)({
     mergeEffect({
       [assignKey]: (0, import_editor45.createEffectFromVariableProvider)({
         parse: (value, ctx) => {
-          const declareRows = (0, import_lodash12.uniqBy)(
+          const declareRows = (0, import_lodash_es12.uniqBy)(
             value.filter((_v) => _v.operator === "declare" && _v.left && _v.right),
             "left"
           );
@@ -4919,7 +5002,7 @@ var createInferAssignPlugin = (0, import_editor45.defineFormPluginCreator)({
       })
     });
     addFormatOnSubmit((formData, ctx) => {
-      (0, import_lodash12.set)(
+      (0, import_lodash_es12.set)(
         formData,
         outputKey,
         import_json_schema14.JsonSchemaUtils.astToSchema((0, import_editor45.getNodeScope)(ctx.node).output.variables?.[0]?.type)
@@ -4937,7 +5020,7 @@ init_cjs_shims();
 
 // src/validate/validate-flow-value/index.tsx
 init_cjs_shims();
-var import_lodash13 = require("lodash");
+var import_lodash_es13 = require("lodash-es");
 var import_editor46 = require("@flowgram.ai/editor");
 init_shared();
 function validateFlowValue(value, ctx) {
@@ -4946,7 +5029,7 @@ function validateFlowValue(value, ctx) {
     required: requiredMessage = "Field is required",
     unknownVariable: unknownVariableMessage = "Unknown Variable"
   } = errorMessages || {};
-  if (required && ((0, import_lodash13.isNil)(value) || (0, import_lodash13.isNil)(value?.content) || value?.content === "")) {
+  if (required && ((0, import_lodash_es13.isNil)(value) || (0, import_lodash_es13.isNil)(value?.content) || value?.content === "")) {
     return {
       level: import_editor46.FeedbackLevel.Error,
       message: requiredMessage
@@ -5009,6 +5092,7 @@ function validateFlowValue(value, ctx) {
   PromptEditorWithVariables,
   TypeSelector,
   VariableSelector,
+  VariableSelectorProvider,
   autoRenameRefEffect,
   createBatchOutputsFormPlugin,
   createDisableDeclarationPlugin,
@@ -5023,6 +5107,7 @@ function validateFlowValue(value, ctx) {
   getTypeSelectValue,
   isLegacyFlowRefValueSchema,
   isNewFlowRefValueSchema,
+  lazySuspense,
   listenRefSchemaChange,
   listenRefValueChange,
   parseTypeSelectValue,
@@ -5036,6 +5121,7 @@ function validateFlowValue(value, ctx) {
   useTypeManager,
   useVariableTree,
   validateFlowValue,
-  validateWhenVariableSync
+  validateWhenVariableSync,
+  withSuspense
 });
 //# sourceMappingURL=index.js.map