@flowgram.ai/form-materials 0.4.6 → 0.4.7

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",
@@ -928,20 +947,20 @@ var init_integer = __esm({
 });
 
 // src/plugins/json-schema-preset/type-definition/boolean.tsx
-var import_react10, import_editor7, import_semi_ui4, booleanRegistry;
+var import_react10, import_editor7, import_semi_ui5, 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_editor7 = require("@flowgram.ai/editor");
-    import_semi_ui4 = require("@douyinfe/semi-ui");
+    import_semi_ui5 = require("@douyinfe/semi-ui");
     booleanRegistry = {
       type: "boolean",
       ConstantRenderer: (props) => {
         const { value, onChange, ...rest } = props;
         return /* @__PURE__ */ import_react10.default.createElement(
-          import_semi_ui4.Select,
+          import_semi_ui5.Select,
           {
             placeholder: import_editor7.I18n.t("Please Select Boolean"),
             size: "small",
@@ -1108,7 +1127,7 @@ function useVariableTree(params) {
       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_react13.default.createElement(import_semi_ui6.Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
   }, []);
   const renderVariable = (variable, parentFields = []) => {
     let type = variable?.type;
@@ -1143,7 +1162,7 @@ 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_react13, import_json_schema5, import_editor11, import_semi_ui6;
 var init_use_variable_tree = __esm({
   "src/components/variable-selector/use-variable-tree.tsx"() {
     "use strict";
@@ -1151,19 +1170,19 @@ var init_use_variable_tree = __esm({
     import_react13 = __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_ui6 = 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_ui7, 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_ui7 = require("@douyinfe/semi-ui");
     UIRootTitle = import_styled_components2.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -1181,7 +1200,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_ui7.Tag)`
   width: 100%;
   display: flex;
   align-items: center;
@@ -1196,7 +1215,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_ui7.TreeSelect)`
   outline: ${({ $error }) => $error ? "1px solid red" : "none"};
 
   & .semi-tree-select-selection {
@@ -1223,14 +1242,14 @@ var init_styles = __esm({
 });
 
 // src/components/variable-selector/index.tsx
-var import_react14, import_editor12, import_semi_ui7, import_semi_icons, VariableSelector, InjectVariableSelector;
+var import_react14, import_editor12, import_semi_ui8, 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_editor12 = require("@flowgram.ai/editor");
-    import_semi_ui7 = require("@douyinfe/semi-ui");
+    import_semi_ui8 = require("@douyinfe/semi-ui");
     import_semi_icons = require("@douyinfe/semi-icons");
     init_shared();
     init_use_variable_tree();
@@ -1294,7 +1313,7 @@ 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,
+              import_semi_ui8.Popover,
               {
                 content: /* @__PURE__ */ import_react14.default.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ import_react14.default.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
               },
@@ -1537,13 +1556,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 +1570,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_react42.useState)("");
+  const [visible, setVisible] = (0, import_react42.useState)(false);
+  const [position, setPosition] = (0, import_react42.useState)(-1);
+  const editor = (0, import_react43.useEditor)();
   function insert(variablePath) {
-    const range = (0, import_react44.getCurrentMentionReplaceRange)(editor.$view.state);
+    const range = (0, import_react43.getCurrentMentionReplaceRange)(editor.$view.state);
     if (!range) {
       return;
     }
@@ -1578,21 +1597,21 @@ function VariableTree() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.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_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_react43.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react42.default.createElement(
+    import_semi_ui20.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_react42.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react42.default.createElement(
+        import_semi_ui20.Tree,
         {
           treeData,
           onSelect: (v) => {
@@ -1601,8 +1620,8 @@ function VariableTree() {
         }
       ))
     },
-    /* @__PURE__ */ import_react43.default.createElement(
-      import_react44.PositionMirror,
+    /* @__PURE__ */ import_react42.default.createElement(
+      import_react43.PositionMirror,
       {
         position,
         onChange: () => setPosKey(String(Math.random()))
@@ -1610,26 +1629,26 @@ function VariableTree() {
     )
   ));
 }
-var import_react43, import_semi_ui19, import_react44;
+var import_react42, import_semi_ui20, import_react43;
 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_react42 = __toESM(require("react"));
+    import_semi_ui20 = require("@douyinfe/semi-ui");
+    import_react43 = 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_ui21, 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_ui21 = require("@douyinfe/semi-ui");
     UIRootTitle2 = import_styled_components9.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -1643,7 +1662,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_ui21.Tag)`
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
@@ -1668,9 +1687,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_react45.useInjector)();
   const scope = (0, import_editor25.useCurrentScope)();
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react44.useLayoutEffect)(() => {
     const atMatcher = new import_view4.MatchDecorator({
       regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view4.Decoration.replace({
@@ -1704,17 +1723,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_react44, import_lodash_es5, import_editor25, import_semi_ui22, import_semi_icons8, import_react45, 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_react44 = __toESM(require("react"));
+    import_lodash_es5 = require("lodash-es");
     import_editor25 = require("@flowgram.ai/editor");
-    import_semi_ui21 = require("@douyinfe/semi-ui");
+    import_semi_ui22 = require("@douyinfe/semi-ui");
     import_semi_icons8 = require("@douyinfe/semi-icons");
-    import_react46 = require("@coze-editor/editor/react");
+    import_react45 = require("@coze-editor/editor/react");
     import_view4 = require("@codemirror/view");
     init_shared();
     init_styles3();
@@ -1724,7 +1743,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_react44.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
           }
           return icon;
         };
@@ -1734,20 +1753,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_react44.default.createElement(UITag2, { prefixIcon: /* @__PURE__ */ import_react44.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_react44.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_react44.default.createElement(
+            import_semi_ui22.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_react44.default.createElement(UIPopoverContent2, null, rootIcon, rootTitle, /* @__PURE__ */ import_react44.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_react44.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react44.default.createElement(UIVarName2, null, v?.key))
           )
         );
       }
@@ -1772,7 +1791,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 +1809,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_react46.default.createElement(PromptEditor2, { ...props }, /* @__PURE__ */ import_react46.default.createElement(VariableTree, null), /* @__PURE__ */ import_react46.default.createElement(VariableTagInject, null));
 }
-var import_react47;
+var import_react46;
 var init_editor3 = __esm({
   "src/components/prompt-editor-with-variables/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react47 = __toESM(require("react"));
+    import_react46 = __toESM(require("react"));
     init_prompt_editor();
     init_variable_tree();
     init_variable_tag();
@@ -1837,7 +1856,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,45 +1873,45 @@ 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)
       };
     }
   };
-  const treeData = (0, import_react49.useMemo)(
+  const treeData = (0, import_react47.useMemo)(
     () => 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_react47.default.createElement(import_semi_ui23.Tree, { treeData, onSelect: (v) => onSelect(v) });
 }
-var import_react49, import_lodash6, import_editor26, import_semi_ui22;
+var import_react47, import_lodash_es6, import_editor26, import_semi_ui23;
 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_react47 = __toESM(require("react"));
+    import_lodash_es6 = require("lodash-es");
     import_editor26 = require("@flowgram.ai/editor");
-    import_semi_ui22 = require("@douyinfe/semi-ui");
+    import_semi_ui23 = require("@douyinfe/semi-ui");
     init_shared();
   }
 });
 
 // src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx
 function InputsTree({ inputsValues }) {
-  const [posKey, setPosKey] = (0, import_react50.useState)("");
-  const [visible, setVisible] = (0, import_react50.useState)(false);
-  const [position, setPosition] = (0, import_react50.useState)(-1);
-  const editor = (0, import_react51.useEditor)();
+  const [posKey, setPosKey] = (0, import_react48.useState)("");
+  const [visible, setVisible] = (0, import_react48.useState)(false);
+  const [position, setPosition] = (0, import_react48.useState)(-1);
+  const editor = (0, import_react49.useEditor)();
   function insert(variablePath) {
-    const range = (0, import_react51.getCurrentMentionReplaceRange)(editor.$view.state);
+    const range = (0, import_react49.getCurrentMentionReplaceRange)(editor.$view.state);
     if (!range) {
       return;
     }
@@ -1913,19 +1932,19 @@ function InputsTree({ inputsValues }) {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  (0, import_react50.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!editor) {
       return;
     }
   }, [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,
+  return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(import_react49.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react48.default.createElement(
+    import_semi_ui24.Popover,
     {
       visible,
       trigger: "custom",
       position: "topLeft",
       rePosKey: posKey,
-      content: /* @__PURE__ */ import_react50.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react50.default.createElement(
+      content: /* @__PURE__ */ import_react48.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react48.default.createElement(
         InputsPicker,
         {
           inputsValues,
@@ -1935,8 +1954,8 @@ function InputsTree({ inputsValues }) {
         }
       ))
     },
-    /* @__PURE__ */ import_react50.default.createElement(
-      import_react51.PositionMirror,
+    /* @__PURE__ */ import_react48.default.createElement(
+      import_react49.PositionMirror,
       {
         position,
         onChange: () => setPosKey(String(Math.random()))
@@ -1944,14 +1963,14 @@ function InputsTree({ inputsValues }) {
     )
   ));
 }
-var import_react50, import_semi_ui23, import_react51;
+var import_react48, import_semi_ui24, import_react49;
 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_react51 = require("@coze-editor/editor/react");
+    import_react48 = __toESM(require("react"));
+    import_semi_ui24 = require("@douyinfe/semi-ui");
+    import_react49 = require("@coze-editor/editor/react");
     init_inputs_picker();
   }
 });
@@ -1965,14 +1984,14 @@ function PromptEditorWithInputs({
   inputsValues,
   ...restProps
 }) {
-  return /* @__PURE__ */ import_react52.default.createElement(PromptEditor2, { ...restProps }, /* @__PURE__ */ import_react52.default.createElement(InputsTree, { inputsValues }));
+  return /* @__PURE__ */ import_react50.default.createElement(PromptEditor2, { ...restProps }, /* @__PURE__ */ import_react50.default.createElement(InputsTree, { inputsValues }));
 }
-var import_react52;
+var import_react50;
 var init_editor4 = __esm({
   "src/components/prompt-editor-with-inputs/editor.tsx"() {
     "use strict";
     init_cjs_shims();
-    import_react52 = __toESM(require("react"));
+    import_react50 = __toESM(require("react"));
     init_prompt_editor();
     init_inputs_tree();
   }
@@ -1980,12 +1999,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_react51.useState)("");
+  const [visible, setVisible] = (0, import_react51.useState)(false);
+  const [position, setPosition] = (0, import_react51.useState)(-1);
+  const editor = (0, import_react52.useEditor)();
   function insert(variablePath) {
-    const range = (0, import_react55.getCurrentMentionReplaceRange)(editor.$view.state);
+    const range = (0, import_react52.getCurrentMentionReplaceRange)(editor.$view.state);
     if (!range) {
       return;
     }
@@ -1999,21 +2018,21 @@ function VariableTree2() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  (0, import_react54.useEffect)(() => {
+  (0, import_react51.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_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(import_react52.Mention, { triggerCharacters: ["@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react51.default.createElement(
+    import_semi_ui25.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_react51.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react51.default.createElement(
+        import_semi_ui25.Tree,
         {
           treeData,
           onSelect: (v) => {
@@ -2022,8 +2041,8 @@ function VariableTree2() {
         }
       ))
     },
-    /* @__PURE__ */ import_react54.default.createElement(
-      import_react55.PositionMirror,
+    /* @__PURE__ */ import_react51.default.createElement(
+      import_react52.PositionMirror,
       {
         position,
         onChange: () => setPosKey(String(Math.random()))
@@ -2031,26 +2050,26 @@ function VariableTree2() {
     )
   ));
 }
-var import_react54, import_semi_ui24, import_react55;
+var import_react51, import_semi_ui25, import_react52;
 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_react51 = __toESM(require("react"));
+    import_semi_ui25 = require("@douyinfe/semi-ui");
+    import_react52 = 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_ui26, 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_ui26 = require("@douyinfe/semi-ui");
     UIRootTitle3 = import_styled_components10.default.div`
   margin-right: 4px;
   min-width: 20px;
@@ -2064,7 +2083,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_ui26.Tag)`
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
@@ -2089,9 +2108,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_react54.useInjector)();
   const scope = (0, import_editor27.useCurrentScope)();
-  (0, import_react56.useLayoutEffect)(() => {
+  (0, import_react53.useLayoutEffect)(() => {
     const atMatcher = new import_view5.MatchDecorator({
       regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view5.Decoration.replace({
@@ -2125,17 +2144,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_react53, import_lodash_es7, import_editor27, import_semi_ui27, import_semi_icons9, import_react54, 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_react53 = __toESM(require("react"));
+    import_lodash_es7 = require("lodash-es");
     import_editor27 = require("@flowgram.ai/editor");
-    import_semi_ui26 = require("@douyinfe/semi-ui");
+    import_semi_ui27 = require("@douyinfe/semi-ui");
     import_semi_icons9 = require("@douyinfe/semi-icons");
-    import_react57 = require("@coze-editor/editor/react");
+    import_react54 = require("@coze-editor/editor/react");
     import_view5 = require("@codemirror/view");
     init_shared();
     init_styles4();
@@ -2145,7 +2164,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_react53.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
           }
           return icon;
         };
@@ -2155,20 +2174,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_react53.default.createElement(UITag3, { prefixIcon: /* @__PURE__ */ import_react53.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_react53.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_react53.default.createElement(
+            import_semi_ui27.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_react53.default.createElement(UIPopoverContent3, null, rootIcon, rootTitle, /* @__PURE__ */ import_react53.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_react53.default.createElement(UITag3, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react53.default.createElement(UIVarName3, null, v?.key))
           )
         );
       }
@@ -2193,7 +2212,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 +2248,7 @@ function findAllMatches(inputString, regex) {
   return matches;
 }
 function JsonEditorWithVariables(props) {
-  return /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     CodeEditor2,
     {
       languageId: "json",
@@ -2240,16 +2259,16 @@ function JsonEditorWithVariables(props) {
         ...props.options || {}
       }
     },
-    /* @__PURE__ */ import_react58.default.createElement(VariableTree2, null),
-    /* @__PURE__ */ import_react58.default.createElement(VariableTagInject2, null)
+    /* @__PURE__ */ import_react55.default.createElement(VariableTree2, null),
+    /* @__PURE__ */ import_react55.default.createElement(VariableTagInject2, null)
   );
 }
-var import_react58, import_editor28, import_preset_code6, transformer;
+var import_react55, 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_react55 = __toESM(require("react"));
     import_editor28 = require("@flowgram.ai/editor");
     import_preset_code6 = require("@coze-editor/editor/preset-code");
     init_code_editor();
@@ -2317,6 +2336,7 @@ __export(src_exports, {
   getTypeSelectValue: () => getTypeSelectValue,
   isLegacyFlowRefValueSchema: () => isLegacyFlowRefValueSchema,
   isNewFlowRefValueSchema: () => isNewFlowRefValueSchema,
+  lazySuspense: () => lazySuspense,
   listenRefSchemaChange: () => listenRefSchemaChange,
   listenRefValueChange: () => listenRefValueChange,
   parseTypeSelectValue: () => parseTypeSelectValue,
@@ -2330,7 +2350,8 @@ __export(src_exports, {
   useTypeManager: () => useTypeManager,
   useVariableTree: () => useVariableTree,
   validateFlowValue: () => validateFlowValue,
-  validateWhenVariableSync: () => validateWhenVariableSync
+  validateWhenVariableSync: () => validateWhenVariableSync,
+  withSuspense: () => withSuspense
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -2342,7 +2363,7 @@ 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_semi_ui9 = require("@douyinfe/semi-ui");
 init_inject_material();
 init_plugins();
 var labelStyle = { display: "flex", alignItems: "center", gap: 5 };
@@ -2368,11 +2389,11 @@ function TypeSelector(props) {
     () => 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_react15.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react15.default.createElement(import_semi_ui9.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,
+            import_semi_ui9.Icon,
             {
               size: "small",
               svg: typeManager.getDisplayIcon({
@@ -2389,12 +2410,12 @@ function TypeSelector(props) {
   );
   const isDisabled = readonly || disabled;
   return /* @__PURE__ */ import_react15.default.createElement(
-    import_semi_ui8.Cascader,
+    import_semi_ui9.Cascader,
     {
       disabled: isDisabled,
       size: "small",
       triggerRender: () => /* @__PURE__ */ import_react15.default.createElement(
-        import_semi_ui8.IconButton,
+        import_semi_ui9.IconButton,
         {
           size: "small",
           style: {
@@ -2421,7 +2442,7 @@ var InjectTypeSelector = createInjectMaterial(TypeSelector);
 init_cjs_shims();
 var import_react21 = __toESM(require("react"));
 var import_editor14 = require("@flowgram.ai/editor");
-var import_semi_ui10 = require("@douyinfe/semi-ui");
+var import_semi_ui11 = require("@douyinfe/semi-ui");
 var import_semi_icons3 = require("@douyinfe/semi-icons");
 
 // src/components/blur-input/index.tsx
@@ -2587,7 +2608,7 @@ 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_lodash_es3 = require("lodash-es");
 var import_immer = require("immer");
 var import_json_schema6 = require("@flowgram.ai/json-schema");
 var _id = 0;
@@ -2610,7 +2631,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 +2657,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);
         }
@@ -2690,7 +2711,7 @@ 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_semi_ui10 = require("@douyinfe/semi-ui");
 init_plugins();
 
 // src/components/constant-input/types.ts
@@ -2716,7 +2737,7 @@ function ConstantInput(props) {
         ...rest
       });
     }
-    return /* @__PURE__ */ import_react19.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
+    return /* @__PURE__ */ import_react19.default.createElement(import_semi_ui10.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
   }
   return /* @__PURE__ */ import_react19.default.createElement(Renderer2, { value, onChange, readonly, ...rest });
 }
@@ -2759,7 +2780,7 @@ function JsonSchemaEditor(props) {
       }
     }
   ))), /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.Button,
+    import_semi_ui11.Button,
     {
       disabled: readonly,
       size: "small",
@@ -2806,14 +2827,14 @@ function PropertyEdit(props) {
       }
     }
   )), /* @__PURE__ */ import_react21.default.createElement(UIRequired, null, /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.Checkbox,
+    import_semi_ui11.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,
+    import_semi_ui11.IconButton,
     {
       disabled: readonly,
       size: "small",
@@ -2824,7 +2845,7 @@ function PropertyEdit(props) {
       }
     }
   ), canAddField && /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.IconButton,
+    import_semi_ui11.IconButton,
     {
       disabled: readonly,
       size: "small",
@@ -2836,7 +2857,7 @@ function PropertyEdit(props) {
       }
     }
   ), /* @__PURE__ */ import_react21.default.createElement(
-    import_semi_ui10.IconButton,
+    import_semi_ui11.IconButton,
     {
       disabled: readonly,
       size: "small",
@@ -2897,7 +2918,7 @@ function BatchVariableSelector(props) {
 init_cjs_shims();
 var import_react24 = __toESM(require("react"));
 var import_json_schema7 = require("@flowgram.ai/json-schema");
-var import_semi_ui11 = require("@douyinfe/semi-ui");
+var import_semi_ui12 = require("@douyinfe/semi-ui");
 var import_semi_icons4 = require("@douyinfe/semi-icons");
 init_shared();
 init_variable_selector();
@@ -3004,7 +3025,7 @@ function useIncludeSchema(schemaFromProps) {
     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;
 }
@@ -3102,7 +3123,7 @@ 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_react24.default.createElement(import_semi_ui12.IconButton, { disabled: readonly, size: "small", icon: /* @__PURE__ */ import_react24.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()));
@@ -3114,7 +3135,7 @@ var InjectDynamicValueInput = createInjectMaterial(DynamicValueInput);
 init_cjs_shims();
 var import_react27 = __toESM(require("react"));
 var import_editor19 = require("@flowgram.ai/editor");
-var import_semi_ui13 = require("@douyinfe/semi-ui");
+var import_semi_ui14 = require("@douyinfe/semi-ui");
 init_variable_selector();
 
 // src/components/condition-row/styles.tsx
@@ -3292,7 +3313,7 @@ function useRule(left, userRules) {
 init_cjs_shims();
 var import_react26 = __toESM(require("react"));
 var import_editor18 = require("@flowgram.ai/editor");
-var import_semi_ui12 = require("@douyinfe/semi-ui");
+var import_semi_ui13 = 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)(
@@ -3306,7 +3327,7 @@ function useOp({ rule, op, onChange, readonly, userOps }) {
   );
   const opConfig = (0, import_react26.useMemo)(() => defaultOpConfigs[op], [op]);
   const renderOpSelect = () => /* @__PURE__ */ import_react26.default.createElement(
-    import_semi_ui12.Select,
+    import_semi_ui13.Select,
     {
       style: { height: 22 },
       disabled: readonly,
@@ -3316,7 +3337,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_react26.default.createElement(import_semi_ui13.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react26.default.createElement(import_semi_icons5.IconChevronDownStroked, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -3370,7 +3391,7 @@ function ConditionRow({
       onChange: (v) => onChange({ ...value, right: v })
     }
   ) : /* @__PURE__ */ import_react27.default.createElement(
-    import_semi_ui13.Input,
+    import_semi_ui14.Input,
     {
       size: "small",
       disabled: true,
@@ -3386,12 +3407,12 @@ ConditionRow.defaultOpConfigs = defaultOpConfigs;
 init_cjs_shims();
 var import_react31 = __toESM(require("react"));
 var import_editor21 = require("@flowgram.ai/editor");
-var import_semi_ui17 = require("@douyinfe/semi-ui");
+var import_semi_ui18 = 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_ui15 = require("@douyinfe/semi-ui");
 var UIContainer4 = import_styled_components6.default.div`
   display: flex;
   align-items: center;
@@ -3416,7 +3437,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_ui15.Select)`
   & .semi-select-selection {
     margin-left: 5px;
   }
@@ -3426,7 +3447,7 @@ var UISelect = (0, import_styled_components6.default)(import_semi_ui14.Select)`
 init_cjs_shims();
 var import_react28 = __toESM(require("react"));
 var import_editor20 = require("@flowgram.ai/editor");
-var import_semi_ui15 = require("@douyinfe/semi-ui");
+var import_semi_ui16 = require("@douyinfe/semi-ui");
 var import_semi_icons6 = require("@douyinfe/semi-icons");
 var defaultOpConfigs2 = ConditionRow.defaultOpConfigs;
 function useOp2({ rule, op, onChange, readonly, userOps }) {
@@ -3441,7 +3462,7 @@ function useOp2({ rule, op, onChange, readonly, userOps }) {
   );
   const opConfig = (0, import_react28.useMemo)(() => defaultOpConfigs2[op], [op]);
   const renderOpSelect = () => /* @__PURE__ */ import_react28.default.createElement(
-    import_semi_ui15.Select,
+    import_semi_ui16.Select,
     {
       style: { height: 22 },
       disabled: readonly,
@@ -3451,7 +3472,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_react28.default.createElement(import_semi_ui16.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react28.default.createElement(import_semi_icons6.IconChevronDownStroked, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -3462,7 +3483,7 @@ init_cjs_shims();
 var import_react29 = require("react");
 var import_react30 = __toESM(require("react"));
 var import_json_schema9 = require("@flowgram.ai/json-schema");
-var import_semi_ui16 = require("@douyinfe/semi-ui");
+var import_semi_ui17 = require("@douyinfe/semi-ui");
 var defaultRules2 = ConditionRow.defaultRules;
 function useLeft({ left, options, userRules, readonly, onChange }) {
   const rules = (0, import_react29.useMemo)(() => ({ ...defaultRules2, ...userRules || {} }), [userRules]);
@@ -3484,7 +3505,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_react30.default.createElement(UIOptionLabel, null, /* @__PURE__ */ import_react30.default.createElement(import_semi_ui17.Icon, { size: "small", svg: typeManager.getDisplayIcon(item.schema) }), item.label),
         value: item.value
       })) || []
     }
@@ -3533,7 +3554,7 @@ function DBConditionRow({
       onChange: (v) => onChange({ ...value, right: v })
     }
   ) : /* @__PURE__ */ import_react31.default.createElement(
-    import_semi_ui17.Input,
+    import_semi_ui18.Input,
     {
       size: "small",
       disabled: true,
@@ -3547,7 +3568,7 @@ function DBConditionRow({
 init_cjs_shims();
 var import_react33 = __toESM(require("react"));
 var import_editor22 = require("@flowgram.ai/editor");
-var import_semi_ui18 = require("@douyinfe/semi-ui");
+var import_semi_ui19 = require("@douyinfe/semi-ui");
 var import_semi_icons7 = require("@douyinfe/semi-icons");
 
 // src/hooks/index.tsx
@@ -3557,7 +3578,7 @@ init_cjs_shims();
 init_cjs_shims();
 var import_react32 = 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)();
 }
@@ -3571,9 +3592,9 @@ function useObjectList({
   const changeVersion = (0, import_react32.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)(() => {
     effectVersion.current = effectVersion.current + 1;
@@ -3584,7 +3605,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 +3644,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;
           })
@@ -3691,7 +3712,7 @@ 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,
+    import_semi_ui19.Input,
     {
       style: { width: 100 },
       disabled: readonly,
@@ -3708,14 +3729,14 @@ function BatchOutputs(props) {
       onChange: (v) => updateValue(item.id, { type: "ref", content: v })
     }
   ), /* @__PURE__ */ import_react33.default.createElement(
-    import_semi_ui18.Button,
+    import_semi_ui19.Button,
     {
       disabled: readonly,
       icon: /* @__PURE__ */ import_react33.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_react33.default.createElement(import_semi_ui19.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react33.default.createElement(import_semi_icons7.IconPlus, null), size: "small", onClick: () => add() }, import_editor22.I18n.t("Add")));
 }
 
 // src/components/index.ts
@@ -3723,15 +3744,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 +3762,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_react56 = __toESM(require("react"));
 var import_editor29 = require("@flowgram.ai/editor");
-var import_semi_ui27 = require("@douyinfe/semi-ui");
+var import_semi_ui28 = require("@douyinfe/semi-ui");
 var import_semi_icons10 = require("@douyinfe/semi-icons");
 
 // src/components/inputs-values/styles.tsx
@@ -3783,7 +3804,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_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react56.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react56.default.createElement(
     BlurInput,
     {
       style: { width: 100, minWidth: 100, maxWidth: 100 },
@@ -3793,7 +3814,7 @@ function InputsValues({
       onChange: (v) => updateKey(item.id, v),
       placeholder: import_editor29.I18n.t("Input Key")
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react56.default.createElement(
     InjectDynamicValueInput,
     {
       style: { flexGrow: 1 },
@@ -3807,20 +3828,20 @@ function InputsValues({
         strategies: [...constantProps?.strategies || []]
       }
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    import_semi_ui27.IconButton,
+  ), /* @__PURE__ */ import_react56.default.createElement(
+    import_semi_ui28.IconButton,
     {
       disabled: readonly,
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons10.IconDelete, { size: "small" }),
+      icon: /* @__PURE__ */ import_react56.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_react56.default.createElement(
+    import_semi_ui28.Button,
     {
       disabled: readonly,
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons10.IconPlus, null),
+      icon: /* @__PURE__ */ import_react56.default.createElement(import_semi_icons10.IconPlus, null),
       size: "small",
       onClick: () => add({
         type: "constant",
@@ -3834,7 +3855,7 @@ function InputsValues({
 
 // src/components/display-schema-tree/index.tsx
 init_cjs_shims();
-var import_react61 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 init_plugins();
 
 // src/components/display-schema-tree/styles.tsx
@@ -3920,7 +3941,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_react57.default.createElement(SchemaTree, { ...props });
 }
 function SchemaTree(props) {
   const {
@@ -3936,31 +3957,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_react57.default.createElement(TreeItem, { depth, key: parentKey || "root" }, /* @__PURE__ */ import_react57.default.createElement(TreeRow, null, depth !== 0 && /* @__PURE__ */ import_react57.default.createElement(HorizontalLine, null), showIcon && icon && import_react57.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_react57.default.createElement(TreeTitle, null, parentKey ? /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, `${parentKey} (`, title, ")") : title)), childEntries?.length ? /* @__PURE__ */ import_react57.default.createElement(TreeLevel, null, childEntries.map(([key, value]) => /* @__PURE__ */ import_react57.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_react59 = __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_react58 = __toESM(require("react"));
+var import_semi_ui30 = 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_ui29 = 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_ui29.Tag)`
   padding: 4px;
 
   .tag-icon {
@@ -3980,14 +4001,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_react58.default.createElement(
+    import_semi_ui30.Popover,
     {
-      content: /* @__PURE__ */ import_react62.default.createElement(PopoverContent, null, /* @__PURE__ */ import_react62.default.createElement(DisplaySchemaTree, { value, typeManager, showIcon: showIconInTree }))
+      content: /* @__PURE__ */ import_react58.default.createElement(PopoverContent, null, /* @__PURE__ */ import_react58.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_react58.default.createElement(StyledTag, { color: warning ? "amber" : "white" }, icon && import_react58.default.cloneElement(icon, {
       className: "tag-icon"
-    }), title && /* @__PURE__ */ import_react62.default.createElement(TitleSpan, null, title))
+    }), title && /* @__PURE__ */ import_react58.default.createElement(TitleSpan, null, title))
   );
 }
 
@@ -4004,7 +4025,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_react59.useEffect)(() => {
     if (!displayFromScope) {
       return () => null;
     }
@@ -4023,7 +4044,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_react59.default.createElement(DisplayOutputsWrapper, null, childEntries.map(([key, schema]) => /* @__PURE__ */ import_react59.default.createElement(
     DisplaySchemaTag,
     {
       key,
@@ -4037,14 +4058,14 @@ function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
 
 // src/components/display-flow-value/index.tsx
 init_cjs_shims();
-var import_react64 = __toESM(require("react"));
+var import_react60 = __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_react60.useMemo)(() => {
     if (value?.type === "ref") {
       return import_json_schema11.JsonSchemaUtils.astToSchema(variable?.type);
     }
@@ -4056,7 +4077,7 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
     }
     return { type: "unknown" };
   }, [value, variable?.hash]);
-  return /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement(
     DisplaySchemaTag,
     {
       title,
@@ -4069,8 +4090,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_react61 = __toESM(require("react"));
+var import_lodash_es8 = require("lodash-es");
 var import_editor32 = require("@flowgram.ai/editor");
 init_shared();
 
@@ -4086,12 +4107,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_react61.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_react61.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_react61.default.createElement(
         DisplayInputsValueAllInTag,
         {
           key,
@@ -4110,37 +4131,37 @@ function DisplayInputsValueAllInTag({
   showIconInTree
 }) {
   const available = (0, import_editor32.useScopeAvailable)();
-  const schema = (0, import_react65.useMemo)(
+  const schema = (0, import_react61.useMemo)(
     () => FlowValueUtils.inferJsonSchema(value, available.scope),
     [available.version, value]
   );
-  return /* @__PURE__ */ import_react65.default.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
+  return /* @__PURE__ */ import_react61.default.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
 }
 
 // src/components/assign-rows/index.tsx
 init_cjs_shims();
-var import_react68 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_editor33 = require("@flowgram.ai/editor");
-var import_semi_ui31 = require("@douyinfe/semi-ui");
+var import_semi_ui32 = 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_react63 = __toESM(require("react"));
+var import_semi_ui31 = 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_react62 = __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_react62.useState)("");
+  (0, import_react62.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
-  return /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement(
     import_input2.default,
     {
       ...props,
@@ -4166,7 +4187,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_react63.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, /* @__PURE__ */ import_react63.default.createElement("div", { style: { width: 150, minWidth: 150, maxWidth: 150 } }, value?.operator === "assign" ? /* @__PURE__ */ import_react63.default.createElement(
     InjectVariableSelector,
     {
       style: { width: "100%", height: 26 },
@@ -4177,7 +4198,7 @@ function AssignRow(props) {
         left: { type: "ref", content: v }
       })
     }
-  ) : /* @__PURE__ */ import_react67.default.createElement(
+  ) : /* @__PURE__ */ import_react63.default.createElement(
     BlurInput2,
     {
       style: { height: 26 },
@@ -4189,7 +4210,7 @@ function AssignRow(props) {
         left: v
       })
     }
-  )), /* @__PURE__ */ import_react67.default.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ import_react67.default.createElement(
+  )), /* @__PURE__ */ import_react63.default.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ import_react63.default.createElement(
     InjectDynamicValueInput,
     {
       readonly,
@@ -4199,12 +4220,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_react63.default.createElement("div", null, /* @__PURE__ */ import_react63.default.createElement(
+    import_semi_ui31.IconButton,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react67.default.createElement(import_semi_icons11.IconMinus, null),
+      icon: /* @__PURE__ */ import_react63.default.createElement(import_semi_icons11.IconMinus, null),
       onClick: () => onDelete?.()
     }
   )));
@@ -4213,7 +4234,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_react64.default.createElement(import_editor33.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react64.default.createElement(
     AssignRow,
     {
       key: childField.key,
@@ -4224,21 +4245,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_react64.default.createElement("div", { style: { display: "flex", gap: 5 } }, /* @__PURE__ */ import_react64.default.createElement(
+    import_semi_ui32.Button,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react68.default.createElement(import_semi_icons12.IconPlus, null),
+      icon: /* @__PURE__ */ import_react64.default.createElement(import_semi_icons12.IconPlus, null),
       onClick: () => field.append({ operator: "assign" })
     },
     "Assign"
-  ), /* @__PURE__ */ import_react68.default.createElement(
-    import_semi_ui31.Button,
+  ), /* @__PURE__ */ import_react64.default.createElement(
+    import_semi_ui32.Button,
     {
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react68.default.createElement(import_semi_icons12.IconPlus, null),
+      icon: /* @__PURE__ */ import_react64.default.createElement(import_semi_icons12.IconPlus, null),
       onClick: () => field.append({ operator: "declare" })
     },
     "Declaration"
@@ -4247,15 +4268,15 @@ function AssignRows(props) {
 
 // src/components/inputs-values-tree/index.tsx
 init_cjs_shims();
-var import_react72 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_editor35 = require("@flowgram.ai/editor");
-var import_semi_ui33 = require("@douyinfe/semi-ui");
+var import_semi_ui34 = 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_react65 = __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 +4357,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_react65.default.createElement(
   "svg",
   {
     className: "icon-icon icon-icon-coz_add_node ",
@@ -4346,7 +4367,7 @@ var iconAddChildrenSvg2 = /* @__PURE__ */ import_react69.default.createElement(
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react69.default.createElement(
+  /* @__PURE__ */ import_react65.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -4354,25 +4375,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_react65.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_react65.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_react67 = __toESM(require("react"));
 var import_editor34 = require("@flowgram.ai/editor");
-var import_semi_ui32 = require("@douyinfe/semi-ui");
+var import_semi_ui33 = 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_react66 = 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_react66.useMemo)(() => {
+    if (!(0, import_lodash_es9.isPlainObject)(value)) {
       return false;
     }
     if (FlowValueUtils.isFlowValue(value)) {
@@ -4380,8 +4401,8 @@ function useChildList(value, onChange) {
     }
     return true;
   }, [value]);
-  const objectListValue = (0, import_react70.useMemo)(() => {
-    if ((0, import_lodash9.isPlainObject)(value)) {
+  const objectListValue = (0, import_react66.useMemo)(() => {
+    if ((0, import_lodash_es9.isPlainObject)(value)) {
       if (FlowValueUtils.isFlowValue(value)) {
         return void 0;
       }
@@ -4396,7 +4417,7 @@ function useChildList(value, onChange) {
     },
     sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
   });
-  const hasChildren = (0, import_react70.useMemo)(
+  const hasChildren = (0, import_react66.useMemo)(
     () => canAddField && (list.length > 0 || Object.keys(objectListValue || {}).length > 0),
     [canAddField, list.length, Object.keys(objectListValue || {}).length]
   );
@@ -4414,8 +4435,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_react67.default.createElement(
+    import_semi_ui33.Input,
     {
       size: "small",
       disabled: true,
@@ -4437,23 +4458,23 @@ function InputValueRow(props) {
     hasError,
     readonly
   } = props;
-  const [collapse, setCollapse] = (0, import_react71.useState)(false);
+  const [collapse, setCollapse] = (0, import_react67.useState)(false);
   const { canAddField, hasChildren, list, add, updateKey, updateValue, remove } = useChildList(
     value,
     onUpdateValue
   );
-  const strategies = (0, import_react71.useMemo)(
+  const strategies = (0, import_react67.useMemo)(
     () => [...hasChildren ? [AddObjectChildStrategy] : [], ...constantProps?.strategies || []],
     [hasChildren, constantProps?.strategies]
   );
-  const flowDisplayValue = (0, import_react71.useMemo)(
+  const flowDisplayValue = (0, import_react67.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_react67.default.createElement(import_react67.default.Fragment, null, /* @__PURE__ */ import_react67.default.createElement(UITreeItemLeft2, { $isLast, $showLine: $level > 0, $showCollapse: hasChildren }, hasChildren && /* @__PURE__ */ import_react67.default.createElement(UICollapseTrigger2, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react67.default.createElement(import_semi_icons14.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react67.default.createElement(import_semi_icons14.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react67.default.createElement(UITreeItemRight2, null, /* @__PURE__ */ import_react67.default.createElement(UITreeItemMain2, null, /* @__PURE__ */ import_react67.default.createElement(UIRow4, null, /* @__PURE__ */ import_react67.default.createElement(
     BlurInput,
     {
       style: { width: 100, minWidth: 100, maxWidth: 100 },
@@ -4463,7 +4484,7 @@ function InputValueRow(props) {
       onChange: (v) => onUpdateKey?.(v),
       placeholder: import_editor34.I18n.t("Input Key")
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(
+  ), /* @__PURE__ */ import_react67.default.createElement(
     InjectDynamicValueInput,
     {
       style: { flexGrow: 1 },
@@ -4476,13 +4497,13 @@ function InputValueRow(props) {
         strategies
       }
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(UIActions2, null, canAddField && /* @__PURE__ */ import_react71.default.createElement(
-    import_semi_ui32.IconButton,
+  ), /* @__PURE__ */ import_react67.default.createElement(UIActions2, null, canAddField && /* @__PURE__ */ import_react67.default.createElement(
+    import_semi_ui33.IconButton,
     {
       disabled: readonly,
       size: "small",
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react71.default.createElement(IconAddChildren2, null),
+      icon: /* @__PURE__ */ import_react67.default.createElement(IconAddChildren2, null),
       onClick: () => {
         add({
           type: "constant",
@@ -4492,16 +4513,16 @@ function InputValueRow(props) {
         setCollapse(true);
       }
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(
-    import_semi_ui32.IconButton,
+  ), /* @__PURE__ */ import_react67.default.createElement(
+    import_semi_ui33.IconButton,
     {
       disabled: readonly,
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react71.default.createElement(import_semi_icons14.IconDelete, { size: "small" }),
+      icon: /* @__PURE__ */ import_react67.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_react67.default.createElement(UICollapsible2, { $collapse: collapse }, /* @__PURE__ */ import_react67.default.createElement(UITreeItems2, { $shrink: true }, list.map((_item, index) => /* @__PURE__ */ import_react67.default.createElement(
     InputValueRow,
     {
       readonly,
@@ -4533,7 +4554,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_react68.default.createElement("div", null, /* @__PURE__ */ import_react68.default.createElement(UITreeItems2, null, list.map((item) => /* @__PURE__ */ import_react68.default.createElement(
     InputValueRow,
     {
       key: item.id,
@@ -4546,12 +4567,12 @@ function InputsValuesTree(props) {
       hasError,
       constantProps
     }
-  ))), /* @__PURE__ */ import_react72.default.createElement(
-    import_semi_ui33.Button,
+  ))), /* @__PURE__ */ import_react68.default.createElement(
+    import_semi_ui34.Button,
     {
       style: { marginTop: 10, marginLeft: 16 },
       disabled: readonly,
-      icon: /* @__PURE__ */ import_react72.default.createElement(import_semi_icons15.IconPlus, null),
+      icon: /* @__PURE__ */ import_react68.default.createElement(import_semi_icons15.IconPlus, null),
       size: "small",
       onClick: () => {
         add({
@@ -4704,7 +4725,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 +4735,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 +4877,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 +4886,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 +4901,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 +4912,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 +4940,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 +4958,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 +4967,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
@@ -5023,6 +5044,7 @@ function validateFlowValue(value, ctx) {
   getTypeSelectValue,
   isLegacyFlowRefValueSchema,
   isNewFlowRefValueSchema,
+  lazySuspense,
   listenRefSchemaChange,
   listenRefValueChange,
   parseTypeSelectValue,
@@ -5036,6 +5058,7 @@ function validateFlowValue(value, ctx) {
   useTypeManager,
   useVariableTree,
   validateFlowValue,
-  validateWhenVariableSync
+  validateWhenVariableSync,
+  withSuspense
 });
 //# sourceMappingURL=index.js.map