@flowgram.ai/form-materials 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/index.js

@@ -1,3849 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AssignRow: () => AssignRow,
-  AssignRows: () => AssignRows,
-  BatchOutputs: () => BatchOutputs,
-  BatchVariableSelector: () => BatchVariableSelector,
-  CodeEditor: () => CodeEditor,
-  CodeEditorMini: () => CodeEditorMini,
-  ConditionRow: () => ConditionRow,
-  ConstantInput: () => ConstantInput,
-  DisplayFlowValue: () => DisplayFlowValue,
-  DisplayInputsValues: () => DisplayInputsValues,
-  DisplayOutputs: () => DisplayOutputs,
-  DisplaySchemaTag: () => DisplaySchemaTag,
-  DisplaySchemaTree: () => DisplaySchemaTree,
-  DynamicValueInput: () => DynamicValueInput,
-  InjectDynamicValueInput: () => InjectDynamicValueInput,
-  InjectTypeSelector: () => InjectTypeSelector,
-  InjectVariableSelector: () => InjectVariableSelector,
-  InputsValues: () => InputsValues,
-  JsonEditorWithVariables: () => JsonEditorWithVariables,
-  JsonSchemaEditor: () => JsonSchemaEditor,
-  JsonSchemaTypePresetProvider: () => JsonSchemaTypePresetProvider,
-  JsonSchemaUtils: () => import_json_schema3.JsonSchemaUtils,
-  PromptEditor: () => PromptEditor,
-  PromptEditorWithInputs: () => PromptEditorWithInputs,
-  PromptEditorWithVariables: () => PromptEditorWithVariables,
-  TypeSelector: () => TypeSelector,
-  VariableSelector: () => VariableSelector,
-  autoRenameRefEffect: () => autoRenameRefEffect,
-  createBatchOutputsFormPlugin: () => createBatchOutputsFormPlugin,
-  createDisableDeclarationPlugin: () => createDisableDeclarationPlugin,
-  createInferAssignPlugin: () => createInferAssignPlugin,
-  createInferInputsPlugin: () => createInferInputsPlugin,
-  createInjectMaterial: () => createInjectMaterial,
-  createTypePresetPlugin: () => createTypePresetPlugin,
-  formatLegacyRefOnInit: () => formatLegacyRefOnInit,
-  formatLegacyRefOnSubmit: () => formatLegacyRefOnSubmit,
-  formatLegacyRefToNewRef: () => formatLegacyRefToNewRef,
-  formatNewRefToLegacyRef: () => formatNewRefToLegacyRef,
-  getTypeSelectValue: () => getTypeSelectValue,
-  isLegacyFlowRefValueSchema: () => isLegacyFlowRefValueSchema,
-  isNewFlowRefValueSchema: () => isNewFlowRefValueSchema,
-  listenRefSchemaChange: () => listenRefSchemaChange,
-  listenRefValueChange: () => listenRefValueChange,
-  parseTypeSelectValue: () => parseTypeSelectValue,
-  provideBatchInputEffect: () => provideBatchInputEffect,
-  provideBatchOutputsEffect: () => provideBatchOutputsEffect,
-  provideJsonSchemaOutputs: () => provideJsonSchemaOutputs,
-  syncVariableTitle: () => syncVariableTitle,
-  useTypeManager: () => useTypeManager,
-  useVariableTree: () => useVariableTree,
-  validateFlowValue: () => validateFlowValue,
-  validateWhenVariableSync: () => validateWhenVariableSync
-});
-module.exports = __toCommonJS(src_exports);
-
-// ../../../common/temp/node_modules/.pnpm/tsup@8.3.5_typescript@5.8.3/node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
-var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
-
-// src/components/variable-selector/index.tsx
-var import_react13 = __toESM(require("react"));
-var import_editor12 = require("@flowgram.ai/editor");
-var import_semi_ui7 = require("@douyinfe/semi-ui");
-var import_semi_icons = require("@douyinfe/semi-icons");
-
-// src/shared/format-legacy-refs/index.ts
-var import_lodash = require("lodash");
-function formatLegacyRefOnSubmit(value) {
-  if ((0, import_lodash.isObject)(value)) {
-    if (isLegacyFlowRefValueSchema(value)) {
-      return formatLegacyRefToNewRef(value);
-    }
-    return Object.fromEntries(
-      Object.entries(value).map(([key, value2]) => [
-        key,
-        formatLegacyRefOnSubmit(value2)
-      ])
-    );
-  }
-  if (Array.isArray(value)) {
-    return value.map(formatLegacyRefOnSubmit);
-  }
-  return value;
-}
-function formatLegacyRefOnInit(value) {
-  if ((0, import_lodash.isObject)(value)) {
-    if (isNewFlowRefValueSchema(value)) {
-      return formatNewRefToLegacyRef(value);
-    }
-    return Object.fromEntries(
-      Object.entries(value).map(([key, value2]) => [
-        key,
-        formatLegacyRefOnInit(value2)
-      ])
-    );
-  }
-  if (Array.isArray(value)) {
-    return value.map(formatLegacyRefOnInit);
-  }
-  return value;
-}
-function isLegacyFlowRefValueSchema(value) {
-  return (0, import_lodash.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);
-}
-function formatLegacyRefToNewRef(value) {
-  const keyPath = value.content.split(".");
-  if (keyPath[1] === "outputs") {
-    return {
-      type: "ref",
-      content: [`${keyPath[0]}.${keyPath[1]}`, ...keyPath.length > 2 ? keyPath.slice(2) : []]
-    };
-  }
-  return {
-    type: "ref",
-    content: keyPath
-  };
-}
-function formatNewRefToLegacyRef(value) {
-  return {
-    type: "ref",
-    content: value.content.join(".")
-  };
-}
-
-// src/shared/inject-material/index.tsx
-var import_react = __toESM(require("react"));
-var import_editor = require("@flowgram.ai/editor");
-function createInjectMaterial(Component, params) {
-  const InjectComponent = (props) => {
-    const container = (0, import_editor.usePlaygroundContainer)();
-    if (!container?.isBound(import_editor.FlowRendererRegistry)) {
-      return import_react.default.createElement(Component, { ...props });
-    }
-    const rendererRegistry = container.get(import_editor.FlowRendererRegistry);
-    const renderKey = params?.renderKey || Component.renderKey || Component.name || "";
-    const renderer = rendererRegistry.tryToGetRendererComponent(renderKey);
-    if (renderer?.type !== import_editor.FlowRendererComponentType.REACT) {
-      return import_react.default.createElement(Component, { ...props });
-    }
-    return import_react.default.createElement(renderer.renderer, {
-      ...props
-    });
-  };
-  return InjectComponent;
-}
-
-// src/components/variable-selector/use-variable-tree.tsx
-var import_react12 = __toESM(require("react"));
-var import_json_schema4 = require("@flowgram.ai/json-schema");
-var import_editor11 = require("@flowgram.ai/editor");
-var import_semi_ui5 = require("@douyinfe/semi-ui");
-
-// src/plugins/json-schema-preset/index.tsx
-var import_react11 = __toESM(require("react"));
-var import_json_schema3 = require("@flowgram.ai/json-schema");
-
-// src/plugins/json-schema-preset/type-definition/index.tsx
-var import_json_schema = require("@flowgram.ai/json-schema");
-
-// src/plugins/json-schema-preset/type-definition/string.tsx
-var import_react2 = __toESM(require("react"));
-var import_editor2 = require("@flowgram.ai/editor");
-var import_semi_ui = require("@douyinfe/semi-ui");
-var stringRegistry = {
-  type: "string",
-  ConstantRenderer: (props) => /* @__PURE__ */ import_react2.default.createElement(
-    import_semi_ui.Input,
-    {
-      placeholder: import_editor2.I18n.t("Please Input String"),
-      size: "small",
-      disabled: props.readonly,
-      ...props
-    }
-  )
-};
-
-// src/plugins/json-schema-preset/type-definition/object.tsx
-var import_react6 = __toESM(require("react"));
-var import_editor4 = require("@flowgram.ai/editor");
-
-// src/components/code-editor-mini/index.tsx
-var import_react5 = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-
-// src/components/code-editor/index.tsx
-var import_react3 = __toESM(require("react"));
-var import_react4 = require("@coze-editor/editor/react");
-var import_preset_code5 = __toESM(require("@coze-editor/editor/preset-code"));
-var import_view = require("@codemirror/view");
-
-// src/components/code-editor/utils.ts
-function getSuffixByLanguageId(languageId) {
-  if (languageId === "python") {
-    return ".py";
-  }
-  if (languageId === "typescript") {
-    return ".ts";
-  }
-  if (languageId === "shell") {
-    return ".sh";
-  }
-  if (languageId === "json") {
-    return ".json";
-  }
-  return "";
-}
-
-// src/components/code-editor/language-features.ts
-var import_preset_code = require("@coze-editor/editor/preset-code");
-var import_language_typescript = require("@coze-editor/editor/language-typescript");
-var import_language_shell = require("@coze-editor/editor/language-shell");
-var import_language_python = require("@coze-editor/editor/language-python");
-var import_language_json = require("@coze-editor/editor/language-json");
-var import_editor3 = require("@coze-editor/editor");
-import_preset_code.languages.register("python", import_language_python.python);
-import_preset_code.languages.register("shell", import_language_shell.shell);
-import_preset_code.languages.register("typescript", import_language_typescript.typescript);
-import_preset_code.languages.register("json", {
-  // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
-  language: (0, import_editor3.mixLanguages)({
-    outerLanguage: import_language_json.json.language
-  }),
-  languageService: import_language_json.json.languageService
-});
-var tsWorkerInit = false;
-var initTsWorker = () => {
-  if (tsWorkerInit) {
-    return;
-  }
-  tsWorkerInit = true;
-  const tsWorker = new Worker(
-    new URL(`@coze-editor/editor/language-typescript/worker`, importMetaUrl),
-    { type: "module" }
-  );
-  import_language_typescript.typescript.languageService.initialize(tsWorker, {
-    compilerOptions: {
-      // eliminate Promise error
-      lib: ["es2015", "dom"],
-      noImplicitAny: false
-    }
-  });
-};
-
-// src/components/code-editor/theme/index.ts
-var import_preset_code4 = require("@coze-editor/editor/preset-code");
-
-// src/components/code-editor/theme/light.ts
-var import_preset_code2 = require("@coze-editor/editor/preset-code");
-var colors = {
-  background: "#F7F7FC",
-  // syntax
-  comment: "#000A298A",
-  key: "#00818C",
-  string: "#D1009D",
-  number: "#C74200",
-  boolean: "#2B57D9",
-  null: "#2B57D9",
-  separator: "#0F1529D1"
-};
-var lightTheme = (0, import_preset_code2.createTheme)({
-  variant: "light",
-  settings: {
-    background: "#fff",
-    foreground: "#000",
-    caret: "#000",
-    selection: "#d9d9d9",
-    gutterBackground: "#f0f0f0",
-    gutterForeground: "#666",
-    gutterBorderColor: "transparent",
-    gutterBorderWidth: 0,
-    lineHighlight: "#e1e1e180",
-    bracketColors: ["#FFD700", "#DD99FF", "#78B0FF"],
-    tooltip: {
-      backgroundColor: "#f0f0f0",
-      color: "#000",
-      border: "1px solid #ccc"
-    },
-    link: {
-      color: "#007bff"
-    },
-    completionItemHover: {
-      backgroundColor: "#f0f0f0"
-    },
-    completionItemSelected: {
-      backgroundColor: "#e0e0e0"
-    },
-    completionItemIcon: {
-      color: "#333"
-    },
-    completionItemLabel: {
-      color: "#333"
-    },
-    completionItemInfo: {
-      color: "#333"
-    },
-    completionItemDetail: {
-      color: "#666"
-    }
-  },
-  styles: [
-    // JSON
-    {
-      tag: import_preset_code2.tags.comment,
-      color: colors.comment
-    },
-    {
-      tag: [import_preset_code2.tags.propertyName],
-      color: colors.key
-    },
-    {
-      tag: [import_preset_code2.tags.string],
-      color: colors.string
-    },
-    {
-      tag: [import_preset_code2.tags.number],
-      color: colors.number
-    },
-    {
-      tag: [import_preset_code2.tags.bool],
-      color: colors.boolean
-    },
-    {
-      tag: [import_preset_code2.tags.null],
-      color: colors.null
-    },
-    {
-      tag: [import_preset_code2.tags.separator],
-      color: colors.separator
-    },
-    // markdown
-    {
-      tag: [import_preset_code2.tags.heading],
-      color: "#3e76ef"
-    },
-    {
-      tag: [import_preset_code2.tags.processingInstruction],
-      color: "#3e76ef"
-    },
-    // shell
-    // curl
-    {
-      tag: [import_preset_code2.tags.standard(import_preset_code2.tags.variableName)],
-      color: "#00804A"
-    },
-    // -X
-    {
-      tag: [import_preset_code2.tags.attributeName],
-      color: "#C74200"
-    },
-    // url in string (includes quotes), e.g. "https://..."
-    {
-      tag: [import_preset_code2.tags.special(import_preset_code2.tags.string)],
-      color: "#2B57D9"
-    }
-  ]
-});
-
-// src/components/code-editor/theme/dark.ts
-var import_preset_code3 = require("@coze-editor/editor/preset-code");
-var colors2 = {
-  background: "#151B27",
-  // syntax
-  comment: "#FFFFFF63",
-  key: "#39E5D7",
-  string: "#FF94D2",
-  number: "#FF9933",
-  boolean: "#78B0FF",
-  null: "#78B0FF",
-  separator: "#FFFFFFC9"
-};
-var darkTheme = (0, import_preset_code3.createTheme)({
-  variant: "dark",
-  settings: {
-    background: colors2.background,
-    foreground: "#fff",
-    caret: "#AEAFAD",
-    selection: "#d9d9d942",
-    gutterBackground: colors2.background,
-    gutterForeground: "#FFFFFF63",
-    gutterBorderColor: "transparent",
-    gutterBorderWidth: 0,
-    lineHighlight: "#272e3d36",
-    bracketColors: ["#FFEF61", "#DD99FF", "#78B0FF"],
-    tooltip: {
-      backgroundColor: "#363D4D",
-      color: "#fff",
-      border: "none"
-    },
-    link: {
-      color: "#4daafc"
-    },
-    completionItemHover: {
-      backgroundColor: "#FFFFFF0F"
-    },
-    completionItemSelected: {
-      backgroundColor: "#FFFFFF17"
-    },
-    completionItemIcon: {
-      color: "#FFFFFFC9"
-    },
-    completionItemLabel: {
-      color: "#FFFFFFC9"
-    },
-    completionItemInfo: {
-      color: "#FFFFFFC9"
-    },
-    completionItemDetail: {
-      color: "#FFFFFF63"
-    }
-  },
-  styles: [
-    // json
-    {
-      tag: import_preset_code3.tags.comment,
-      color: colors2.comment
-    },
-    {
-      tag: [import_preset_code3.tags.propertyName],
-      color: colors2.key
-    },
-    {
-      tag: [import_preset_code3.tags.string],
-      color: colors2.string
-    },
-    {
-      tag: [import_preset_code3.tags.number],
-      color: colors2.number
-    },
-    {
-      tag: [import_preset_code3.tags.bool],
-      color: colors2.boolean
-    },
-    {
-      tag: [import_preset_code3.tags.null],
-      color: colors2.null
-    },
-    {
-      tag: [import_preset_code3.tags.separator],
-      color: colors2.separator
-    },
-    // markdown
-    {
-      tag: [import_preset_code3.tags.heading],
-      color: "#6b6bff"
-    },
-    {
-      tag: [import_preset_code3.tags.processingInstruction],
-      color: "#6b6bff"
-    },
-    // shell
-    // curl
-    {
-      tag: [import_preset_code3.tags.standard(import_preset_code3.tags.variableName)],
-      color: "#3BEB84"
-    },
-    // -X
-    {
-      tag: [import_preset_code3.tags.attributeName],
-      color: "#FF9933"
-    },
-    // url in string (includes quotes), e.g. "https://..."
-    {
-      tag: [import_preset_code3.tags.special(import_preset_code3.tags.string)],
-      color: "#78B0FF"
-    }
-  ]
-});
-
-// src/components/code-editor/theme/index.ts
-import_preset_code4.themes.register("dark", darkTheme);
-import_preset_code4.themes.register("light", lightTheme);
-
-// src/components/code-editor/index.tsx
-var OriginCodeEditor = (0, import_react4.createRenderer)(import_preset_code5.default, [
-  import_view.EditorView.theme({
-    "&.cm-focused": {
-      outline: "none"
-    }
-  })
-]);
-function CodeEditor({
-  value,
-  onChange,
-  languageId = "python",
-  theme = "light",
-  children,
-  placeholder,
-  activeLinePlaceholder,
-  options,
-  readonly
-}) {
-  const editorRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
-    if (languageId === "typescript") {
-      initTsWorker();
-    }
-  }, [languageId]);
-  (0, import_react3.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(
-    OriginCodeEditor,
-    {
-      defaultValue: value,
-      options: {
-        uri: `file:///untitled${getSuffixByLanguageId(languageId)}`,
-        languageId,
-        theme,
-        placeholder,
-        readOnly: readonly,
-        editable: !readonly,
-        ...options || {}
-      },
-      didMount: (editor) => {
-        editorRef.current = editor;
-      },
-      onChange: (e) => onChange?.(e.value)
-    },
-    activeLinePlaceholder && /* @__PURE__ */ import_react3.default.createElement(import_react4.ActiveLinePlaceholder, null, activeLinePlaceholder),
-    children
-  ));
-}
-
-// src/components/code-editor-mini/index.tsx
-var UIMini = import_styled_components.default.div`
-  .ͼ1 .cm-content {
-    padding: 0;
-  }
-`;
-function CodeEditorMini(props) {
-  return /* @__PURE__ */ import_react5.default.createElement(UIMini, null, /* @__PURE__ */ import_react5.default.createElement(
-    CodeEditor,
-    {
-      ...props,
-      options: {
-        lineNumbersGutter: false,
-        foldGutter: false,
-        ...props.options || {}
-      }
-    }
-  ));
-}
-
-// src/plugins/json-schema-preset/type-definition/object.tsx
-var objectRegistry = {
-  type: "object",
-  ConstantRenderer: (props) => /* @__PURE__ */ import_react6.default.createElement(
-    CodeEditorMini,
-    {
-      value: props.value,
-      onChange: (v) => props.onChange?.(v),
-      languageId: "json",
-      placeholder: import_editor4.I18n.t("Please Input Object"),
-      readonly: props.readonly
-    }
-  )
-};
-
-// src/plugins/json-schema-preset/type-definition/number.tsx
-var import_react7 = __toESM(require("react"));
-var import_editor5 = require("@flowgram.ai/editor");
-var import_semi_ui2 = require("@douyinfe/semi-ui");
-var numberRegistry = {
-  type: "number",
-  ConstantRenderer: (props) => /* @__PURE__ */ import_react7.default.createElement(
-    import_semi_ui2.InputNumber,
-    {
-      placeholder: import_editor5.I18n.t("Please Input Number"),
-      size: "small",
-      disabled: props.readonly,
-      hideButtons: true,
-      ...props
-    }
-  )
-};
-
-// src/plugins/json-schema-preset/type-definition/integer.tsx
-var import_react8 = __toESM(require("react"));
-var import_editor6 = require("@flowgram.ai/editor");
-var import_semi_ui3 = require("@douyinfe/semi-ui");
-var integerRegistry = {
-  type: "integer",
-  ConstantRenderer: (props) => /* @__PURE__ */ import_react8.default.createElement(
-    import_semi_ui3.InputNumber,
-    {
-      placeholder: import_editor6.I18n.t("Please Input Integer"),
-      size: "small",
-      disabled: props.readonly,
-      precision: 0,
-      ...props
-    }
-  )
-};
-
-// src/plugins/json-schema-preset/type-definition/boolean.tsx
-var import_react9 = __toESM(require("react"));
-var import_editor7 = require("@flowgram.ai/editor");
-var import_semi_ui4 = require("@douyinfe/semi-ui");
-var booleanRegistry = {
-  type: "boolean",
-  ConstantRenderer: (props) => {
-    const { value, onChange, ...rest } = props;
-    return /* @__PURE__ */ import_react9.default.createElement(
-      import_semi_ui4.Select,
-      {
-        placeholder: import_editor7.I18n.t("Please Select Boolean"),
-        size: "small",
-        disabled: props.readonly,
-        optionList: [
-          { label: import_editor7.I18n.t("True"), value: 1 },
-          { label: import_editor7.I18n.t("False"), value: 0 }
-        ],
-        value: value ? 1 : 0,
-        onChange: (value2) => onChange?.(!!value2),
-        ...rest
-      }
-    );
-  }
-};
-
-// src/plugins/json-schema-preset/type-definition/array.tsx
-var import_react10 = __toESM(require("react"));
-var import_editor8 = require("@flowgram.ai/editor");
-var arrayRegistry = {
-  type: "array",
-  ConstantRenderer: (props) => /* @__PURE__ */ import_react10.default.createElement(
-    CodeEditorMini,
-    {
-      value: props.value,
-      languageId: "json",
-      onChange: (v) => props.onChange?.(v),
-      placeholder: import_editor8.I18n.t("Please Input Array"),
-      readonly: props.readonly
-    }
-  )
-};
-
-// src/plugins/json-schema-preset/type-definition/index.tsx
-var jsonSchemaTypePreset = [
-  stringRegistry,
-  objectRegistry,
-  numberRegistry,
-  integerRegistry,
-  booleanRegistry,
-  arrayRegistry
-];
-jsonSchemaTypePreset.forEach((_type) => import_json_schema.jsonSchemaTypeManager.register(_type));
-
-// src/plugins/json-schema-preset/create-type-preset-plugin.tsx
-var import_json_schema2 = require("@flowgram.ai/json-schema");
-var import_editor9 = require("@flowgram.ai/editor");
-var createTypePresetPlugin = (0, import_editor9.definePluginCreator)({
-  onInit(ctx, opts) {
-    const typeManager = ctx.get(import_json_schema2.BaseTypeManager);
-    jsonSchemaTypePreset.forEach((_type) => typeManager.register(_type));
-    opts.types?.forEach((_type) => typeManager.register(_type));
-    opts.unregisterTypes?.forEach((_type) => typeManager.unregister(_type));
-  },
-  containerModules: [import_json_schema2.jsonSchemaContainerModule]
-});
-
-// src/plugins/json-schema-preset/index.tsx
-var useTypeManager = () => (0, import_json_schema3.useTypeManager)();
-var JsonSchemaTypePresetProvider = ({
-  types = [],
-  children
-}) => /* @__PURE__ */ import_react11.default.createElement(import_json_schema3.TypePresetProvider, { types: [...jsonSchemaTypePreset, ...types] }, children);
-
-// src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts
-var import_editor10 = require("@flowgram.ai/editor");
-var createDisableDeclarationPlugin = (0, import_editor10.definePluginCreator)({
-  onInit(ctx) {
-    const variableEngine = ctx.get(import_editor10.VariableEngine);
-    const handleEvent = (action) => {
-      if (import_editor10.ASTMatch.isVariableDeclaration(action.ast)) {
-        if (!action.ast.meta?.disabled) {
-          action.ast.updateMeta({
-            ...action.ast.meta || {},
-            disabled: true
-          });
-        }
-      }
-    };
-    variableEngine.onGlobalEvent("NewAST", handleEvent);
-    variableEngine.onGlobalEvent("UpdateAST", handleEvent);
-  }
-});
-
-// src/components/variable-selector/use-variable-tree.tsx
-function useVariableTree(params) {
-  const { includeSchema, excludeSchema, customSkip } = params;
-  const typeManager = useTypeManager();
-  const variables = (0, import_editor11.useAvailableVariables)();
-  const getVariableTypeIcon = (0, import_react12.useCallback)((variable) => {
-    if (variable.meta?.icon) {
-      if (typeof variable.meta.icon === "string") {
-        return /* @__PURE__ */ import_react12.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
-      }
-      return variable.meta.icon;
-    }
-    const schema = import_json_schema4.JsonSchemaUtils.astToSchema(variable.type, { drilldownObject: false });
-    return /* @__PURE__ */ import_react12.default.createElement(import_semi_ui5.Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
-  }, []);
-  const renderVariable = (variable, parentFields = []) => {
-    let type = variable?.type;
-    if (!type) {
-      return null;
-    }
-    let children;
-    if (import_editor11.ASTMatch.isObject(type)) {
-      children = (type.properties || []).map((_property) => renderVariable(_property, [...parentFields, variable])).filter(Boolean);
-    }
-    const keyPath = [...parentFields.map((_field) => _field.key), variable.key];
-    const key = keyPath.join(".");
-    const isSchemaInclude = includeSchema ? import_json_schema4.JsonSchemaUtils.isASTMatchSchema(type, includeSchema) : true;
-    const isSchemaExclude = excludeSchema ? import_json_schema4.JsonSchemaUtils.isASTMatchSchema(type, excludeSchema) : false;
-    const isCustomSkip = customSkip ? customSkip(variable) : false;
-    const isMetaDisabled = variable.meta?.disabled;
-    const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip && !isMetaDisabled;
-    if (!isSchemaMatch && !children?.length) {
-      return null;
-    }
-    return {
-      key,
-      label: variable.meta?.title || variable.key,
-      value: key,
-      keyPath,
-      icon: getVariableTypeIcon(variable),
-      children,
-      disabled: !isSchemaMatch,
-      rootMeta: parentFields[0]?.meta || variable.meta,
-      isRoot: !parentFields?.length
-    };
-  };
-  return [...variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
-}
-
-// src/components/variable-selector/styles.tsx
-var import_styled_components2 = __toESM(require("styled-components"));
-var import_semi_ui6 = require("@douyinfe/semi-ui");
-var UIRootTitle = import_styled_components2.default.div`
-  margin-right: 4px;
-  min-width: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--semi-color-text-2);
-`;
-var UIVarName = import_styled_components2.default.div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  ${({ $inSelector }) => $inSelector && import_styled_components2.css`
-      min-width: 50%;
-    `}
-`;
-var UITag = (0, import_styled_components2.default)(import_semi_ui6.Tag)`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  & .semi-tag-content-center {
-    justify-content: flex-start;
-  }
-
-  &.semi-tag {
-    margin: 0;
-    height: 22px;
-  }
-`;
-var UITreeSelect = (0, import_styled_components2.default)(import_semi_ui6.TreeSelect)`
-  outline: ${({ $error }) => $error ? "1px solid red" : "none"};
-
-  & .semi-tree-select-selection {
-    padding: 0px;
-    height: 22px;
-  }
-
-  & .semi-tree-select-selection-content {
-    width: 100%;
-  }
-
-  & .semi-tree-select-selection-placeholder {
-    padding-left: 10px;
-  }
-`;
-var UIPopoverContent = import_styled_components2.default.div`
-  padding: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  white-space: nowrap;
-`;
-
-// src/components/variable-selector/index.tsx
-var VariableSelector = ({
-  value,
-  config = {},
-  onChange,
-  style,
-  readonly = false,
-  includeSchema,
-  excludeSchema,
-  hasError,
-  triggerRender
-}) => {
-  const treeData = useVariableTree({ includeSchema, excludeSchema });
-  const treeValue = (0, import_react13.useMemo)(() => {
-    if (typeof value === "string") {
-      console.warn(
-        "The Value of VariableSelector is a string, it should be an ARRAY. \n",
-        "Please check the value of VariableSelector \n"
-      );
-      return value;
-    }
-    return value?.join(".");
-  }, [value]);
-  const renderIcon = (icon) => {
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ import_react13.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
-    }
-    return icon;
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
-    UITreeSelect,
-    {
-      dropdownMatchSelectWidth: false,
-      disabled: readonly,
-      treeData,
-      size: "small",
-      value: treeValue,
-      clearIcon: null,
-      $error: hasError,
-      style,
-      validateStatus: hasError ? "error" : void 0,
-      onChange: (_, _config) => {
-        onChange(_config.keyPath);
-      },
-      renderSelectedItem: (_option) => {
-        if (!_option?.keyPath) {
-          return /* @__PURE__ */ import_react13.default.createElement(
-            UITag,
-            {
-              prefixIcon: /* @__PURE__ */ import_react13.default.createElement(import_semi_icons.IconIssueStroked, null),
-              color: "amber",
-              closable: !readonly,
-              onClose: () => onChange(void 0)
-            },
-            config?.notFoundContent ?? "Undefined"
-          );
-        }
-        const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);
-        const rootTitle = /* @__PURE__ */ import_react13.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
-        return /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(
-          import_semi_ui7.Popover,
-          {
-            content: /* @__PURE__ */ import_react13.default.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ import_react13.default.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
-          },
-          /* @__PURE__ */ import_react13.default.createElement(
-            UITag,
-            {
-              prefixIcon: rootIcon,
-              closable: !readonly,
-              onClose: () => onChange(void 0)
-            },
-            rootTitle,
-            !_option.isRoot && /* @__PURE__ */ import_react13.default.createElement(UIVarName, { $inSelector: true }, _option.label)
-          )
-        ));
-      },
-      showClear: false,
-      arrowIcon: /* @__PURE__ */ import_react13.default.createElement(import_semi_icons.IconChevronDownStroked, { size: "small" }),
-      triggerRender,
-      placeholder: config?.placeholder ?? import_editor12.I18n.t("Select Variable")
-    }
-  ));
-};
-VariableSelector.renderKey = "variable-selector-render-key";
-var InjectVariableSelector = createInjectMaterial(VariableSelector);
-
-// src/components/type-selector/index.tsx
-var import_react14 = __toESM(require("react"));
-var import_semi_ui8 = require("@douyinfe/semi-ui");
-var labelStyle = { display: "flex", alignItems: "center", gap: 5 };
-var getTypeSelectValue = (value) => {
-  if (value?.type === "array" && value?.items) {
-    return [value.type, ...getTypeSelectValue(value.items) || []];
-  }
-  return value?.type ? [value.type] : void 0;
-};
-var parseTypeSelectValue = (value) => {
-  const [type, ...subTypes] = value || [];
-  if (type === "array") {
-    return { type: "array", items: parseTypeSelectValue(subTypes) };
-  }
-  return { type };
-};
-function TypeSelector(props) {
-  const { value, onChange, readonly, disabled, style } = props;
-  const selectValue = (0, import_react14.useMemo)(() => getTypeSelectValue(value), [value]);
-  const typeManager = useTypeManager();
-  const icon = typeManager.getDisplayIcon(value || {});
-  const options = (0, import_react14.useMemo)(
-    () => typeManager.getTypeRegistriesWithParentType().map((_type) => {
-      const isArray2 = _type.type === "array";
-      return {
-        label: /* @__PURE__ */ import_react14.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react14.default.createElement(import_semi_ui8.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_react14.default.createElement("div", { style: labelStyle }, /* @__PURE__ */ import_react14.default.createElement(
-            import_semi_ui8.Icon,
-            {
-              size: "small",
-              svg: typeManager.getDisplayIcon({
-                type: "array",
-                items: { type: _type2.type }
-              })
-            }
-          ), typeManager.getTypeBySchema(_type2)?.label || _type2.type),
-          value: _type2.type
-        })) : []
-      };
-    }),
-    []
-  );
-  return /* @__PURE__ */ import_react14.default.createElement(
-    import_semi_ui8.Cascader,
-    {
-      disabled: readonly || disabled,
-      size: "small",
-      triggerRender: () => /* @__PURE__ */ import_react14.default.createElement(import_semi_ui8.IconButton, { size: "small", style, disabled: readonly || disabled, icon }),
-      treeData: options,
-      value: selectValue,
-      leafOnly: true,
-      onChange: (value2) => {
-        onChange?.(parseTypeSelectValue(value2));
-      }
-    }
-  );
-}
-TypeSelector.renderKey = "type-selector-render-key";
-var InjectTypeSelector = createInjectMaterial(TypeSelector);
-
-// src/components/json-schema-editor/index.tsx
-var import_react20 = __toESM(require("react"));
-var import_editor14 = require("@flowgram.ai/editor");
-var import_semi_ui10 = require("@douyinfe/semi-ui");
-var import_semi_icons3 = require("@douyinfe/semi-icons");
-
-// src/components/json-schema-editor/styles.tsx
-var import_react15 = __toESM(require("react"));
-var import_styled_components3 = __toESM(require("styled-components"));
-var import_semi_icons2 = __toESM(require("@douyinfe/semi-icons"));
-var UIContainer = import_styled_components3.default.div`
-  /* & .semi-input {
-    background-color: #fff;
-    border-radius: 6px;
-    height: 24px;
-  } */
-`;
-var UIRow = import_styled_components3.default.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`;
-var UICollapseTrigger = import_styled_components3.default.div`
-  cursor: pointer;
-  margin-right: 5px;
-`;
-var UIExpandDetail = import_styled_components3.default.div`
-  display: flex;
-  flex-direction: column;
-`;
-var UILabel = import_styled_components3.default.div`
-  font-size: 12px;
-  color: #999;
-  font-weight: 400;
-  margin-bottom: 2px;
-`;
-var UIProperties = import_styled_components3.default.div`
-  display: grid;
-  grid-template-columns: auto 1fr;
-
-  ${({ $shrink }) => $shrink && import_styled_components3.css`
-      padding-left: 10px;
-      margin-top: 10px;
-    `}
-`;
-var UIPropertyLeft = import_styled_components3.default.div`
-  grid-column: 1;
-  position: relative;
-  width: 16px;
-
-  ${({ $showLine, $isLast, $parentType }) => {
-  let height = "100%";
-  if ($parentType && $isLast) {
-    height = "24px";
-  }
-  return $showLine && import_styled_components3.css`
-        &::before {
-          /* 竖线 */
-          content: '';
-          height: ${height};
-          position: absolute;
-          left: -22px;
-          top: -16px;
-          width: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-
-        &::after {
-          /* 横线 */
-          content: '';
-          position: absolute;
-          left: -22px; // 横线起点和竖线对齐
-          top: 8px; // 跟随你的行高调整
-          width: 18px; // 横线长度
-          height: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-      `;
-}}
-`;
-var UIPropertyRight = import_styled_components3.default.div`
-  grid-column: 2;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0px;
-  }
-`;
-var UIPropertyMain = import_styled_components3.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  position: relative;
-
-  ${({ $expand, type, $collapse, $showCollapse }) => {
-  const beforeElement = `
-      &::before {
-        /* \u7AD6\u7EBF */
-        content: '';
-        height: 100%;
-        position: absolute;
-        left: -12px;
-        top: 18px;
-        width: 1px;
-        background: #d9d9d9;
-        display: block;
-      }`;
-  return $expand && import_styled_components3.css`
-        background-color: #f5f5f5;
-        padding: 10px;
-        border-radius: 4px;
-
-        ${$showCollapse && $collapse && (type === "array" || type === "object") && import_styled_components3.css`
-          ${beforeElement}
-        `}
-      `;
-}}
-`;
-var UICollapsible = import_styled_components3.default.div`
-  display: none;
-
-  ${({ $collapse }) => $collapse && import_styled_components3.css`
-      display: block;
-    `}
-`;
-var UIName = import_styled_components3.default.div`
-  flex-grow: 1;
-`;
-var UIType = import_styled_components3.default.div``;
-var UIRequired = import_styled_components3.default.div``;
-var UIActions = import_styled_components3.default.div`
-  white-space: nowrap;
-`;
-var iconAddChildrenSvg = /* @__PURE__ */ import_react15.default.createElement(
-  "svg",
-  {
-    className: "icon-icon icon-icon-coz_add_node ",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react15.default.createElement(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      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_react15.default.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
-);
-var IconAddChildren = () => /* @__PURE__ */ import_react15.default.createElement(import_semi_icons2.default, { size: "small", svg: iconAddChildrenSvg });
-var DefaultValueWrapper = import_styled_components3.default.div`
-  margin: 0;
-`;
-var ConstantInputWrapper = import_styled_components3.default.div`
-  flex-grow: 1;
-
-  & .semi-tree-select,
-  & .semi-input-number,
-  & .semi-select {
-    width: 100%;
-  }
-`;
-
-// src/components/json-schema-editor/hooks.tsx
-var import_react16 = require("react");
-var import_lodash2 = require("lodash");
-var import_immer = require("immer");
-var import_json_schema5 = require("@flowgram.ai/json-schema");
-var _id = 0;
-function genId() {
-  return _id++;
-}
-function usePropertiesEdit(value, onChange) {
-  const typeManager = (0, import_json_schema5.useTypeManager)();
-  const drilldownSchema = typeManager.getPropertiesParent(value || {});
-  const canAddField = typeManager.canAddField(value || {});
-  const [propertyList, setPropertyList] = (0, import_react16.useState)([]);
-  (0, import_react16.useEffect)(() => {
-    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_lodash2.difference)(newNames, oldNames);
-      return _list.filter((item) => !item.name || newNames.includes(item.name)).map((item) => ({
-        key: item.key,
-        name: item.name,
-        isPropertyRequired: drilldownSchema?.required?.includes(item.name || "") || false,
-        ...item
-      })).concat(
-        addNames.map((_name) => ({
-          key: genId(),
-          name: _name,
-          isPropertyRequired: drilldownSchema?.required?.includes(_name) || false,
-          ...drilldownSchema?.properties?.[_name] || {}
-        }))
-      );
-    });
-  }, [drilldownSchema]);
-  const updatePropertyList = (updater) => {
-    setPropertyList((_list) => {
-      const next = updater(_list);
-      const nextProperties = {};
-      const nextRequired = [];
-      for (const _property of next) {
-        if (!_property.name) {
-          continue;
-        }
-        nextProperties[_property.name] = (0, import_lodash2.omit)(_property, ["key", "name", "isPropertyRequired"]);
-        if (_property.isPropertyRequired) {
-          nextRequired.push(_property.name);
-        }
-      }
-      onChange?.(
-        (0, import_immer.produce)(value || {}, (draft) => {
-          const propertiesParent = typeManager.getPropertiesParent(draft);
-          if (propertiesParent) {
-            propertiesParent.properties = nextProperties;
-            propertiesParent.required = nextRequired;
-            return;
-          }
-        })
-      );
-      return next;
-    });
-  };
-  const onAddProperty = () => {
-    setPropertyList((_list) => [
-      ..._list,
-      { key: genId(), name: "", type: "string", extra: { index: _list.length + 1 } }
-    ]);
-  };
-  const onRemoveProperty = (key) => {
-    updatePropertyList((_list) => _list.filter((_property) => _property.key !== key));
-  };
-  const onEditProperty = (key, nextValue) => {
-    updatePropertyList(
-      (_list) => _list.map((_property) => _property.key === key ? nextValue : _property)
-    );
-  };
-  (0, import_react16.useEffect)(() => {
-    if (!canAddField) {
-      setPropertyList([]);
-    }
-  }, [canAddField]);
-  return {
-    propertyList,
-    canAddField,
-    onAddProperty,
-    onRemoveProperty,
-    onEditProperty
-  };
-}
-
-// src/components/json-schema-editor/default-value.tsx
-var import_react18 = __toESM(require("react"));
-var import_editor13 = require("@flowgram.ai/editor");
-
-// src/components/constant-input/index.tsx
-var import_react17 = __toESM(require("react"));
-var import_semi_ui9 = require("@douyinfe/semi-ui");
-function ConstantInput(props) {
-  const { value, onChange, schema, strategies, fallbackRenderer, readonly, ...rest } = props;
-  const typeManager = useTypeManager();
-  const Renderer2 = (0, import_react17.useMemo)(() => {
-    const strategy = (strategies || []).find((_strategy) => _strategy.hit(schema));
-    if (!strategy) {
-      return typeManager.getTypeBySchema(schema)?.ConstantRenderer;
-    }
-    return strategy?.Renderer;
-  }, [strategies, schema]);
-  if (!Renderer2) {
-    if (fallbackRenderer) {
-      return import_react17.default.createElement(fallbackRenderer, {
-        value,
-        onChange,
-        readonly,
-        ...rest
-      });
-    }
-    return /* @__PURE__ */ import_react17.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
-  }
-  return /* @__PURE__ */ import_react17.default.createElement(Renderer2, { value, onChange, readonly, ...rest });
-}
-
-// src/components/json-schema-editor/default-value.tsx
-function DefaultValue(props) {
-  const { value, schema, onChange, placeholder } = props;
-  return /* @__PURE__ */ import_react18.default.createElement(ConstantInputWrapper, null, /* @__PURE__ */ import_react18.default.createElement(
-    ConstantInput,
-    {
-      value,
-      onChange: (_v) => onChange(_v),
-      schema: schema || { type: "string" },
-      placeholder: placeholder ?? import_editor13.I18n.t("Default value if parameter is not provided")
-    }
-  ));
-}
-
-// src/components/json-schema-editor/components/blur-input.tsx
-var import_react19 = __toESM(require("react"));
-var import_input = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
-function BlurInput(props) {
-  const [value, setValue] = (0, import_react19.useState)("");
-  (0, import_react19.useEffect)(() => {
-    setValue(props.value);
-  }, [props.value]);
-  return /* @__PURE__ */ import_react19.default.createElement(
-    import_input.default,
-    {
-      ...props,
-      value,
-      onChange: (value2) => {
-        setValue(value2);
-      },
-      onBlur: (e) => props.onChange?.(value, e)
-    }
-  );
-}
-
-// src/components/json-schema-editor/index.tsx
-var DEFAULT = { type: "object" };
-function JsonSchemaEditor(props) {
-  const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
-  const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
-    value,
-    onChangeProps
-  );
-  return /* @__PURE__ */ import_react20.default.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ import_react20.default.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ import_react20.default.createElement(
-    PropertyEdit,
-    {
-      readonly,
-      key: _property.key,
-      value: _property,
-      config,
-      $index: index,
-      onChange: (_v) => {
-        onEditProperty(_property.key, _v);
-      },
-      onRemove: () => {
-        onRemoveProperty(_property.key);
-      }
-    }
-  ))), /* @__PURE__ */ import_react20.default.createElement(
-    import_semi_ui10.Button,
-    {
-      disabled: readonly,
-      size: "small",
-      style: { marginTop: 10, marginLeft: 16 },
-      icon: /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconPlus, null),
-      onClick: onAddProperty
-    },
-    config?.addButtonText ?? import_editor14.I18n.t("Add")
-  ));
-}
-function PropertyEdit(props) {
-  const {
-    value,
-    config,
-    readonly,
-    $level = 0,
-    onChange: onChangeProps,
-    onRemove,
-    $index,
-    $isFirst,
-    $isLast,
-    $parentExpand = false,
-    $parentType = "",
-    $showLine
-  } = props;
-  const [expand, setExpand] = (0, import_react20.useState)(false);
-  const [collapse, setCollapse] = (0, import_react20.useState)(false);
-  const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
-  const typeSelectorValue = (0, import_react20.useMemo)(() => ({ type, items }), [type, items]);
-  const { propertyList, canAddField, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
-  const onChange = (key, _value) => {
-    onChangeProps?.({
-      ...value || {},
-      [key]: _value
-    });
-  };
-  const showCollapse = canAddField && propertyList.length > 0;
-  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
-    UIPropertyLeft,
-    {
-      type,
-      $index,
-      $isFirst,
-      $isLast,
-      $showLine,
-      $isExpand: expand,
-      $parentExpand,
-      $parentType
-    },
-    showCollapse && /* @__PURE__ */ import_react20.default.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconChevronRight, { size: "small" }))
-  ), /* @__PURE__ */ import_react20.default.createElement(UIPropertyRight, null, /* @__PURE__ */ import_react20.default.createElement(
-    UIPropertyMain,
-    {
-      $showCollapse: showCollapse,
-      $collapse: collapse,
-      $expand: expand,
-      type
-    },
-    /* @__PURE__ */ import_react20.default.createElement(UIRow, null, /* @__PURE__ */ import_react20.default.createElement(UIName, null, /* @__PURE__ */ import_react20.default.createElement(
-      BlurInput,
-      {
-        disabled: readonly,
-        placeholder: config?.placeholder ?? "Input Variable Name",
-        size: "small",
-        value: name,
-        onChange: (value2) => onChange("name", value2)
-      }
-    )), /* @__PURE__ */ import_react20.default.createElement(UIType, null, /* @__PURE__ */ import_react20.default.createElement(
-      InjectTypeSelector,
-      {
-        value: typeSelectorValue,
-        readonly,
-        onChange: (_value) => {
-          onChangeProps?.({
-            ...value || {},
-            ..._value
-          });
-        }
-      }
-    )), /* @__PURE__ */ import_react20.default.createElement(UIRequired, null, /* @__PURE__ */ import_react20.default.createElement(
-      import_semi_ui10.Checkbox,
-      {
-        disabled: readonly,
-        checked: isPropertyRequired,
-        onChange: (e) => onChange("isPropertyRequired", e.target.checked)
-      }
-    )), /* @__PURE__ */ import_react20.default.createElement(UIActions, null, /* @__PURE__ */ import_react20.default.createElement(
-      import_semi_ui10.IconButton,
-      {
-        disabled: readonly,
-        size: "small",
-        theme: "borderless",
-        icon: expand ? /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconShrink, { size: "small" }) : /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconExpand, { size: "small" }),
-        onClick: () => {
-          setExpand((_expand) => !_expand);
-        }
-      }
-    ), canAddField && /* @__PURE__ */ import_react20.default.createElement(
-      import_semi_ui10.IconButton,
-      {
-        disabled: readonly,
-        size: "small",
-        theme: "borderless",
-        icon: /* @__PURE__ */ import_react20.default.createElement(IconAddChildren, null),
-        onClick: () => {
-          onAddProperty();
-          setCollapse(true);
-        }
-      }
-    ), /* @__PURE__ */ import_react20.default.createElement(
-      import_semi_ui10.IconButton,
-      {
-        disabled: readonly,
-        size: "small",
-        theme: "borderless",
-        icon: /* @__PURE__ */ import_react20.default.createElement(import_semi_icons3.IconMinus, { size: "small" }),
-        onClick: onRemove
-      }
-    ))),
-    expand && /* @__PURE__ */ import_react20.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react20.default.createElement(UILabel, null, config?.descTitle ?? import_editor14.I18n.t("Description")), /* @__PURE__ */ import_react20.default.createElement(
-      BlurInput,
-      {
-        disabled: readonly,
-        size: "small",
-        value: description,
-        onChange: (value2) => onChange("description", value2),
-        placeholder: config?.descPlaceholder ?? import_editor14.I18n.t("Help LLM to understand the property")
-      }
-    ), $level === 0 && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? import_editor14.I18n.t("Default Value")), /* @__PURE__ */ import_react20.default.createElement(DefaultValueWrapper, null, /* @__PURE__ */ import_react20.default.createElement(
-      DefaultValue,
-      {
-        value: defaultValue,
-        schema: value,
-        type,
-        placeholder: config?.defaultValuePlaceholder ?? import_editor14.I18n.t("Default Value"),
-        jsonFormatText: config?.jsonFormatText,
-        onChange: (value2) => onChange("default", value2)
-      }
-    ))))
-  ), showCollapse && /* @__PURE__ */ import_react20.default.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ import_react20.default.createElement(UIProperties, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ import_react20.default.createElement(
-    PropertyEdit,
-    {
-      readonly,
-      key: _property.key,
-      value: _property,
-      config,
-      $level: $level + 1,
-      $parentExpand: expand,
-      $parentType: type,
-      onChange: (_v) => {
-        onEditProperty(_property.key, _v);
-      },
-      onRemove: () => {
-        onRemoveProperty(_property.key);
-      },
-      $isLast: index === propertyList.length - 1,
-      $isFirst: index === 0,
-      $index: index,
-      $showLine: true
-    }
-  ))))));
-}
-
-// src/components/batch-variable-selector/index.tsx
-var import_react21 = __toESM(require("react"));
-var import_editor15 = require("@flowgram.ai/editor");
-var batchVariableSchema = {
-  type: "array",
-  extra: { weak: true }
-};
-function BatchVariableSelector(props) {
-  return /* @__PURE__ */ import_react21.default.createElement(import_editor15.PrivateScopeProvider, null, /* @__PURE__ */ import_react21.default.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
-}
-
-// src/components/dynamic-value-input/index.tsx
-var import_react23 = __toESM(require("react"));
-var import_json_schema6 = require("@flowgram.ai/json-schema");
-var import_semi_ui11 = require("@douyinfe/semi-ui");
-var import_semi_icons4 = require("@douyinfe/semi-icons");
-
-// src/components/dynamic-value-input/styles.tsx
-var import_styled_components4 = __toESM(require("styled-components"));
-var UIContainer2 = import_styled_components4.default.div`
-  display: flex;
-  align-items: center;
-  border-radius: 4px;
-  border: 1px solid var(--semi-color-border);
-
-  overflow: hidden;
-
-  background-color: var(--semi-color-fill-0);
-`;
-var UIMain = import_styled_components4.default.div`
-  flex-grow: 1;
-  overflow: hidden;
-  min-width: 0;
-
-  & .semi-tree-select,
-  & .semi-input-number,
-  & .semi-select {
-    width: 100%;
-    border: none;
-    border-radius: 0;
-  }
-
-  & .semi-input-wrapper {
-    border: none;
-    border-radius: 0;
-  }
-`;
-var UIType2 = import_styled_components4.default.div`
-  border-right: 1px solid #e5e5e5;
-
-  & .semi-button {
-    border-radius: 0;
-  }
-`;
-var UITrigger = import_styled_components4.default.div`
-  border-left: 1px solid #e5e5e5;
-
-  & .semi-button {
-    border-radius: 0;
-  }
-`;
-
-// src/components/dynamic-value-input/hooks.ts
-var import_react22 = require("react");
-var import_editor16 = require("@flowgram.ai/editor");
-function useRefVariable(value) {
-  const available = (0, import_editor16.useScopeAvailable)();
-  const refVariable = (0, import_react22.useMemo)(() => {
-    if (value?.type === "ref") {
-      return available.getByKeyPath(value.content);
-    }
-  }, [value, available]);
-  return refVariable;
-}
-function useSelectSchema(schemaFromProps, constantProps, value) {
-  let defaultSelectSchema = schemaFromProps || constantProps?.schema || { type: "string" };
-  if (value?.type === "constant") {
-    defaultSelectSchema = value?.schema || defaultSelectSchema;
-  }
-  const [selectSchema, setSelectSchema] = (0, import_react22.useState)(defaultSelectSchema);
-  return [selectSchema, setSelectSchema];
-}
-function useIncludeSchema(schemaFromProps) {
-  const includeSchema = (0, import_react22.useMemo)(() => {
-    if (!schemaFromProps) {
-      return;
-    }
-    if (schemaFromProps?.type === "number") {
-      return [schemaFromProps, { type: "integer" }];
-    }
-    return { ...schemaFromProps, extra: { ...schemaFromProps?.extra, weak: true } };
-  }, [schemaFromProps]);
-  return includeSchema;
-}
-
-// src/components/dynamic-value-input/index.tsx
-function DynamicValueInput({
-  value,
-  onChange,
-  readonly,
-  style,
-  schema: schemaFromProps,
-  constantProps
-}) {
-  const refVariable = useRefVariable(value);
-  const [selectSchema, setSelectSchema] = useSelectSchema(schemaFromProps, constantProps, value);
-  const includeSchema = useIncludeSchema(schemaFromProps);
-  const renderTypeSelector = () => {
-    if (schemaFromProps) {
-      return /* @__PURE__ */ import_react23.default.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
-    }
-    if (value?.type === "ref") {
-      const schema = refVariable?.type ? import_json_schema6.JsonSchemaUtils.astToSchema(refVariable?.type) : void 0;
-      return /* @__PURE__ */ import_react23.default.createElement(TypeSelector, { value: schema, readonly: true });
-    }
-    return /* @__PURE__ */ import_react23.default.createElement(
-      TypeSelector,
-      {
-        value: selectSchema,
-        onChange: (_v) => {
-          setSelectSchema(_v || { type: "string" });
-          let content;
-          if (_v?.type === "object") {
-            content = "{}";
-          }
-          if (_v?.type === "array") {
-            content = "[]";
-          }
-          if (_v?.type === "boolean") {
-            content = false;
-          }
-          onChange({
-            type: "constant",
-            content,
-            schema: _v || { type: "string" }
-          });
-        },
-        readonly
-      }
-    );
-  };
-  const renderMain = () => {
-    if (value?.type === "ref") {
-      return /* @__PURE__ */ import_react23.default.createElement(
-        InjectVariableSelector,
-        {
-          style: { width: "100%" },
-          value: value?.content,
-          onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
-          includeSchema,
-          readonly
-        }
-      );
-    }
-    const constantSchema = schemaFromProps || selectSchema || { type: "string" };
-    return /* @__PURE__ */ import_react23.default.createElement(
-      ConstantInput,
-      {
-        value: value?.content,
-        onChange: (_v) => onChange({ type: "constant", content: _v, schema: constantSchema }),
-        schema: constantSchema || { type: "string" },
-        readonly,
-        strategies: [...constantProps?.strategies || []],
-        fallbackRenderer: () => /* @__PURE__ */ import_react23.default.createElement(
-          InjectVariableSelector,
-          {
-            style: { width: "100%" },
-            onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
-            includeSchema,
-            readonly
-          }
-        ),
-        ...constantProps
-      }
-    );
-  };
-  const renderTrigger = () => /* @__PURE__ */ import_react23.default.createElement(
-    InjectVariableSelector,
-    {
-      style: { width: "100%" },
-      value: value?.type === "ref" ? value?.content : void 0,
-      onChange: (_v) => onChange({ type: "ref", content: _v }),
-      includeSchema,
-      readonly,
-      triggerRender: () => /* @__PURE__ */ import_react23.default.createElement(import_semi_ui11.IconButton, { disabled: readonly, size: "small", icon: /* @__PURE__ */ import_react23.default.createElement(import_semi_icons4.IconSetting, { size: "small" }) })
-    }
-  );
-  return /* @__PURE__ */ import_react23.default.createElement(UIContainer2, { style }, /* @__PURE__ */ import_react23.default.createElement(UIType2, null, renderTypeSelector()), /* @__PURE__ */ import_react23.default.createElement(UIMain, null, renderMain()), /* @__PURE__ */ import_react23.default.createElement(UITrigger, null, renderTrigger()));
-}
-DynamicValueInput.renderKey = "dynamic-value-input-render-key";
-var InjectDynamicValueInput = createInjectMaterial(DynamicValueInput);
-
-// src/components/condition-row/index.tsx
-var import_react26 = __toESM(require("react"));
-var import_editor19 = require("@flowgram.ai/editor");
-var import_semi_ui13 = require("@douyinfe/semi-ui");
-
-// src/components/condition-row/styles.tsx
-var import_styled_components5 = __toESM(require("styled-components"));
-var UIContainer3 = import_styled_components5.default.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-var UIOperator = import_styled_components5.default.div``;
-var UILeft = import_styled_components5.default.div`
-  width: 100%;
-`;
-var UIRight = import_styled_components5.default.div`
-  width: 100%;
-`;
-var UIValues = import_styled_components5.default.div`
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-`;
-
-// src/components/condition-row/hooks/useRule.ts
-var import_react24 = require("react");
-var import_json_schema7 = require("@flowgram.ai/json-schema");
-var import_editor17 = require("@flowgram.ai/editor");
-
-// src/components/condition-row/constants.ts
-var defaultRules = {
-  string: {
-    ["eq" /* EQ */]: "string",
-    ["neq" /* NEQ */]: "string",
-    ["contains" /* CONTAINS */]: "string",
-    ["not_contains" /* NOT_CONTAINS */]: "string",
-    ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array",
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
-  },
-  number: {
-    ["eq" /* EQ */]: "number",
-    ["neq" /* NEQ */]: "number",
-    ["gt" /* GT */]: "number",
-    ["gte" /* GTE */]: "number",
-    ["lt" /* LT */]: "number",
-    ["lte" /* LTE */]: "number",
-    ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array"
-  },
-  integer: {
-    ["eq" /* EQ */]: "number",
-    ["neq" /* NEQ */]: "number",
-    ["gt" /* GT */]: "number",
-    ["gte" /* GTE */]: "number",
-    ["lt" /* LT */]: "number",
-    ["lte" /* LTE */]: "number",
-    ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array"
-  },
-  boolean: {
-    ["eq" /* EQ */]: "boolean",
-    ["neq" /* NEQ */]: "boolean",
-    ["is_true" /* IS_TRUE */]: null,
-    ["is_false" /* IS_FALSE */]: null,
-    ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array"
-  },
-  object: {
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
-  },
-  array: {
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null,
-    ["contains" /* CONTAINS */]: "array",
-    ["not_contains" /* NOT_CONTAINS */]: "array",
-    ["eq" /* EQ */]: "array",
-    ["neq" /* NEQ */]: "array"
-  },
-  map: {
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
-  }
-};
-var defaultOpConfigs = {
-  ["eq" /* EQ */]: {
-    label: "Equal",
-    abbreviation: "="
-  },
-  ["neq" /* NEQ */]: {
-    label: "Not Equal",
-    abbreviation: "\u2260"
-  },
-  ["gt" /* GT */]: {
-    label: "Greater Than",
-    abbreviation: ">"
-  },
-  ["gte" /* GTE */]: {
-    label: "Greater Than or Equal",
-    abbreviation: ">="
-  },
-  ["lt" /* LT */]: {
-    label: "Less Than",
-    abbreviation: "<"
-  },
-  ["lte" /* LTE */]: {
-    label: "Less Than or Equal",
-    abbreviation: "<="
-  },
-  ["in" /* IN */]: {
-    label: "In",
-    abbreviation: "\u2208"
-  },
-  ["nin" /* NIN */]: {
-    label: "Not In",
-    abbreviation: "\u2209"
-  },
-  ["contains" /* CONTAINS */]: {
-    label: "Contains",
-    abbreviation: "\u2287"
-  },
-  ["not_contains" /* NOT_CONTAINS */]: {
-    label: "Not Contains",
-    abbreviation: "\u2289"
-  },
-  ["is_empty" /* IS_EMPTY */]: {
-    label: "Is Empty",
-    abbreviation: "=",
-    rightDisplay: "Empty"
-  },
-  ["is_not_empty" /* IS_NOT_EMPTY */]: {
-    label: "Is Not Empty",
-    abbreviation: "\u2260",
-    rightDisplay: "Empty"
-  },
-  ["is_true" /* IS_TRUE */]: {
-    label: "Is True",
-    abbreviation: "=",
-    rightDisplay: "True"
-  },
-  ["is_false" /* IS_FALSE */]: {
-    label: "Is False",
-    abbreviation: "=",
-    rightDisplay: "False"
-  }
-};
-
-// src/components/condition-row/hooks/useRule.ts
-function useRule(left, userRules) {
-  const available = (0, import_editor17.useScopeAvailable)();
-  const rules = (0, import_react24.useMemo)(() => ({ ...defaultRules, ...userRules || {} }), [userRules]);
-  const variable = (0, import_react24.useMemo)(() => {
-    if (!left) return void 0;
-    return available.getByKeyPath(left.content);
-  }, [available, left]);
-  const rule = (0, import_react24.useMemo)(() => {
-    if (!variable) return void 0;
-    const schema = import_json_schema7.JsonSchemaUtils.astToSchema(variable.type, { drilldown: false });
-    return rules[schema?.type];
-  }, [variable?.type, rules]);
-  return { rule };
-}
-
-// src/components/condition-row/hooks/useOp.tsx
-var import_react25 = __toESM(require("react"));
-var import_editor18 = require("@flowgram.ai/editor");
-var import_semi_ui12 = require("@douyinfe/semi-ui");
-var import_semi_icons5 = require("@douyinfe/semi-icons");
-function useOp({ rule, op, onChange, readonly, userOps }) {
-  const options = (0, import_react25.useMemo)(
-    () => Object.keys(rule || {}).map((_op) => ({
-      ...defaultOpConfigs[_op] || {},
-      ...userOps?.[_op] || {},
-      value: _op,
-      label: import_editor18.I18n.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label)
-    })),
-    [rule, userOps]
-  );
-  const opConfig = (0, import_react25.useMemo)(() => defaultOpConfigs[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ import_react25.default.createElement(
-    import_semi_ui12.Select,
-    {
-      style: { height: 22 },
-      disabled: readonly,
-      size: "small",
-      value: op,
-      optionList: options,
-      onChange: (v) => {
-        onChange(v);
-      },
-      triggerRender: ({ value }) => /* @__PURE__ */ import_react25.default.createElement(import_semi_ui12.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react25.default.createElement(import_semi_icons5.IconChevronDownStroked, { size: "small" }))
-    }
-  );
-  return { renderOpSelect, opConfig };
-}
-
-// src/components/condition-row/index.tsx
-var defaultRuleConfig = {
-  ops: {},
-  rules: {}
-};
-function ConditionRow({
-  style,
-  value,
-  onChange,
-  readonly,
-  ruleConfig = defaultRuleConfig
-}) {
-  const { left, operator, right } = value || {};
-  const { rule } = useRule(left, ruleConfig.rules);
-  const { renderOpSelect, opConfig } = useOp({
-    rule,
-    op: operator,
-    onChange: (v) => onChange({ ...value, operator: v }),
-    readonly,
-    userOps: ruleConfig.ops
-  });
-  const targetSchema = (0, import_react26.useMemo)(() => {
-    const targetType = rule?.[operator || ""] || null;
-    return targetType ? { type: targetType, extra: { weak: true } } : null;
-  }, [rule, opConfig]);
-  return /* @__PURE__ */ import_react26.default.createElement(UIContainer3, { style }, /* @__PURE__ */ import_react26.default.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ import_react26.default.createElement(UIValues, null, /* @__PURE__ */ import_react26.default.createElement(UILeft, null, /* @__PURE__ */ import_react26.default.createElement(
-    InjectVariableSelector,
-    {
-      readonly,
-      style: { width: "100%" },
-      value: left?.content,
-      onChange: (v) => onChange({
-        ...value,
-        left: {
-          type: "ref",
-          content: v
-        }
-      })
-    }
-  )), /* @__PURE__ */ import_react26.default.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ import_react26.default.createElement(
-    InjectDynamicValueInput,
-    {
-      readonly: readonly || !rule,
-      value: right,
-      schema: targetSchema,
-      onChange: (v) => onChange({ ...value, right: v })
-    }
-  ) : /* @__PURE__ */ import_react26.default.createElement(
-    import_semi_ui13.Input,
-    {
-      size: "small",
-      disabled: true,
-      style: { pointerEvents: "none" },
-      value: opConfig?.rightDisplay || import_editor19.I18n.t("Empty")
-    }
-  ))));
-}
-
-// src/components/batch-outputs/index.tsx
-var import_react28 = __toESM(require("react"));
-var import_semi_ui14 = require("@douyinfe/semi-ui");
-var import_semi_icons6 = require("@douyinfe/semi-icons");
-
-// src/hooks/use-object-list/index.tsx
-var import_react27 = require("react");
-var import_nanoid = require("nanoid");
-var import_lodash3 = require("lodash");
-function genId2() {
-  return (0, import_nanoid.nanoid)();
-}
-function useObjectList({
-  value,
-  onChange,
-  sortIndexKey
-}) {
-  const [list, setList] = (0, import_react27.useState)([]);
-  (0, import_react27.useEffect)(() => {
-    setList((_prevList) => {
-      const newKeys = Object.entries(value || {}).sort((a, b) => (0, import_lodash3.get)(a[1], sortIndexKey || 0) - (0, import_lodash3.get)(b[1], sortIndexKey || 0)).map(([key]) => key);
-      const oldKeys = _prevList.map((item) => item.key).filter(Boolean);
-      const addKeys = (0, import_lodash3.difference)(newKeys, oldKeys);
-      return _prevList.filter((item) => !item.key || newKeys.includes(item.key)).map((item) => ({
-        id: item.id,
-        key: item.key,
-        value: item.key ? value?.[item.key] : item.value
-      })).concat(
-        addKeys.map((_key) => ({
-          id: genId2(),
-          key: _key,
-          value: value?.[_key]
-        }))
-      );
-    });
-  }, [value]);
-  const add = () => {
-    setList((prevList) => [
-      ...prevList,
-      {
-        id: genId2()
-      }
-    ]);
-  };
-  const updateValue = (itemId, value2) => {
-    setList((prevList) => {
-      const nextList = prevList.map((_item) => {
-        if (_item.id === itemId) {
-          return {
-            ..._item,
-            value: value2
-          };
-        }
-        return _item;
-      });
-      onChange(
-        Object.fromEntries(
-          nextList.filter((item) => item.key).map((item) => [item.key, item.value]).map((_res, idx) => {
-            if ((0, import_lodash3.isObject)(_res[1]) && sortIndexKey) {
-              (0, import_lodash3.set)(_res[1], sortIndexKey, idx);
-            }
-            return _res;
-          })
-        )
-      );
-      return nextList;
-    });
-  };
-  const updateKey = (itemId, key) => {
-    setList((prevList) => {
-      const nextList = prevList.map((_item) => {
-        if (_item.id === itemId) {
-          return {
-            ..._item,
-            key
-          };
-        }
-        return _item;
-      });
-      onChange(
-        Object.fromEntries(
-          nextList.filter((item) => item.key).map((item) => [item.key, item.value])
-        )
-      );
-      return nextList;
-    });
-  };
-  const remove = (itemId) => {
-    setList((prevList) => {
-      const nextList = prevList.filter((_item) => _item.id !== itemId);
-      onChange(
-        Object.fromEntries(
-          nextList.filter((item) => item.key).map((item) => [item.key, item.value])
-        )
-      );
-      return nextList;
-    });
-  };
-  return { list, add, updateKey, updateValue, remove };
-}
-
-// src/components/batch-outputs/styles.tsx
-var import_styled_components6 = __toESM(require("styled-components"));
-var UIRows = import_styled_components6.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-bottom: 10px;
-`;
-var UIRow2 = import_styled_components6.default.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-`;
-
-// src/components/batch-outputs/index.tsx
-function BatchOutputs(props) {
-  const { readonly, style } = props;
-  const { list, add, updateKey, updateValue, remove } = useObjectList(props);
-  return /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement(UIRows, { style }, list.map((item) => /* @__PURE__ */ import_react28.default.createElement(UIRow2, { key: item.id }, /* @__PURE__ */ import_react28.default.createElement(
-    import_semi_ui14.Input,
-    {
-      style: { width: 100 },
-      disabled: readonly,
-      size: "small",
-      value: item.key,
-      onChange: (v) => updateKey(item.id, v)
-    }
-  ), /* @__PURE__ */ import_react28.default.createElement(
-    InjectVariableSelector,
-    {
-      style: { flexGrow: 1 },
-      readonly,
-      value: item.value?.content,
-      onChange: (v) => updateValue(item.id, { type: "ref", content: v })
-    }
-  ), /* @__PURE__ */ import_react28.default.createElement(
-    import_semi_ui14.Button,
-    {
-      disabled: readonly,
-      icon: /* @__PURE__ */ import_react28.default.createElement(import_semi_icons6.IconDelete, null),
-      size: "small",
-      onClick: () => remove(item.id)
-    }
-  )))), /* @__PURE__ */ import_react28.default.createElement(import_semi_ui14.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react28.default.createElement(import_semi_icons6.IconPlus, null), size: "small", onClick: add }, "Add"));
-}
-
-// src/components/prompt-editor/index.tsx
-var import_react35 = __toESM(require("react"));
-var import_react36 = require("@coze-editor/editor/react");
-var import_preset_prompt2 = __toESM(require("@coze-editor/editor/preset-prompt"));
-
-// src/components/prompt-editor/styles.tsx
-var import_styled_components7 = __toESM(require("styled-components"));
-var UIContainer4 = import_styled_components7.default.div`
-  background-color: var(--semi-color-fill-0);
-  padding-left: 10px;
-  padding-right: 6px;
-
-  ${({ $hasError }) => $hasError && import_styled_components7.css`
-      border: 1px solid var(--semi-color-danger-6);
-    `}
-`;
-
-// src/components/prompt-editor/extensions/markdown.tsx
-var import_react29 = require("react");
-var import_react30 = require("@coze-editor/editor/react");
-var import_editor20 = require("@coze-editor/editor");
-var import_view2 = require("@codemirror/view");
-function MarkdownHighlight() {
-  const injector = (0, import_react30.useInjector)();
-  (0, import_react29.useLayoutEffect)(
-    () => injector.inject([
-      import_editor20.astDecorator.whole.of((cursor) => {
-        if (cursor.name.startsWith("ATXHeading")) {
-          return {
-            type: "className",
-            className: "heading"
-          };
-        }
-        if (cursor.name === "Emphasis") {
-          return {
-            type: "className",
-            className: "emphasis"
-          };
-        }
-        if (cursor.name === "StrongEmphasis") {
-          return {
-            type: "className",
-            className: "strong-emphasis"
-          };
-        }
-        if (cursor.name === "ListMark" || cursor.name === "QuoteMark") {
-          return {
-            type: "className",
-            className: "mark"
-          };
-        }
-      }),
-      import_view2.EditorView.theme({
-        ".heading": {
-          color: "#00818C",
-          fontWeight: "bold"
-        },
-        ".emphasis": {
-          fontStyle: "italic"
-        },
-        ".strong-emphasis": {
-          fontWeight: "bold"
-        },
-        ".mark": {
-          color: "#4E40E5"
-        }
-      })
-    ]),
-    [injector]
-  );
-  return null;
-}
-var markdown_default = MarkdownHighlight;
-
-// src/components/prompt-editor/extensions/language-support.tsx
-var import_react31 = require("react");
-var import_react32 = require("@coze-editor/editor/react");
-var import_preset_prompt = require("@coze-editor/editor/preset-prompt");
-function LanguageSupport() {
-  const injector = (0, import_react32.useInjector)();
-  (0, import_react31.useLayoutEffect)(() => injector.inject([import_preset_prompt.languageSupport]), [injector]);
-  return null;
-}
-var language_support_default = LanguageSupport;
-
-// src/components/prompt-editor/extensions/jinja.tsx
-var import_react33 = require("react");
-var import_react34 = require("@coze-editor/editor/react");
-var import_editor21 = require("@coze-editor/editor");
-var import_view3 = require("@codemirror/view");
-function JinjaHighlight() {
-  const injector = (0, import_react34.useInjector)();
-  (0, import_react33.useLayoutEffect)(
-    () => injector.inject([
-      import_editor21.astDecorator.whole.of((cursor) => {
-        if (cursor.name === "JinjaStatementStart" || cursor.name === "JinjaStatementEnd") {
-          return {
-            type: "className",
-            className: "jinja-statement-bracket"
-          };
-        }
-        if (cursor.name === "JinjaComment") {
-          return {
-            type: "className",
-            className: "jinja-comment"
-          };
-        }
-        if (cursor.name === "JinjaExpression") {
-          return {
-            type: "className",
-            className: "jinja-expression"
-          };
-        }
-      }),
-      import_view3.EditorView.theme({
-        ".jinja-statement-bracket": {
-          color: "#D1009D"
-        },
-        ".jinja-comment": {
-          color: "#0607094D"
-        },
-        ".jinja-expression": {
-          color: "#4E40E5"
-        }
-      })
-    ]),
-    [injector]
-  );
-  return null;
-}
-var jinja_default = JinjaHighlight;
-
-// src/components/prompt-editor/index.tsx
-function PromptEditor(props) {
-  const {
-    value,
-    onChange,
-    readonly,
-    placeholder,
-    activeLinePlaceholder,
-    style,
-    hasError,
-    children,
-    disableMarkdownHighlight
-  } = props || {};
-  const editorRef = (0, import_react35.useRef)(null);
-  (0, import_react35.useEffect)(() => {
-    if (editorRef.current?.getValue() !== value?.content) {
-      editorRef.current?.setValue(String(value?.content || ""));
-    }
-  }, [value]);
-  return /* @__PURE__ */ import_react35.default.createElement(UIContainer4, { $hasError: hasError, style }, /* @__PURE__ */ import_react35.default.createElement(import_react36.EditorProvider, null, /* @__PURE__ */ import_react35.default.createElement(
-    import_react36.Renderer,
-    {
-      didMount: (editor) => {
-        editorRef.current = editor;
-      },
-      plugins: import_preset_prompt2.default,
-      defaultValue: String(value?.content),
-      options: {
-        readOnly: readonly,
-        editable: !readonly,
-        placeholder
-      },
-      onChange: (e) => {
-        onChange({ type: "template", content: e.value });
-      }
-    }
-  ), activeLinePlaceholder && /* @__PURE__ */ import_react35.default.createElement(import_react36.ActiveLinePlaceholder, null, activeLinePlaceholder), !disableMarkdownHighlight && /* @__PURE__ */ import_react35.default.createElement(markdown_default, null), /* @__PURE__ */ import_react35.default.createElement(language_support_default, null), /* @__PURE__ */ import_react35.default.createElement(jinja_default, null), children));
-}
-
-// src/components/prompt-editor-with-variables/index.tsx
-var import_react41 = __toESM(require("react"));
-
-// src/components/prompt-editor-with-variables/extensions/variable-tree.tsx
-var import_react37 = __toESM(require("react"));
-var import_semi_ui15 = require("@douyinfe/semi-ui");
-var import_react38 = require("@coze-editor/editor/react");
-function VariableTree() {
-  const [posKey, setPosKey] = (0, import_react37.useState)("");
-  const [visible, setVisible] = (0, import_react37.useState)(false);
-  const [position, setPosition] = (0, import_react37.useState)(-1);
-  const editor = (0, import_react38.useEditor)();
-  function insert(variablePath) {
-    const range = (0, import_react38.getCurrentMentionReplaceRange)(editor.$view.state);
-    if (!range) {
-      return;
-    }
-    editor.replaceText({
-      ...range,
-      text: "{{" + variablePath + "}}"
-    });
-    setVisible(false);
-  }
-  function handleOpenChange(e) {
-    setPosition(e.state.selection.main.head);
-    setVisible(e.value);
-  }
-  (0, import_react37.useEffect)(() => {
-    if (!editor) {
-      return;
-    }
-  }, [editor, visible]);
-  const treeData = useVariableTree({});
-  return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement(import_react38.Mention, { triggerCharacters: ["{", "{}", "@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react37.default.createElement(
-    import_semi_ui15.Popover,
-    {
-      visible,
-      trigger: "custom",
-      position: "topLeft",
-      rePosKey: posKey,
-      content: /* @__PURE__ */ import_react37.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react37.default.createElement(
-        import_semi_ui15.Tree,
-        {
-          treeData,
-          onSelect: (v) => {
-            insert(v);
-          }
-        }
-      ))
-    },
-    /* @__PURE__ */ import_react37.default.createElement(
-      import_react38.PositionMirror,
-      {
-        position,
-        onChange: () => setPosKey(String(Math.random()))
-      }
-    )
-  ));
-}
-
-// src/components/prompt-editor-with-variables/extensions/variable-tag.tsx
-var import_react_dom = __toESM(require("react-dom"));
-var import_react39 = __toESM(require("react"));
-var import_lodash4 = require("lodash");
-var import_editor22 = require("@flowgram.ai/editor");
-var import_semi_ui17 = require("@douyinfe/semi-ui");
-var import_semi_icons7 = require("@douyinfe/semi-icons");
-var import_react40 = require("@coze-editor/editor/react");
-var import_view4 = require("@codemirror/view");
-
-// src/components/prompt-editor-with-variables/styles.tsx
-var import_styled_components8 = __toESM(require("styled-components"));
-var import_semi_ui16 = require("@douyinfe/semi-ui");
-var UIRootTitle2 = import_styled_components8.default.div`
-  margin-right: 4px;
-  min-width: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--semi-color-text-2);
-`;
-var UIVarName2 = import_styled_components8.default.div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-var UITag2 = (0, import_styled_components8.default)(import_semi_ui16.Tag)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  max-width: 300px;
-
-  & .semi-tag-content-center {
-    justify-content: flex-start;
-  }
-
-  &.semi-tag {
-    margin: 0 5px;
-  }
-`;
-var UIPopoverContent2 = import_styled_components8.default.div`
-  padding: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-`;
-
-// src/components/prompt-editor-with-variables/extensions/variable-tag.tsx
-var VariableTagWidget = class extends import_view4.WidgetType {
-  constructor({ keyPath, scope }) {
-    super();
-    this.toDispose = new import_editor22.DisposableCollection();
-    this.renderIcon = (icon) => {
-      if (typeof icon === "string") {
-        return /* @__PURE__ */ import_react39.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
-      }
-      return icon;
-    };
-    this.keyPath = keyPath;
-    this.scope = scope;
-  }
-  renderReact(jsx) {
-    import_react_dom.default.render(jsx, this.rootDOM);
-  }
-  renderVariable(v) {
-    if (!v) {
-      this.renderReact(
-        /* @__PURE__ */ import_react39.default.createElement(UITag2, { prefixIcon: /* @__PURE__ */ import_react39.default.createElement(import_semi_icons7.IconIssueStroked, null), color: "amber" }, "Unknown")
-      );
-      return;
-    }
-    const rootField = (0, import_lodash4.last)(v.parentFields) || v;
-    const isRoot = v.parentFields.length === 0;
-    const rootTitle = /* @__PURE__ */ import_react39.default.createElement(UIRootTitle2, null, rootField?.meta.title ? `${rootField.meta.title} ${isRoot ? "" : "-"} ` : "");
-    const rootIcon = this.renderIcon(rootField?.meta.icon);
-    this.renderReact(
-      /* @__PURE__ */ import_react39.default.createElement(
-        import_semi_ui17.Popover,
-        {
-          content: /* @__PURE__ */ import_react39.default.createElement(UIPopoverContent2, null, rootIcon, rootTitle, /* @__PURE__ */ import_react39.default.createElement(UIVarName2, null, v?.keyPath.slice(1).join(".")))
-        },
-        /* @__PURE__ */ import_react39.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, !isRoot && /* @__PURE__ */ import_react39.default.createElement(UIVarName2, null, v?.key))
-      )
-    );
-  }
-  toDOM(view) {
-    const dom = document.createElement("span");
-    this.rootDOM = dom;
-    this.toDispose.push(
-      import_editor22.Disposable.create(() => {
-        import_react_dom.default.unmountComponentAtNode(this.rootDOM);
-      })
-    );
-    this.toDispose.push(
-      this.scope.available.trackByKeyPath(
-        this.keyPath,
-        (v) => {
-          this.renderVariable(v);
-        },
-        { triggerOnInit: false }
-      )
-    );
-    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));
-    return dom;
-  }
-  eq(other) {
-    return (0, import_lodash4.isEqual)(this.keyPath, other.keyPath);
-  }
-  ignoreEvent() {
-    return false;
-  }
-  destroy(dom) {
-    this.toDispose.dispose();
-  }
-};
-function VariableTagInject() {
-  const injector = (0, import_react40.useInjector)();
-  const scope = (0, import_editor22.useCurrentScope)();
-  (0, import_react39.useLayoutEffect)(() => {
-    const atMatcher = new import_view4.MatchDecorator({
-      regexp: /\{\{([^\}]+)\}\}/g,
-      decoration: (match) => import_view4.Decoration.replace({
-        widget: new VariableTagWidget({
-          keyPath: match[1]?.split(".") ?? [],
-          scope
-        })
-      })
-    });
-    return injector.inject([
-      import_view4.ViewPlugin.fromClass(
-        class {
-          constructor(view) {
-            this.view = view;
-            this.decorations = atMatcher.createDeco(view);
-          }
-          update() {
-            this.decorations = atMatcher.createDeco(this.view);
-          }
-        },
-        {
-          decorations: (p) => p.decorations,
-          provide(p) {
-            return import_view4.EditorView.atomicRanges.of(
-              (view) => view.plugin(p)?.decorations ?? import_view4.Decoration.none
-            );
-          }
-        }
-      )
-    ]);
-  }, [injector]);
-  return null;
-}
-
-// src/components/prompt-editor-with-variables/index.tsx
-function PromptEditorWithVariables(props) {
-  return /* @__PURE__ */ import_react41.default.createElement(PromptEditor, { ...props }, /* @__PURE__ */ import_react41.default.createElement(VariableTree, null), /* @__PURE__ */ import_react41.default.createElement(VariableTagInject, null));
-}
-
-// src/components/prompt-editor-with-inputs/index.tsx
-var import_react45 = __toESM(require("react"));
-
-// src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx
-var import_react43 = __toESM(require("react"));
-var import_semi_ui19 = require("@douyinfe/semi-ui");
-var import_react44 = require("@coze-editor/editor/react");
-
-// src/components/prompt-editor-with-inputs/inputs-picker.tsx
-var import_react42 = __toESM(require("react"));
-var import_lodash5 = require("lodash");
-var import_editor23 = require("@flowgram.ai/editor");
-var import_semi_ui18 = require("@douyinfe/semi-ui");
-function InputsPicker({
-  inputsValues,
-  onSelect
-}) {
-  const available = (0, import_editor23.useScopeAvailable)();
-  const getArrayDrilldown = (type, depth = 1) => {
-    if (import_editor23.ASTMatch.isArray(type.items)) {
-      return getArrayDrilldown(type.items, depth + 1);
-    }
-    return { type: type.items, depth };
-  };
-  const renderVariable = (variable, keyPath) => {
-    let type = variable?.type;
-    let children;
-    if (import_editor23.ASTMatch.isObject(type)) {
-      children = (type.properties || []).map((_property) => renderVariable(_property, [...keyPath, _property.key])).filter(Boolean);
-    }
-    if (import_editor23.ASTMatch.isArray(type)) {
-      const drilldown = getArrayDrilldown(type);
-      if (import_editor23.ASTMatch.isObject(drilldown.type)) {
-        children = (drilldown.type.properties || []).map(
-          (_property) => renderVariable(_property, [
-            ...keyPath,
-            ...new Array(drilldown.depth).fill("[0]"),
-            _property.key
-          ])
-        ).filter(Boolean);
-      }
-    }
-    const key = keyPath.map((_key, idx) => _key === "[0]" || idx === 0 ? _key : `.${_key}`).join("");
-    return {
-      key,
-      label: (0, import_lodash5.last)(keyPath),
-      value: key,
-      children
-    };
-  };
-  const treeData = (0, import_react42.useMemo)(
-    () => Object.entries(inputsValues).map(([key, value]) => {
-      if (value?.type === "ref") {
-        const variable = available.getByKeyPath(value.content || []);
-        if (variable) {
-          return renderVariable(variable, [key]);
-        }
-      }
-      return {
-        key,
-        value: key,
-        label: key
-      };
-    }),
-    []
-  );
-  return /* @__PURE__ */ import_react42.default.createElement(import_semi_ui18.Tree, { treeData, onSelect: (v) => onSelect(v) });
-}
-
-// src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx
-function InputsTree({ inputsValues }) {
-  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)();
-  function insert(variablePath) {
-    const range = (0, import_react44.getCurrentMentionReplaceRange)(editor.$view.state);
-    if (!range) {
-      return;
-    }
-    editor.replaceText({
-      ...range,
-      text: "{{" + variablePath + "}}"
-    });
-    setVisible(false);
-  }
-  function handleOpenChange(e) {
-    setPosition(e.state.selection.main.head);
-    setVisible(e.value);
-  }
-  (0, import_react43.useEffect)(() => {
-    if (!editor) {
-      return;
-    }
-  }, [editor, visible]);
-  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,
-    {
-      visible,
-      trigger: "custom",
-      position: "topLeft",
-      rePosKey: posKey,
-      content: /* @__PURE__ */ import_react43.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react43.default.createElement(
-        InputsPicker,
-        {
-          inputsValues,
-          onSelect: (v) => {
-            insert(v);
-          }
-        }
-      ))
-    },
-    /* @__PURE__ */ import_react43.default.createElement(
-      import_react44.PositionMirror,
-      {
-        position,
-        onChange: () => setPosKey(String(Math.random()))
-      }
-    )
-  ));
-}
-
-// src/components/prompt-editor-with-inputs/index.tsx
-function PromptEditorWithInputs({ inputsValues, ...restProps }) {
-  return /* @__PURE__ */ import_react45.default.createElement(PromptEditor, { ...restProps }, /* @__PURE__ */ import_react45.default.createElement(InputsTree, { inputsValues }));
-}
-
-// src/components/json-editor-with-variables/index.tsx
-var import_react50 = __toESM(require("react"));
-var import_preset_code6 = require("@coze-editor/editor/preset-code");
-
-// src/components/json-editor-with-variables/extensions/variable-tree.tsx
-var import_react46 = __toESM(require("react"));
-var import_semi_ui20 = require("@douyinfe/semi-ui");
-var import_react47 = require("@coze-editor/editor/react");
-function VariableTree2() {
-  const [posKey, setPosKey] = (0, import_react46.useState)("");
-  const [visible, setVisible] = (0, import_react46.useState)(false);
-  const [position, setPosition] = (0, import_react46.useState)(-1);
-  const editor = (0, import_react47.useEditor)();
-  function insert(variablePath) {
-    const range = (0, import_react47.getCurrentMentionReplaceRange)(editor.$view.state);
-    if (!range) {
-      return;
-    }
-    editor.replaceText({
-      ...range,
-      text: "{{" + variablePath + "}}"
-    });
-    setVisible(false);
-  }
-  function handleOpenChange(e) {
-    setPosition(e.state.selection.main.head);
-    setVisible(e.value);
-  }
-  (0, import_react46.useEffect)(() => {
-    if (!editor) {
-      return;
-    }
-  }, [editor, visible]);
-  const treeData = useVariableTree({});
-  return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(import_react47.Mention, { triggerCharacters: ["@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react46.default.createElement(
-    import_semi_ui20.Popover,
-    {
-      visible,
-      trigger: "custom",
-      position: "topLeft",
-      rePosKey: posKey,
-      content: /* @__PURE__ */ import_react46.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react46.default.createElement(
-        import_semi_ui20.Tree,
-        {
-          treeData,
-          onSelect: (v) => {
-            insert(v);
-          }
-        }
-      ))
-    },
-    /* @__PURE__ */ import_react46.default.createElement(
-      import_react47.PositionMirror,
-      {
-        position,
-        onChange: () => setPosKey(String(Math.random()))
-      }
-    )
-  ));
-}
-
-// src/components/json-editor-with-variables/extensions/variable-tag.tsx
-var import_react48 = __toESM(require("react"));
-var import_client = require("react-dom/client");
-var import_lodash6 = require("lodash");
-var import_editor24 = require("@flowgram.ai/editor");
-var import_semi_ui22 = require("@douyinfe/semi-ui");
-var import_semi_icons8 = require("@douyinfe/semi-icons");
-var import_react49 = require("@coze-editor/editor/react");
-var import_view5 = require("@codemirror/view");
-
-// src/components/json-editor-with-variables/styles.tsx
-var import_styled_components9 = __toESM(require("styled-components"));
-var import_semi_ui21 = require("@douyinfe/semi-ui");
-var UIRootTitle3 = import_styled_components9.default.div`
-  margin-right: 4px;
-  min-width: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--semi-color-text-2);
-`;
-var UIVarName3 = import_styled_components9.default.div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-var UITag3 = (0, import_styled_components9.default)(import_semi_ui21.Tag)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  max-width: 300px;
-
-  & .semi-tag-content-center {
-    justify-content: flex-start;
-  }
-
-  &.semi-tag {
-    margin: 0 5px;
-  }
-`;
-var UIPopoverContent3 = import_styled_components9.default.div`
-  padding: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-`;
-
-// src/components/json-editor-with-variables/extensions/variable-tag.tsx
-var VariableTagWidget2 = class extends import_view5.WidgetType {
-  constructor({ keyPath, scope }) {
-    super();
-    this.toDispose = new import_editor24.DisposableCollection();
-    this.renderIcon = (icon) => {
-      if (typeof icon === "string") {
-        return /* @__PURE__ */ import_react48.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
-      }
-      return icon;
-    };
-    this.keyPath = keyPath;
-    this.scope = scope;
-  }
-  renderVariable(v) {
-    if (!v) {
-      this.root.render(
-        /* @__PURE__ */ import_react48.default.createElement(UITag3, { prefixIcon: /* @__PURE__ */ import_react48.default.createElement(import_semi_icons8.IconIssueStroked, null), color: "amber" }, "Unknown")
-      );
-      return;
-    }
-    const rootField = (0, import_lodash6.last)(v.parentFields);
-    const rootTitle = /* @__PURE__ */ import_react48.default.createElement(UIRootTitle3, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
-    const rootIcon = this.renderIcon(rootField?.meta.icon);
-    this.root.render(
-      /* @__PURE__ */ import_react48.default.createElement(
-        import_semi_ui22.Popover,
-        {
-          content: /* @__PURE__ */ import_react48.default.createElement(UIPopoverContent3, null, rootIcon, rootTitle, /* @__PURE__ */ import_react48.default.createElement(UIVarName3, null, v?.keyPath.slice(1).join(".")))
-        },
-        /* @__PURE__ */ import_react48.default.createElement(UITag3, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react48.default.createElement(UIVarName3, null, v?.key))
-      )
-    );
-  }
-  toDOM(view) {
-    const dom = document.createElement("span");
-    this.root = (0, import_client.createRoot)(dom);
-    this.toDispose.push(
-      import_editor24.Disposable.create(() => {
-        this.root.unmount();
-      })
-    );
-    this.toDispose.push(
-      this.scope.available.trackByKeyPath(
-        this.keyPath,
-        (v) => {
-          this.renderVariable(v);
-        },
-        { triggerOnInit: false }
-      )
-    );
-    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));
-    return dom;
-  }
-  eq(other) {
-    return (0, import_lodash6.isEqual)(this.keyPath, other.keyPath);
-  }
-  ignoreEvent() {
-    return false;
-  }
-  destroy(dom) {
-    this.toDispose.dispose();
-  }
-};
-function VariableTagInject2() {
-  const injector = (0, import_react49.useInjector)();
-  const scope = (0, import_editor24.useCurrentScope)();
-  (0, import_react48.useLayoutEffect)(() => {
-    const atMatcher = new import_view5.MatchDecorator({
-      regexp: /\{\{([^\}]+)\}\}/g,
-      decoration: (match) => import_view5.Decoration.replace({
-        widget: new VariableTagWidget2({
-          keyPath: match[1]?.split(".") ?? [],
-          scope
-        })
-      })
-    });
-    return injector.inject([
-      import_view5.ViewPlugin.fromClass(
-        class {
-          constructor(view) {
-            this.view = view;
-            this.decorations = atMatcher.createDeco(view);
-          }
-          update() {
-            this.decorations = atMatcher.createDeco(this.view);
-          }
-        },
-        {
-          decorations: (p) => p.decorations,
-          provide(p) {
-            return import_view5.EditorView.atomicRanges.of(
-              (view) => view.plugin(p)?.decorations ?? import_view5.Decoration.none
-            );
-          }
-        }
-      )
-    ]);
-  }, [injector]);
-  return null;
-}
-
-// src/components/json-editor-with-variables/index.tsx
-function findAllMatches(inputString, regex) {
-  const globalRegex = new RegExp(
-    regex,
-    regex.flags.includes("g") ? regex.flags : regex.flags + "g"
-  );
-  let match;
-  const matches = [];
-  while ((match = globalRegex.exec(inputString)) !== null) {
-    if (match.index === globalRegex.lastIndex) {
-      globalRegex.lastIndex++;
-    }
-    matches.push({
-      match: match[0],
-      range: [match.index, match.index + match[0].length]
-    });
-  }
-  return matches;
-}
-var transformer = (0, import_preset_code6.transformerCreator)((text) => {
-  const originalSource = text.toString();
-  const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
-  if (matches.length > 0) {
-    matches.forEach(({ range }) => {
-      text.replaceRange(range[0], range[1], "null");
-    });
-  }
-  return text;
-});
-function JsonEditorWithVariables(props) {
-  return /* @__PURE__ */ import_react50.default.createElement(
-    CodeEditor,
-    {
-      languageId: "json",
-      activeLinePlaceholder: "Press '@' to Select variable",
-      ...props,
-      options: {
-        transformer,
-        ...props.options || {}
-      }
-    },
-    /* @__PURE__ */ import_react50.default.createElement(VariableTree2, null),
-    /* @__PURE__ */ import_react50.default.createElement(VariableTagInject2, null)
-  );
-}
-
-// src/components/inputs-values/index.tsx
-var import_react52 = __toESM(require("react"));
-var import_editor25 = require("@flowgram.ai/editor");
-var import_semi_ui23 = require("@douyinfe/semi-ui");
-var import_semi_icons9 = require("@douyinfe/semi-icons");
-
-// src/components/inputs-values/styles.tsx
-var import_styled_components10 = __toESM(require("styled-components"));
-var UIRows2 = import_styled_components10.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-bottom: 10px;
-`;
-var UIRow3 = import_styled_components10.default.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-`;
-
-// src/components/inputs-values/components/blur-input.tsx
-var import_react51 = __toESM(require("react"));
-var import_input2 = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
-function BlurInput2(props) {
-  const [value, setValue] = (0, import_react51.useState)("");
-  (0, import_react51.useEffect)(() => {
-    setValue(props.value);
-  }, [props.value]);
-  return /* @__PURE__ */ import_react51.default.createElement(
-    import_input2.default,
-    {
-      ...props,
-      value,
-      onChange: (value2) => {
-        setValue(value2);
-      },
-      onBlur: (e) => props.onChange?.(value, e)
-    }
-  );
-}
-
-// src/components/inputs-values/index.tsx
-function InputsValues({
-  value,
-  onChange,
-  style,
-  readonly,
-  constantProps,
-  schema,
-  hasError
-}) {
-  const { list, updateKey, updateValue, remove, add } = useObjectList({
-    value,
-    onChange,
-    sortIndexKey: "extra.index"
-  });
-  return /* @__PURE__ */ import_react52.default.createElement("div", null, /* @__PURE__ */ import_react52.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react52.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react52.default.createElement(
-    BlurInput2,
-    {
-      style: { width: 100, minWidth: 100, maxWidth: 100 },
-      disabled: readonly,
-      size: "small",
-      value: item.key,
-      onChange: (v) => updateKey(item.id, v),
-      placeholder: import_editor25.I18n.t("Input Key")
-    }
-  ), /* @__PURE__ */ import_react52.default.createElement(
-    InjectDynamicValueInput,
-    {
-      style: { flexGrow: 1 },
-      readonly,
-      value: item.value,
-      onChange: (v) => updateValue(item.id, v),
-      schema,
-      hasError,
-      constantProps: {
-        ...constantProps,
-        strategies: [...constantProps?.strategies || []]
-      }
-    }
-  ), /* @__PURE__ */ import_react52.default.createElement(
-    import_semi_ui23.IconButton,
-    {
-      disabled: readonly,
-      theme: "borderless",
-      icon: /* @__PURE__ */ import_react52.default.createElement(import_semi_icons9.IconDelete, { size: "small" }),
-      size: "small",
-      onClick: () => remove(item.id)
-    }
-  )))), /* @__PURE__ */ import_react52.default.createElement(import_semi_ui23.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react52.default.createElement(import_semi_icons9.IconPlus, null), size: "small", onClick: add }, "Add"));
-}
-
-// src/components/display-schema-tree/index.tsx
-var import_react53 = __toESM(require("react"));
-
-// src/components/display-schema-tree/styles.tsx
-var import_styled_components11 = __toESM(require("styled-components"));
-var TreeRow = import_styled_components11.default.div`
-  display: flex;
-  align-items: center;
-
-  .tree-icon {
-    margin-right: 8px;
-    width: 14px;
-    height: 14px;
-  }
-
-  height: 27px;
-  white-space: nowrap;
-`;
-var HorizontalLine = import_styled_components11.default.div`
-  position: relative;
-
-  &::before,
-  &::after {
-    content: '';
-    position: absolute;
-    background-color: var(--semi-color-text-3);
-  }
-
-  &::after {
-    top: 0px;
-    right: 6px;
-    width: 15px;
-    height: 1px;
-  }
-`;
-var TreeTitle = import_styled_components11.default.div`
-  // overflow: hidden;
-  // text-overflow: ellipsis;
-`;
-var TreeLevel = import_styled_components11.default.div`
-  padding-left: 30px;
-  position: relative;
-
-  /* &::before {
-    content: '';
-    position: absolute;
-    background-color: var(--semi-color-text-3);
-    top: 0px;
-    bottom: 0px;
-    left: -22px;
-    width: 1px;
-  } */
-`;
-var TreeItem = import_styled_components11.default.div`
-  position: relative;
-
-  &::before {
-    content: '';
-    position: absolute;
-    background-color: var(--semi-color-text-3);
-  }
-
-  &:not(:last-child)::before {
-    width: 1px;
-    top: 0;
-    bottom: 0;
-    left: -22px;
-  }
-
-  &:last-child::before {
-    width: 1px;
-    top: 0;
-    height: 14px;
-    left: -22px;
-  }
-
-  ${(props) => props.depth === 0 && import_styled_components11.css`
-      &::before {
-        width: 0px !important;
-      }
-    `}
-`;
-
-// src/components/display-schema-tree/index.tsx
-function DisplaySchemaTree(props) {
-  return /* @__PURE__ */ import_react53.default.createElement(SchemaTree, { ...props });
-}
-function SchemaTree(props) {
-  const {
-    value: schema = {},
-    drilldown = true,
-    depth = 0,
-    showIcon = true,
-    parentKey = ""
-  } = props || {};
-  const typeManager = useTypeManager();
-  const config = typeManager.getTypeBySchema(schema);
-  const title = typeManager.getComplexText(schema);
-  const icon = typeManager?.getDisplayIcon(schema);
-  let properties = drilldown && config ? config.getTypeSchemaProperties(schema) : {};
-  const childEntries = Object.entries(properties || {});
-  return /* @__PURE__ */ import_react53.default.createElement(TreeItem, { depth, key: parentKey || "root" }, /* @__PURE__ */ import_react53.default.createElement(TreeRow, null, depth !== 0 && /* @__PURE__ */ import_react53.default.createElement(HorizontalLine, null), showIcon && icon && import_react53.default.cloneElement(icon, {
-    className: "tree-icon"
-  }), /* @__PURE__ */ import_react53.default.createElement(TreeTitle, null, parentKey ? /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, `${parentKey} (`, title, ")") : title)), childEntries?.length ? /* @__PURE__ */ import_react53.default.createElement(TreeLevel, null, childEntries.map(([key, value]) => /* @__PURE__ */ import_react53.default.createElement(SchemaTree, { key, ...props, parentKey: key, value, depth: depth + 1 }))) : null);
-}
-
-// src/components/display-outputs/index.tsx
-var import_react55 = __toESM(require("react"));
-var import_json_schema8 = require("@flowgram.ai/json-schema");
-var import_editor26 = require("@flowgram.ai/editor");
-
-// src/components/display-schema-tag/index.tsx
-var import_react54 = __toESM(require("react"));
-var import_semi_ui25 = require("@douyinfe/semi-ui");
-
-// src/components/display-schema-tag/styles.ts
-var import_styled_components12 = __toESM(require("styled-components"));
-var import_semi_ui24 = require("@douyinfe/semi-ui");
-var PopoverContent = import_styled_components12.default.div`
-  padding: 10px;
-`;
-var StyledTag = (0, import_styled_components12.default)(import_semi_ui24.Tag)`
-  padding: 4px;
-
-  .tag-icon {
-    width: 12px;
-    height: 12px;
-  }
-`;
-var TitleSpan = import_styled_components12.default.span`
-  display: inline-block;
-  margin-left: 4px;
-  margin-top: -1px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-
-// src/components/display-schema-tag/index.tsx
-function DisplaySchemaTag({ value = {}, showIconInTree, title, warning }) {
-  const typeManager = useTypeManager();
-  const icon = typeManager?.getDisplayIcon(value) || typeManager.getDisplayIcon({ type: "unknown" });
-  return /* @__PURE__ */ import_react54.default.createElement(
-    import_semi_ui25.Popover,
-    {
-      content: /* @__PURE__ */ import_react54.default.createElement(PopoverContent, null, /* @__PURE__ */ import_react54.default.createElement(DisplaySchemaTree, { value, typeManager, showIcon: showIconInTree }))
-    },
-    /* @__PURE__ */ import_react54.default.createElement(StyledTag, { color: warning ? "amber" : "white" }, icon && import_react54.default.cloneElement(icon, {
-      className: "tag-icon"
-    }), title && /* @__PURE__ */ import_react54.default.createElement(TitleSpan, null, title))
-  );
-}
-
-// src/components/display-outputs/styles.ts
-var import_styled_components13 = __toESM(require("styled-components"));
-var DisplayOutputsWrapper = import_styled_components13.default.div`
-  display: flex;
-  gap: 5px;
-  flex-wrap: wrap;
-`;
-
-// src/components/display-outputs/index.tsx
-function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
-  const scope = (0, import_editor26.useCurrentScope)();
-  const refresh = (0, import_editor26.useRefresh)();
-  (0, import_react55.useEffect)(() => {
-    if (!displayFromScope) {
-      return () => null;
-    }
-    const disposable = scope.output.onListOrAnyVarChange(() => {
-      refresh();
-    });
-    return () => {
-      disposable.dispose();
-    };
-  }, [displayFromScope]);
-  const properties = displayFromScope ? scope.output.variables?.reduce((acm, curr) => {
-    acm = {
-      ...acm,
-      ...import_json_schema8.JsonSchemaUtils.astToSchema(curr.type)?.properties || {}
-    };
-    return acm;
-  }, {}) : value?.properties || {};
-  const childEntries = Object.entries(properties || {});
-  return /* @__PURE__ */ import_react55.default.createElement(DisplayOutputsWrapper, null, childEntries.map(([key, schema]) => /* @__PURE__ */ import_react55.default.createElement(
-    DisplaySchemaTag,
-    {
-      key,
-      title: key,
-      value: schema,
-      showIconInTree,
-      warning: !schema
-    }
-  )));
-}
-
-// src/components/display-flow-value/index.tsx
-var import_react56 = __toESM(require("react"));
-var import_json_schema9 = require("@flowgram.ai/json-schema");
-var import_editor27 = require("@flowgram.ai/editor");
-function DisplayFlowValue({ value, title, showIconInTree }) {
-  const available = (0, import_editor27.useScopeAvailable)();
-  const variable = value?.type === "ref" ? available.getByKeyPath(value?.content) : void 0;
-  const schema = (0, import_react56.useMemo)(() => {
-    if (value?.type === "ref") {
-      return import_json_schema9.JsonSchemaUtils.astToSchema(variable?.type);
-    }
-    if (value?.type === "template") {
-      return { type: "string" };
-    }
-    if (value?.type === "constant") {
-      if (value?.schema) {
-        return value?.schema;
-      }
-      if (typeof value?.content === "string") {
-        return { type: "string" };
-      }
-      if (typeof value?.content === "number") {
-        return { type: "number" };
-      }
-      if (typeof value?.content === "boolean") {
-        return { type: "boolean" };
-      }
-    }
-    return { type: "unknown" };
-  }, [value, variable?.hash]);
-  return /* @__PURE__ */ import_react56.default.createElement(
-    DisplaySchemaTag,
-    {
-      title,
-      value: schema,
-      showIconInTree,
-      warning: value?.type === "ref" && !variable
-    }
-  );
-}
-
-// src/components/display-inputs-values/index.tsx
-var import_react57 = __toESM(require("react"));
-
-// src/components/display-inputs-values/styles.ts
-var import_styled_components14 = __toESM(require("styled-components"));
-var DisplayInputsWrapper = import_styled_components14.default.div`
-  display: flex;
-  gap: 5px;
-  flex-wrap: wrap;
-`;
-
-// src/components/display-inputs-values/index.tsx
-function DisplayInputsValues({ value, showIconInTree }) {
-  const childEntries = Object.entries(value || {});
-  return /* @__PURE__ */ import_react57.default.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => /* @__PURE__ */ import_react57.default.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree })));
-}
-
-// src/components/assign-rows/index.tsx
-var import_react60 = __toESM(require("react"));
-var import_editor28 = require("@flowgram.ai/editor");
-var import_semi_ui27 = require("@douyinfe/semi-ui");
-var import_semi_icons11 = require("@douyinfe/semi-icons");
-
-// src/components/assign-row/index.tsx
-var import_react59 = __toESM(require("react"));
-var import_semi_ui26 = require("@douyinfe/semi-ui");
-var import_semi_icons10 = require("@douyinfe/semi-icons");
-
-// src/components/assign-row/components/blur-input.tsx
-var import_react58 = __toESM(require("react"));
-var import_input3 = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
-function BlurInput3(props) {
-  const [value, setValue] = (0, import_react58.useState)("");
-  (0, import_react58.useEffect)(() => {
-    setValue(props.value);
-  }, [props.value]);
-  return /* @__PURE__ */ import_react58.default.createElement(
-    import_input3.default,
-    {
-      ...props,
-      value,
-      onChange: (value2) => {
-        setValue(value2);
-      },
-      onBlur: (e) => props.onChange?.(value, e)
-    }
-  );
-}
-
-// src/components/assign-row/index.tsx
-function AssignRow(props) {
-  const {
-    value = {
-      operator: "assign"
-    },
-    onChange,
-    onDelete,
-    readonly
-  } = props;
-  return /* @__PURE__ */ import_react59.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, /* @__PURE__ */ import_react59.default.createElement("div", { style: { width: 150, minWidth: 150, maxWidth: 150 } }, value?.operator === "assign" ? /* @__PURE__ */ import_react59.default.createElement(
-    InjectVariableSelector,
-    {
-      style: { width: "100%", height: 26 },
-      value: value?.left?.content,
-      config: { placeholder: "Select Left" },
-      onChange: (v) => onChange?.({
-        ...value,
-        left: { type: "ref", content: v }
-      })
-    }
-  ) : /* @__PURE__ */ import_react59.default.createElement(
-    BlurInput3,
-    {
-      style: { height: 26 },
-      size: "small",
-      placeholder: "Input Name",
-      value: value?.left,
-      onChange: (v) => onChange?.({
-        ...value,
-        left: v
-      })
-    }
-  )), /* @__PURE__ */ import_react59.default.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ import_react59.default.createElement(
-    InjectDynamicValueInput,
-    {
-      readonly,
-      value: value?.right,
-      onChange: (v) => onChange?.({
-        ...value,
-        right: v
-      })
-    }
-  )), onDelete && /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement(
-    import_semi_ui26.IconButton,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ import_react59.default.createElement(import_semi_icons10.IconMinus, null),
-      onClick: () => onDelete?.()
-    }
-  )));
-}
-
-// src/components/assign-rows/index.tsx
-function AssignRows(props) {
-  const { name, readonly } = props;
-  return /* @__PURE__ */ import_react60.default.createElement(import_editor28.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react60.default.createElement(
-    AssignRow,
-    {
-      key: childField.key,
-      readonly,
-      value: childField.value,
-      onChange: (value) => {
-        childField.onChange(value);
-      },
-      onDelete: () => field.remove(index)
-    }
-  )), /* @__PURE__ */ import_react60.default.createElement("div", { style: { display: "flex", gap: 5 } }, /* @__PURE__ */ import_react60.default.createElement(
-    import_semi_ui27.Button,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons11.IconPlus, null),
-      onClick: () => field.append({ operator: "assign" })
-    },
-    "Assign"
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    import_semi_ui27.Button,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ import_react60.default.createElement(import_semi_icons11.IconPlus, null),
-      onClick: () => field.append({ operator: "declare" })
-    },
-    "Declaration"
-  ))));
-}
-
-// src/effects/provide-batch-input/index.ts
-var import_editor29 = require("@flowgram.ai/editor");
-var provideBatchInputEffect = (0, import_editor29.createEffectFromVariableProvider)({
-  private: true,
-  parse: (value, ctx) => [
-    import_editor29.ASTFactory.createVariableDeclaration({
-      key: `${ctx.node.id}_locals`,
-      meta: {
-        title: (0, import_editor29.getNodeForm)(ctx.node)?.getValueIn("title"),
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: import_editor29.ASTFactory.createObject({
-        properties: [
-          import_editor29.ASTFactory.createProperty({
-            key: "item",
-            initializer: import_editor29.ASTFactory.createEnumerateExpression({
-              enumerateFor: import_editor29.ASTFactory.createKeyPathExpression({
-                keyPath: value.content || []
-              })
-            })
-          }),
-          import_editor29.ASTFactory.createProperty({
-            key: "index",
-            type: import_editor29.ASTFactory.createNumber()
-          })
-        ]
-      })
-    })
-  ]
-});
-
-// src/effects/auto-rename-ref/index.ts
-var import_lodash7 = require("lodash");
-var import_editor30 = require("@flowgram.ai/editor");
-var autoRenameRefEffect = [
-  {
-    event: import_editor30.DataEvent.onValueInit,
-    effect: (params) => {
-      const { context, form, name } = params;
-      const renameService = context.node.getService(import_editor30.VariableFieldKeyRenameService);
-      const disposable = renameService.onRename(({ before, after }) => {
-        const beforeKeyPath = [
-          ...before.parentFields.map((_field) => _field.key).reverse(),
-          before.key
-        ];
-        const afterKeyPath = [
-          ...after.parentFields.map((_field) => _field.key).reverse(),
-          after.key
-        ];
-        traverseRef(name, form.getValueIn(name), (_drilldownName, _v) => {
-          if (_v.type === "ref") {
-            if (isKeyPathMatch(_v.content, beforeKeyPath)) {
-              _v.content = [...afterKeyPath, ...(_v.content || [])?.slice(beforeKeyPath.length)];
-              form.setValueIn(_drilldownName, _v);
-            }
-          } else if (_v.type === "template") {
-            const templateKeyPaths = getTemplateKeyPaths(_v);
-            let hasMatch = false;
-            templateKeyPaths.forEach((_keyPath) => {
-              if (isKeyPathMatch(_keyPath, beforeKeyPath)) {
-                hasMatch = true;
-                const nextKeyPath = [
-                  ...afterKeyPath,
-                  ...(_keyPath || [])?.slice(beforeKeyPath.length)
-                ];
-                _v.content = _v.content?.replace(
-                  `{{${_keyPath.join(".")}}`,
-                  `{{${nextKeyPath.join(".")}}`
-                );
-              }
-            });
-            if (hasMatch) {
-              form.setValueIn(_drilldownName, { ..._v });
-            }
-          }
-        });
-      });
-      return () => {
-        disposable.dispose();
-      };
-    }
-  }
-];
-function isKeyPathMatch(keyPath = [], targetKeyPath) {
-  return targetKeyPath.every((_key, index) => _key === keyPath[index]);
-}
-function getTemplateKeyPaths(value) {
-  const keyPathReg = /{{(.*?)}}/g;
-  return (0, import_lodash7.uniq)(value.content?.match(keyPathReg) || []).map(
-    (_keyPath) => _keyPath.slice(2, -2).split(".")
-  );
-}
-function isRef(value) {
-  return value?.type === "ref" && Array.isArray(value?.content) && typeof value?.content[0] === "string";
-}
-function isTemplate(value) {
-  return value?.type === "template" && typeof value?.content === "string";
-}
-function traverseRef(name, value, cb) {
-  if ((0, import_lodash7.isObject)(value)) {
-    if (isRef(value)) {
-      cb(name, value);
-      return;
-    }
-    if (isTemplate(value)) {
-      cb(name, value);
-      return;
-    }
-    Object.entries(value).forEach(([_key, _value]) => {
-      traverseRef(`${name}.${_key}`, _value, cb);
-    });
-    return;
-  }
-  if ((0, import_lodash7.isArray)(value)) {
-    value.forEach((_value, idx) => {
-      traverseRef(`${name}[${idx}]`, _value, cb);
-    });
-    return;
-  }
-  return;
-}
-
-// src/effects/provide-json-schema-outputs/index.ts
-var import_json_schema10 = require("@flowgram.ai/json-schema");
-var import_editor31 = require("@flowgram.ai/editor");
-var provideJsonSchemaOutputs = (0, import_editor31.createEffectFromVariableProvider)({
-  parse: (value, ctx) => [
-    import_editor31.ASTFactory.createVariableDeclaration({
-      key: `${ctx.node.id}`,
-      meta: {
-        title: (0, import_editor31.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: import_json_schema10.JsonSchemaUtils.schemaToAST(value)
-    })
-  ]
-});
-
-// src/effects/sync-variable-title/index.ts
-var import_editor32 = require("@flowgram.ai/editor");
-var syncVariableTitle = [
-  {
-    event: import_editor32.DataEvent.onValueChange,
-    effect: ({ value, context }) => {
-      context.node.getData(import_editor32.FlowNodeVariableData).allScopes.forEach((_scope) => {
-        _scope.output.variables.forEach((_var) => {
-          _var.updateMeta({
-            ..._var.meta || {},
-            title: value || context.node.id,
-            icon: context.node.getNodeRegistry().info?.icon
-          });
-        });
-      });
-    }
-  }
-];
-
-// src/effects/validate-when-variable-sync/index.ts
-var import_lodash8 = require("lodash");
-var import_editor33 = require("@flowgram.ai/editor");
-var validateWhenVariableSync = ({
-  scope
-} = {}) => [
-  {
-    event: import_editor33.DataEvent.onValueInit,
-    effect: ({ context, form }) => {
-      const nodeScope = scope === "private" ? (0, import_editor33.getNodePrivateScope)(context.node) : (0, import_editor33.getNodeScope)(context.node);
-      const disposable = nodeScope.available.onListOrAnyVarChange(() => {
-        if (!(0, import_lodash8.isEmpty)(form.state.errors)) {
-          form.validate();
-        }
-      });
-      return () => disposable.dispose();
-    }
-  }
-];
-
-// src/effects/listen-ref-value-change/index.ts
-var import_editor34 = require("@flowgram.ai/editor");
-var listenRefValueChange = (cb) => [
-  {
-    event: import_editor34.DataEvent.onValueInitOrChange,
-    effect: (params) => {
-      const { context, value } = params;
-      if (value?.type !== "ref") {
-        return () => null;
-      }
-      const disposable = (0, import_editor34.getNodeScope)(context.node).available.trackByKeyPath(
-        value?.content || [],
-        (v) => {
-          cb({ ...params, variable: v });
-        }
-      );
-      return () => {
-        disposable.dispose();
-      };
-    }
-  }
-];
-
-// src/effects/listen-ref-schema-change/index.ts
-var import_json_schema11 = require("@flowgram.ai/json-schema");
-var import_editor35 = require("@flowgram.ai/editor");
-var listenRefSchemaChange = (cb) => [
-  {
-    event: import_editor35.DataEvent.onValueInitOrChange,
-    effect: (params) => {
-      const { context, value } = params;
-      if (value?.type !== "ref") {
-        return () => null;
-      }
-      const disposable = (0, import_editor35.getNodeScope)(context.node).available.trackByKeyPath(
-        value?.content || [],
-        (_type) => {
-          cb({ ...params, schema: import_json_schema11.JsonSchemaUtils.astToSchema(_type) });
-        },
-        {
-          selector: (_v) => _v?.type
-        }
-      );
-      return () => {
-        disposable.dispose();
-      };
-    }
-  }
-];
-
-// src/form-plugins/batch-outputs-plugin/index.ts
-var import_editor36 = require("@flowgram.ai/editor");
-var provideBatchOutputsEffect = (0, import_editor36.createEffectFromVariableProvider)({
-  parse: (value, ctx) => [
-    import_editor36.ASTFactory.createVariableDeclaration({
-      key: `${ctx.node.id}`,
-      meta: {
-        title: (0, import_editor36.getNodeForm)(ctx.node)?.getValueIn("title"),
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: import_editor36.ASTFactory.createObject({
-        properties: Object.entries(value).map(
-          ([_key, value2]) => import_editor36.ASTFactory.createProperty({
-            key: _key,
-            initializer: import_editor36.ASTFactory.createWrapArrayExpression({
-              wrapFor: import_editor36.ASTFactory.createKeyPathExpression({
-                keyPath: value2?.content || []
-              })
-            })
-          })
-        )
-      })
-    })
-  ]
-});
-var createBatchOutputsFormPlugin = (0, import_editor36.defineFormPluginCreator)({
-  name: "batch-outputs-plugin",
-  onSetupFormMeta({ mergeEffect }, { outputKey }) {
-    mergeEffect({
-      [outputKey]: provideBatchOutputsEffect
-    });
-  },
-  onInit(ctx, { outputKey }) {
-    const chainTransformService = ctx.node.getService(import_editor36.ScopeChainTransformService);
-    const batchNodeType = ctx.node.flowNodeType;
-    const transformerId = `${batchNodeType}-outputs`;
-    if (chainTransformService.hasTransformer(transformerId)) {
-      return;
-    }
-    chainTransformService.registerTransformer(transformerId, {
-      transformCovers: (covers, ctx2) => {
-        const node = ctx2.scope.meta?.node;
-        if (node?.parent?.flowNodeType === batchNodeType) {
-          return [...covers, (0, import_editor36.getNodeScope)(node.parent)];
-        }
-        return covers;
-      },
-      transformDeps(scopes, ctx2) {
-        const scopeMeta = ctx2.scope.meta;
-        if (scopeMeta?.type === import_editor36.FlowNodeScopeType.private) {
-          return scopes;
-        }
-        const node = scopeMeta?.node;
-        if (node?.flowNodeType === batchNodeType) {
-          const childBlocks = node.blocks;
-          return [
-            (0, import_editor36.getNodePrivateScope)(node),
-            ...childBlocks.map((_childBlock) => (0, import_editor36.getNodeScope)(_childBlock))
-          ];
-        }
-        return scopes;
-      }
-    });
-  }
-});
-
-// src/form-plugins/infer-inputs-plugin/index.ts
-var import_lodash9 = require("lodash");
-var import_json_schema12 = require("@flowgram.ai/json-schema");
-var import_editor37 = require("@flowgram.ai/editor");
-var createInferInputsPlugin = (0, import_editor37.defineFormPluginCreator)({
-  onSetupFormMeta({ addFormatOnSubmit }, { sourceKey, targetKey, scope }) {
-    if (!sourceKey || !targetKey) {
-      return;
-    }
-    addFormatOnSubmit((formData, ctx) => {
-      (0, import_lodash9.set)(
-        formData,
-        targetKey,
-        infer(
-          (0, import_lodash9.get)(formData, sourceKey),
-          scope === "private" ? (0, import_editor37.getNodePrivateScope)(ctx.node) : (0, import_editor37.getNodeScope)(ctx.node)
-        )
-      );
-      return formData;
-    });
-  }
-});
-function isRef2(value) {
-  return value?.type === "ref" && Array.isArray(value?.content) && typeof value?.content[0] === "string";
-}
-function isTemplate2(value) {
-  return value?.type === "template" && typeof value?.content === "string";
-}
-function isConstant(value) {
-  return value?.type === "constant" && typeof value?.content !== "undefined";
-}
-var infer = (values, scope) => {
-  if (typeof values === "object") {
-    if (isConstant(values)) {
-      if (values?.schema) {
-        return values.schema;
-      }
-      if (typeof values.content === "string") {
-        return {
-          type: "string"
-        };
-      }
-      if (typeof values.content === "number") {
-        return {
-          type: "number"
-        };
-      }
-      if (typeof values.content === "boolean") {
-        return {
-          type: "boolean"
-        };
-      }
-    }
-    if (isRef2(values)) {
-      const variable = scope.available.getByKeyPath(values?.content);
-      const schema = variable?.type ? import_json_schema12.JsonSchemaUtils.astToSchema(variable?.type) : void 0;
-      return schema;
-    }
-    if (isTemplate2(values)) {
-      return {
-        type: "string"
-      };
-    }
-    return {
-      type: "object",
-      properties: Object.keys(values).reduce((acc, key) => {
-        const schema = infer(values[key], scope);
-        if (schema) {
-          acc[key] = schema;
-        }
-        return acc;
-      }, {})
-    };
-  }
-};
-
-// src/form-plugins/infer-assign-plugin/index.ts
-var import_lodash10 = require("lodash");
-var import_json_schema13 = require("@flowgram.ai/json-schema");
-var import_editor38 = require("@flowgram.ai/editor");
-var createInferAssignPlugin = (0, import_editor38.defineFormPluginCreator)({
-  onSetupFormMeta({ addFormatOnSubmit, mergeEffect }, { assignKey, outputKey }) {
-    if (!assignKey || !outputKey) {
-      return;
-    }
-    mergeEffect({
-      [assignKey]: (0, import_editor38.createEffectFromVariableProvider)({
-        parse: (value, ctx) => {
-          const declareRows = (0, import_lodash10.uniqBy)(
-            value.filter((_v) => _v.operator === "declare" && _v.left && _v.right),
-            "left"
-          );
-          return [
-            import_editor38.ASTFactory.createVariableDeclaration({
-              key: `${ctx.node.id}`,
-              meta: {
-                title: (0, import_editor38.getNodeForm)(ctx.node)?.getValueIn("title"),
-                icon: ctx.node.getNodeRegistry().info?.icon
-              },
-              type: import_editor38.ASTFactory.createObject({
-                properties: declareRows.map(
-                  (_v) => import_editor38.ASTFactory.createProperty({
-                    key: _v.left,
-                    type: _v.right?.type === "constant" ? import_json_schema13.JsonSchemaUtils.schemaToAST(_v.right?.schema || {}) : void 0,
-                    initializer: _v.right?.type === "ref" ? import_editor38.ASTFactory.createKeyPathExpression({
-                      keyPath: _v.right?.content || []
-                    }) : {}
-                  })
-                )
-              })
-            })
-          ];
-        }
-      })
-    });
-    addFormatOnSubmit((formData, ctx) => {
-      (0, import_lodash10.set)(
-        formData,
-        outputKey,
-        import_json_schema13.JsonSchemaUtils.astToSchema((0, import_editor38.getNodeScope)(ctx.node).output.variables?.[0]?.type)
-      );
-      return formData;
-    });
-  }
-});
-
-// src/validate/validate-flow-value/index.tsx
-var import_lodash11 = require("lodash");
-var import_editor39 = require("@flowgram.ai/editor");
-function validateFlowValue(value, ctx) {
-  const { node, required, errorMessages } = ctx;
-  const {
-    required: requiredMessage = "Field is required",
-    unknownVariable: unknownVariableMessage = "Unknown Variable"
-  } = errorMessages || {};
-  if (required && ((0, import_lodash11.isNil)(value) || (0, import_lodash11.isNil)(value?.content) || value?.content === "")) {
-    return {
-      level: import_editor39.FeedbackLevel.Error,
-      message: requiredMessage
-    };
-  }
-  if (value?.type === "ref") {
-    const variable = (0, import_editor39.getNodeScope)(node).available.getByKeyPath(value?.content || []);
-    if (!variable) {
-      return {
-        level: import_editor39.FeedbackLevel.Error,
-        message: unknownVariableMessage
-      };
-    }
-  }
-  if (value?.type === "template") {
-    const allRefs = getTemplateKeyPaths2(value);
-    for (const ref of allRefs) {
-      const variable = (0, import_editor39.getNodeScope)(node).available.getByKeyPath(ref);
-      if (!variable) {
-        return {
-          level: import_editor39.FeedbackLevel.Error,
-          message: unknownVariableMessage
-        };
-      }
-    }
-  }
-  return void 0;
-}
-function getTemplateKeyPaths2(value) {
-  const keyPathReg = /{{(.*?)}}/g;
-  return (0, import_lodash11.uniq)(value.content?.match(keyPathReg) || []).map(
-    (_keyPath) => _keyPath.slice(2, -2).split(".")
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AssignRow,
-  AssignRows,
-  BatchOutputs,
-  BatchVariableSelector,
-  CodeEditor,
-  CodeEditorMini,
-  ConditionRow,
-  ConstantInput,
-  DisplayFlowValue,
-  DisplayInputsValues,
-  DisplayOutputs,
-  DisplaySchemaTag,
-  DisplaySchemaTree,
-  DynamicValueInput,
-  InjectDynamicValueInput,
-  InjectTypeSelector,
-  InjectVariableSelector,
-  InputsValues,
-  JsonEditorWithVariables,
-  JsonSchemaEditor,
-  JsonSchemaTypePresetProvider,
-  JsonSchemaUtils,
-  PromptEditor,
-  PromptEditorWithInputs,
-  PromptEditorWithVariables,
-  TypeSelector,
-  VariableSelector,
-  autoRenameRefEffect,
-  createBatchOutputsFormPlugin,
-  createDisableDeclarationPlugin,
-  createInferAssignPlugin,
-  createInferInputsPlugin,
-  createInjectMaterial,
-  createTypePresetPlugin,
-  formatLegacyRefOnInit,
-  formatLegacyRefOnSubmit,
-  formatLegacyRefToNewRef,
-  formatNewRefToLegacyRef,
-  getTypeSelectValue,
-  isLegacyFlowRefValueSchema,
-  isNewFlowRefValueSchema,
-  listenRefSchemaChange,
-  listenRefValueChange,
-  parseTypeSelectValue,
-  provideBatchInputEffect,
-  provideBatchOutputsEffect,
-  provideJsonSchemaOutputs,
-  syncVariableTitle,
-  useTypeManager,
-  useVariableTree,
-  validateFlowValue,
-  validateWhenVariableSync
-});
-//# sourceMappingURL=index.js.map