@flowgram.ai/form-materials 0.4.9 → 0.4.11

package/dist/esm/index.js

@@ -1,2668 +0,0 @@
-import {
-  PromptEditor
-} from "./chunk-727SU246.js";
-import {
-  CodeEditor,
-  CodeEditorMini,
-  InjectVariableSelector,
-  JsonSchemaTypePresetProvider,
-  JsonSchemaUtils,
-  VariableSelector,
-  VariableSelectorProvider,
-  createDisableDeclarationPlugin,
-  createTypePresetPlugin,
-  useTypeManager,
-  useVariableTree
-} from "./chunk-IHOHRV5V.js";
-import {
-  FlowValueUtils,
-  createInjectMaterial,
-  formatLegacyRefOnInit,
-  formatLegacyRefOnSubmit,
-  formatLegacyRefToNewRef,
-  formatNewRefToLegacyRef,
-  isLegacyFlowRefValueSchema,
-  isNewFlowRefValueSchema,
-  lazySuspense,
-  polyfillCreateRoot,
-  unstableSetCreateRoot,
-  withSuspense
-} from "./chunk-DEZUEMUM.js";
-
-// src/components/type-selector/index.tsx
-import React, { useMemo } from "react";
-import { Cascader, Icon, IconButton } from "@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 = useMemo(() => getTypeSelectValue(value), [value]);
-  const typeManager = useTypeManager();
-  const icon = typeManager.getDisplayIcon(value || {});
-  const options = useMemo(
-    () => typeManager.getTypeRegistriesWithParentType().map((_type) => {
-      const isArray = _type.type === "array";
-      return {
-        label: /* @__PURE__ */ React.createElement("div", { style: labelStyle }, /* @__PURE__ */ React.createElement(Icon, { size: "small", svg: _type.icon }), typeManager.getTypeBySchema(_type)?.label || _type.type),
-        value: _type.type,
-        children: isArray ? typeManager.getTypeRegistriesWithParentType("array").map((_type2) => ({
-          label: /* @__PURE__ */ React.createElement("div", { style: labelStyle }, /* @__PURE__ */ React.createElement(
-            Icon,
-            {
-              size: "small",
-              svg: typeManager.getDisplayIcon({
-                type: "array",
-                items: { type: _type2.type }
-              })
-            }
-          ), typeManager.getTypeBySchema(_type2)?.label || _type2.type),
-          value: _type2.type
-        })) : []
-      };
-    }),
-    []
-  );
-  const isDisabled = readonly || disabled;
-  return /* @__PURE__ */ React.createElement(
-    Cascader,
-    {
-      disabled: isDisabled,
-      size: "small",
-      triggerRender: () => /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          size: "small",
-          style: {
-            ...isDisabled ? { pointerEvents: "none" } : {},
-            ...style || {}
-          },
-          disabled: isDisabled,
-          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
-import React6, { useMemo as useMemo3, useState as useState3 } from "react";
-import { I18n as I18n2 } from "@flowgram.ai/editor";
-import { Button, Checkbox, IconButton as IconButton2 } from "@douyinfe/semi-ui";
-import {
-  IconExpand,
-  IconShrink,
-  IconPlus,
-  IconChevronDown,
-  IconChevronRight,
-  IconMinus
-} from "@douyinfe/semi-icons";
-
-// src/components/blur-input/index.tsx
-import React2, { useEffect, useState } from "react";
-import Input from "@douyinfe/semi-ui/lib/es/input";
-function BlurInput(props) {
-  const [value, setValue] = useState("");
-  useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
-  return /* @__PURE__ */ React2.createElement(
-    Input,
-    {
-      ...props,
-      value,
-      onChange: (value2) => {
-        setValue(value2);
-      },
-      onBlur: (e) => props.onChange?.(value, e)
-    }
-  );
-}
-
-// src/components/json-schema-editor/styles.tsx
-import React3 from "react";
-import styled, { css } from "styled-components";
-import Icon2 from "@douyinfe/semi-icons";
-var UIContainer = styled.div`
-  /* & .semi-input {
-    background-color: #fff;
-    border-radius: 6px;
-    height: 24px;
-  } */
-`;
-var UIRow = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`;
-var UICollapseTrigger = styled.div`
-  cursor: pointer;
-  margin-right: 5px;
-`;
-var UIExpandDetail = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-var UILabel = styled.div`
-  font-size: 12px;
-  color: #999;
-  font-weight: 400;
-  margin-bottom: 2px;
-`;
-var UITreeItems = styled.div`
-  display: grid;
-  grid-template-columns: auto 1fr;
-
-  ${({ $shrink }) => $shrink && css`
-      padding-left: 3px;
-      margin-top: 10px;
-    `}
-`;
-var UITreeItemLeft = styled.div`
-  grid-column: 1;
-  position: relative;
-  width: 16px;
-
-  ${({ $showLine, $isLast, $showCollapse }) => {
-  let height = $isLast ? "24px" : "100%";
-  let width = $showCollapse ? "12px" : "30px";
-  return $showLine && css`
-        &::before {
-          /* 竖线 */
-          content: '';
-          height: ${height};
-          position: absolute;
-          left: -14px;
-          top: -16px;
-          width: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-
-        &::after {
-          /* 横线 */
-          content: '';
-          position: absolute;
-          left: -14px; // 横线起点和竖线对齐
-          top: 8px; // 跟随你的行高调整
-          width: ${width}; // 横线长度
-          height: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-      `;
-}}
-`;
-var UITreeItemRight = styled.div`
-  grid-column: 2;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0px;
-  }
-`;
-var UITreeItemMain = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  position: relative;
-`;
-var UICollapsible = styled.div`
-  display: none;
-
-  ${({ $collapse }) => $collapse && css`
-      display: block;
-    `}
-`;
-var UIName = styled.div`
-  flex-grow: 1;
-`;
-var UIType = styled.div``;
-var UIRequired = styled.div``;
-var UIActions = styled.div`
-  white-space: nowrap;
-`;
-var iconAddChildrenSvg = /* @__PURE__ */ React3.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__ */ React3.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__ */ React3.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__ */ React3.createElement(Icon2, { size: "small", svg: iconAddChildrenSvg });
-var DefaultValueWrapper = styled.div`
-  margin: 0;
-`;
-var ConstantInputWrapper = styled.div`
-  flex-grow: 1;
-
-  & .semi-tree-select,
-  & .semi-input-number,
-  & .semi-select {
-    width: 100%;
-  }
-`;
-
-// src/components/json-schema-editor/hooks.tsx
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
-import { difference, omit } from "lodash-es";
-import { produce } from "immer";
-import { useTypeManager as useTypeManager2 } from "@flowgram.ai/json-schema";
-var _id = 0;
-function genId() {
-  return _id++;
-}
-function usePropertiesEdit(value, onChange) {
-  const typeManager = useTypeManager2();
-  const drilldownSchema = typeManager.getPropertiesParent(value || {});
-  const canAddField = typeManager.canAddField(value || {});
-  const [propertyList, setPropertyList] = useState2([]);
-  const effectVersion = useRef(0);
-  const changeVersion = useRef(0);
-  useEffect2(() => {
-    effectVersion.current = effectVersion.current + 1;
-    if (effectVersion.current === changeVersion.current) {
-      return;
-    }
-    effectVersion.current = changeVersion.current;
-    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 = 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,
-        ...drilldownSchema?.properties?.[item.name || ""] || item || {}
-      })).concat(
-        addNames.map((_name) => ({
-          key: genId(),
-          name: _name,
-          isPropertyRequired: drilldownSchema?.required?.includes(_name) || false,
-          ...drilldownSchema?.properties?.[_name] || {}
-        }))
-      );
-    });
-  }, [drilldownSchema]);
-  const updatePropertyList = (updater) => {
-    changeVersion.current = changeVersion.current + 1;
-    setPropertyList((_list) => {
-      const next = updater(_list);
-      const nextProperties = {};
-      const nextRequired = [];
-      for (const _property of next) {
-        if (!_property.name) {
-          continue;
-        }
-        nextProperties[_property.name] = omit(_property, ["key", "name", "isPropertyRequired"]);
-        if (_property.isPropertyRequired) {
-          nextRequired.push(_property.name);
-        }
-      }
-      onChange?.(
-        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)
-    );
-  };
-  useEffect2(() => {
-    if (!canAddField) {
-      setPropertyList([]);
-    }
-  }, [canAddField]);
-  return {
-    propertyList,
-    canAddField,
-    onAddProperty,
-    onRemoveProperty,
-    onEditProperty
-  };
-}
-
-// src/components/json-schema-editor/default-value.tsx
-import React5 from "react";
-import { I18n } from "@flowgram.ai/editor";
-
-// src/components/constant-input/index.tsx
-import React4, { useMemo as useMemo2 } from "react";
-import { Input as Input2 } from "@douyinfe/semi-ui";
-function ConstantInput(props) {
-  const { value, onChange, schema, strategies, fallbackRenderer, readonly, ...rest } = props;
-  const typeManager = useTypeManager();
-  const Renderer = useMemo2(() => {
-    const strategy = (strategies || []).find((_strategy) => _strategy.hit(schema));
-    if (!strategy) {
-      return typeManager.getTypeBySchema(schema)?.ConstantRenderer;
-    }
-    return strategy?.Renderer;
-  }, [strategies, schema]);
-  if (!Renderer) {
-    if (fallbackRenderer) {
-      return React4.createElement(fallbackRenderer, {
-        value,
-        onChange,
-        readonly,
-        ...rest
-      });
-    }
-    return /* @__PURE__ */ React4.createElement(Input2, { size: "small", disabled: true, placeholder: "Unsupported type" });
-  }
-  return /* @__PURE__ */ React4.createElement(Renderer, { value, onChange, readonly, ...rest });
-}
-
-// src/components/json-schema-editor/default-value.tsx
-function DefaultValue(props) {
-  const { value, schema, onChange, placeholder } = props;
-  return /* @__PURE__ */ React5.createElement(ConstantInputWrapper, null, /* @__PURE__ */ React5.createElement(
-    ConstantInput,
-    {
-      value,
-      onChange: (_v) => onChange(_v),
-      schema: schema || { type: "string" },
-      placeholder: placeholder ?? I18n.t("Default value if parameter is not provided"),
-      enableMultiLineStr: true
-    }
-  ));
-}
-
-// 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__ */ React6.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ React6.createElement(UITreeItems, null, propertyList.map((_property) => /* @__PURE__ */ React6.createElement(
-    PropertyEdit,
-    {
-      readonly,
-      key: _property.key,
-      value: _property,
-      config,
-      onChange: (_v) => {
-        onEditProperty(_property.key, _v);
-      },
-      onRemove: () => {
-        onRemoveProperty(_property.key);
-      }
-    }
-  ))), /* @__PURE__ */ React6.createElement(
-    Button,
-    {
-      disabled: readonly,
-      size: "small",
-      style: { marginTop: 10, marginLeft: 16 },
-      icon: /* @__PURE__ */ React6.createElement(IconPlus, null),
-      onClick: onAddProperty
-    },
-    config?.addButtonText ?? I18n2.t("Add")
-  ));
-}
-function PropertyEdit(props) {
-  const { value, config, readonly, $level = 0, onChange: onChangeProps, onRemove, $isLast } = props;
-  const [expand, setExpand] = useState3(false);
-  const [collapse, setCollapse] = useState3(false);
-  const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
-  const typeSelectorValue = useMemo3(() => ({ 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__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(UITreeItemLeft, { $isLast, $showLine: $level > 0, $showCollapse: showCollapse }, showCollapse && /* @__PURE__ */ React6.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React6.createElement(IconChevronDown, { size: "small" }) : /* @__PURE__ */ React6.createElement(IconChevronRight, { size: "small" }))), /* @__PURE__ */ React6.createElement(UITreeItemRight, null, /* @__PURE__ */ React6.createElement(UITreeItemMain, null, /* @__PURE__ */ React6.createElement(UIRow, null, /* @__PURE__ */ React6.createElement(UIName, null, /* @__PURE__ */ React6.createElement(
-    BlurInput,
-    {
-      disabled: readonly,
-      placeholder: config?.placeholder ?? I18n2.t("Input Variable Name"),
-      size: "small",
-      value: name,
-      onChange: (value2) => onChange("name", value2)
-    }
-  )), /* @__PURE__ */ React6.createElement(UIType, null, /* @__PURE__ */ React6.createElement(
-    InjectTypeSelector,
-    {
-      value: typeSelectorValue,
-      readonly,
-      onChange: (_value) => {
-        onChangeProps?.({
-          ...value || {},
-          ..._value
-        });
-      }
-    }
-  )), /* @__PURE__ */ React6.createElement(UIRequired, null, /* @__PURE__ */ React6.createElement(
-    Checkbox,
-    {
-      disabled: readonly,
-      checked: isPropertyRequired,
-      onChange: (e) => onChange("isPropertyRequired", e.target.checked)
-    }
-  )), /* @__PURE__ */ React6.createElement(UIActions, null, /* @__PURE__ */ React6.createElement(
-    IconButton2,
-    {
-      disabled: readonly,
-      size: "small",
-      theme: "borderless",
-      icon: expand ? /* @__PURE__ */ React6.createElement(IconShrink, { size: "small" }) : /* @__PURE__ */ React6.createElement(IconExpand, { size: "small" }),
-      onClick: () => {
-        setExpand((_expand) => !_expand);
-      }
-    }
-  ), canAddField && /* @__PURE__ */ React6.createElement(
-    IconButton2,
-    {
-      disabled: readonly,
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React6.createElement(IconAddChildren, null),
-      onClick: () => {
-        onAddProperty();
-        setCollapse(true);
-      }
-    }
-  ), /* @__PURE__ */ React6.createElement(
-    IconButton2,
-    {
-      disabled: readonly,
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React6.createElement(IconMinus, { size: "small" }),
-      onClick: onRemove
-    }
-  ))), expand && /* @__PURE__ */ React6.createElement(UIExpandDetail, null, /* @__PURE__ */ React6.createElement(UILabel, null, config?.descTitle ?? I18n2.t("Description")), /* @__PURE__ */ React6.createElement(
-    BlurInput,
-    {
-      disabled: readonly,
-      size: "small",
-      value: description,
-      onChange: (value2) => onChange("description", value2),
-      placeholder: config?.descPlaceholder ?? I18n2.t("Help LLM to understand the property")
-    }
-  ), $level === 0 && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? I18n2.t("Default Value")), /* @__PURE__ */ React6.createElement(DefaultValueWrapper, null, /* @__PURE__ */ React6.createElement(
-    DefaultValue,
-    {
-      value: defaultValue,
-      schema: value,
-      placeholder: config?.defaultValuePlaceholder ?? I18n2.t("Default Value"),
-      onChange: (value2) => onChange("default", value2)
-    }
-  ))))), showCollapse && /* @__PURE__ */ React6.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ React6.createElement(UITreeItems, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ React6.createElement(
-    PropertyEdit,
-    {
-      readonly,
-      key: _property.key,
-      value: _property,
-      config,
-      $level: $level + 1,
-      onChange: (_v) => {
-        onEditProperty(_property.key, _v);
-      },
-      onRemove: () => {
-        onRemoveProperty(_property.key);
-      },
-      $isLast: index === propertyList.length - 1
-    }
-  ))))));
-}
-
-// src/components/batch-variable-selector/index.tsx
-import React7 from "react";
-import { PrivateScopeProvider } from "@flowgram.ai/editor";
-var batchVariableSchema = {
-  type: "array",
-  extra: { weak: true }
-};
-function BatchVariableSelector(props) {
-  return /* @__PURE__ */ React7.createElement(PrivateScopeProvider, null, /* @__PURE__ */ React7.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
-}
-
-// src/components/dynamic-value-input/index.tsx
-import React8 from "react";
-import {
-  JsonSchemaUtils as JsonSchemaUtils2,
-  useTypeManager as useTypeManager3
-} from "@flowgram.ai/json-schema";
-import { IconButton as IconButton3 } from "@douyinfe/semi-ui";
-import { IconSetting } from "@douyinfe/semi-icons";
-
-// src/components/dynamic-value-input/styles.tsx
-import styled2 from "styled-components";
-var UIContainer2 = styled2.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 = styled2.div`
-  flex-grow: 1;
-  overflow: hidden;
-  min-width: 0;
-  border-left: 1px solid var(--semi-color-border);
-  border-right: 1px solid var(--semi-color-border);
-
-  & .semi-tree-select,
-  & .semi-input-number,
-  & .semi-select {
-    width: 100%;
-    border: none;
-    border-radius: 0;
-  }
-
-  & .semi-input-wrapper {
-    border: none;
-    border-radius: 0;
-  }
-
-  & .semi-input-textarea-wrapper {
-    border: none;
-    border-radius: 0;
-  }
-
-  & .semi-input-textarea {
-    padding: 2px 6px;
-    border: none;
-    border-radius: 0;
-    word-break: break-all;
-  }
-`;
-var UIType2 = styled2.div`
-  & .semi-button {
-    border-radius: 0;
-  }
-`;
-var UITrigger = styled2.div`
-  & .semi-button {
-    border-radius: 0;
-  }
-`;
-
-// src/components/dynamic-value-input/hooks.ts
-import { useEffect as useEffect3, useMemo as useMemo4, useRef as useRef2, useState as useState4 } from "react";
-import { useScopeAvailable } from "@flowgram.ai/editor";
-function useRefVariable(value) {
-  const available = useScopeAvailable();
-  const refVariable = useMemo4(() => {
-    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 changeVersion = useRef2(0);
-  const effectVersion = useRef2(0);
-  const [selectSchema, setSelectSchema] = useState4(defaultSelectSchema);
-  useEffect3(() => {
-    effectVersion.current += 1;
-    if (changeVersion.current === effectVersion.current) {
-      return;
-    }
-    effectVersion.current = changeVersion.current;
-    if (value?.type === "constant" && value?.schema) {
-      setSelectSchema(value?.schema);
-      return;
-    }
-  }, [value]);
-  const setSelectSchemaWithVersionUpdate = (schema) => {
-    setSelectSchema(schema);
-    changeVersion.current += 1;
-  };
-  return [selectSchema, setSelectSchemaWithVersionUpdate];
-}
-function useIncludeSchema(schemaFromProps) {
-  const includeSchema = useMemo4(() => {
-    if (!schemaFromProps) {
-      return;
-    }
-    if (schemaFromProps?.type === "number") {
-      return [schemaFromProps, { type: "integer" }];
-    }
-    return { ...schemaFromProps, extra: { weak: true, ...schemaFromProps?.extra } };
-  }, [schemaFromProps]);
-  return includeSchema;
-}
-
-// src/components/dynamic-value-input/index.tsx
-var DEFAULT_VALUE = {
-  type: "constant",
-  content: "",
-  schema: { type: "string" }
-};
-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 typeManager = useTypeManager3();
-  const renderTypeSelector = () => {
-    if (schemaFromProps) {
-      return /* @__PURE__ */ React8.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
-    }
-    if (value?.type === "ref") {
-      const schema = refVariable?.type ? JsonSchemaUtils2.astToSchema(refVariable?.type) : void 0;
-      return /* @__PURE__ */ React8.createElement(TypeSelector, { value: schema, readonly: true });
-    }
-    return /* @__PURE__ */ React8.createElement(
-      TypeSelector,
-      {
-        value: selectSchema,
-        onChange: (_v) => {
-          setSelectSchema(_v || { type: "string" });
-          const schema = _v || { type: "string" };
-          let content = typeManager.getDefaultValue(schema);
-          if (_v?.type === "object") {
-            content = "{}";
-          }
-          if (_v?.type === "array") {
-            content = "[]";
-          }
-          onChange({
-            type: "constant",
-            content,
-            schema
-          });
-        },
-        readonly
-      }
-    );
-  };
-  const renderMain = () => {
-    if (value?.type === "ref") {
-      return /* @__PURE__ */ React8.createElement(
-        InjectVariableSelector,
-        {
-          style: { width: "100%" },
-          value: value?.content,
-          onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : DEFAULT_VALUE),
-          includeSchema,
-          readonly
-        }
-      );
-    }
-    const constantSchema = schemaFromProps || selectSchema || { type: "string" };
-    return /* @__PURE__ */ React8.createElement(
-      ConstantInput,
-      {
-        value: value?.content,
-        onChange: (_v) => onChange({ type: "constant", content: _v, schema: constantSchema }),
-        schema: constantSchema || { type: "string" },
-        readonly,
-        fallbackRenderer: () => /* @__PURE__ */ React8.createElement(
-          InjectVariableSelector,
-          {
-            style: { width: "100%" },
-            onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : DEFAULT_VALUE),
-            includeSchema,
-            readonly
-          }
-        ),
-        ...constantProps,
-        strategies: [...constantProps?.strategies || []]
-      }
-    );
-  };
-  const renderTrigger = () => /* @__PURE__ */ React8.createElement(
-    InjectVariableSelector,
-    {
-      style: { width: "100%" },
-      value: value?.type === "ref" ? value?.content : void 0,
-      onChange: (_v) => onChange({ type: "ref", content: _v }),
-      includeSchema,
-      readonly,
-      triggerRender: () => /* @__PURE__ */ React8.createElement(IconButton3, { disabled: readonly, size: "small", icon: /* @__PURE__ */ React8.createElement(IconSetting, { size: "small" }) })
-    }
-  );
-  return /* @__PURE__ */ React8.createElement(UIContainer2, { style }, /* @__PURE__ */ React8.createElement(UIType2, null, renderTypeSelector()), /* @__PURE__ */ React8.createElement(UIMain, null, renderMain()), /* @__PURE__ */ React8.createElement(UITrigger, null, renderTrigger()));
-}
-DynamicValueInput.renderKey = "dynamic-value-input-render-key";
-var InjectDynamicValueInput = createInjectMaterial(DynamicValueInput);
-
-// src/components/condition-row/index.tsx
-import React10, { useMemo as useMemo7 } from "react";
-import { I18n as I18n4 } from "@flowgram.ai/editor";
-import { Input as Input3 } from "@douyinfe/semi-ui";
-
-// src/components/condition-row/styles.tsx
-import styled3 from "styled-components";
-var UIContainer3 = styled3.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-var UIOperator = styled3.div``;
-var UILeft = styled3.div`
-  width: 100%;
-`;
-var UIRight = styled3.div`
-  width: 100%;
-`;
-var UIValues = styled3.div`
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-`;
-
-// src/components/condition-row/hooks/useRule.ts
-import { useMemo as useMemo5 } from "react";
-import { JsonSchemaUtils as JsonSchemaUtils3 } from "@flowgram.ai/json-schema";
-import { useScopeAvailable as useScopeAvailable2 } from "@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
-  },
-  ["date-time"]: {
-    ["eq" /* EQ */]: "date-time",
-    ["neq" /* NEQ */]: "date-time",
-    ["gt" /* GT */]: "date-time",
-    ["gte" /* GTE */]: "date-time",
-    ["lt" /* LT */]: "date-time",
-    ["lte" /* LTE */]: "date-time"
-  }
-};
-var defaultOpConfigs = {
-  ["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 = useScopeAvailable2();
-  const rules = useMemo5(() => ({ ...defaultRules, ...userRules || {} }), [userRules]);
-  const variable = useMemo5(() => {
-    if (!left) return void 0;
-    return available.getByKeyPath(left.content);
-  }, [available, left]);
-  const rule = useMemo5(() => {
-    if (!variable) return void 0;
-    const schema = JsonSchemaUtils3.astToSchema(variable.type, { drilldown: false });
-    return rules[schema?.type];
-  }, [variable?.type, rules]);
-  return { rule };
-}
-
-// src/components/condition-row/hooks/useOp.tsx
-import React9, { useMemo as useMemo6 } from "react";
-import { I18n as I18n3 } from "@flowgram.ai/editor";
-import { Button as Button2, Select } from "@douyinfe/semi-ui";
-import { IconChevronDownStroked } from "@douyinfe/semi-icons";
-function useOp({ rule, op, onChange, readonly, userOps }) {
-  const options = useMemo6(
-    () => Object.keys(rule || {}).map((_op) => ({
-      ...defaultOpConfigs[_op] || {},
-      ...userOps?.[_op] || {},
-      value: _op,
-      label: I18n3.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label)
-    })),
-    [rule, userOps]
-  );
-  const opConfig = useMemo6(() => defaultOpConfigs[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ React9.createElement(
-    Select,
-    {
-      style: { height: 22 },
-      disabled: readonly,
-      size: "small",
-      value: op,
-      optionList: options,
-      onChange: (v) => {
-        onChange(v);
-      },
-      triggerRender: ({ value }) => /* @__PURE__ */ React9.createElement(Button2, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ React9.createElement(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 = useMemo7(() => {
-    const targetType = rule?.[operator || ""] || null;
-    return targetType ? { type: targetType, extra: { weak: true } } : null;
-  }, [rule, opConfig]);
-  return /* @__PURE__ */ React10.createElement(UIContainer3, { style }, /* @__PURE__ */ React10.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ React10.createElement(UIValues, null, /* @__PURE__ */ React10.createElement(UILeft, null, /* @__PURE__ */ React10.createElement(
-    InjectVariableSelector,
-    {
-      readonly,
-      style: { width: "100%" },
-      value: left?.content,
-      onChange: (v) => onChange({
-        ...value,
-        left: {
-          type: "ref",
-          content: v
-        }
-      })
-    }
-  )), /* @__PURE__ */ React10.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ React10.createElement(
-    InjectDynamicValueInput,
-    {
-      readonly: readonly || !rule,
-      value: right,
-      schema: targetSchema,
-      onChange: (v) => onChange({ ...value, right: v })
-    }
-  ) : /* @__PURE__ */ React10.createElement(
-    Input3,
-    {
-      size: "small",
-      disabled: true,
-      style: { pointerEvents: "none" },
-      value: opConfig?.rightDisplay || I18n4.t("Empty")
-    }
-  ))));
-}
-ConditionRow.defaultRules = defaultRules;
-ConditionRow.defaultOpConfigs = defaultOpConfigs;
-
-// src/components/db-condition-row/index.tsx
-import React13, { useMemo as useMemo10 } from "react";
-import { I18n as I18n6 } from "@flowgram.ai/editor";
-import { Input as Input4 } from "@douyinfe/semi-ui";
-
-// src/components/db-condition-row/styles.tsx
-import styled4 from "styled-components";
-import { Select as Select2 } from "@douyinfe/semi-ui";
-var UIContainer4 = styled4.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-var UIOperator2 = styled4.div``;
-var UILeft2 = styled4.div`
-  width: 100%;
-`;
-var UIRight2 = styled4.div`
-  width: 100%;
-`;
-var UIValues2 = styled4.div`
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-`;
-var UIOptionLabel = styled4.div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`;
-var UISelect = styled4(Select2)`
-  & .semi-select-selection {
-    margin-left: 5px;
-  }
-`;
-
-// src/components/db-condition-row/hooks/use-op.tsx
-import React11, { useMemo as useMemo8 } from "react";
-import { I18n as I18n5 } from "@flowgram.ai/editor";
-import { Button as Button3, Select as Select3 } from "@douyinfe/semi-ui";
-import { IconChevronDownStroked as IconChevronDownStroked2 } from "@douyinfe/semi-icons";
-var defaultOpConfigs2 = ConditionRow.defaultOpConfigs;
-function useOp2({ rule, op, onChange, readonly, userOps }) {
-  const options = useMemo8(
-    () => Object.keys(rule || {}).map((_op) => ({
-      ...defaultOpConfigs2[_op] || {},
-      ...userOps?.[_op] || {},
-      value: _op,
-      label: I18n5.t(userOps?.[_op]?.label || defaultOpConfigs2[_op]?.label)
-    })),
-    [rule, userOps]
-  );
-  const opConfig = useMemo8(() => defaultOpConfigs2[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ React11.createElement(
-    Select3,
-    {
-      style: { height: 22 },
-      disabled: readonly,
-      size: "small",
-      value: op,
-      optionList: options,
-      onChange: (v) => {
-        onChange(v);
-      },
-      triggerRender: ({ value }) => /* @__PURE__ */ React11.createElement(Button3, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ React11.createElement(IconChevronDownStroked2, { size: "small" }))
-    }
-  );
-  return { renderOpSelect, opConfig };
-}
-
-// src/components/db-condition-row/hooks/use-left.tsx
-import { useMemo as useMemo9 } from "react";
-import React12 from "react";
-import { useTypeManager as useTypeManager4 } from "@flowgram.ai/json-schema";
-import { Icon as Icon3 } from "@douyinfe/semi-ui";
-var defaultRules2 = ConditionRow.defaultRules;
-function useLeft({ left, options, userRules, readonly, onChange }) {
-  const rules = useMemo9(() => ({ ...defaultRules2, ...userRules || {} }), [userRules]);
-  const typeManager = useTypeManager4();
-  const rule = useMemo9(() => {
-    if (!left) return void 0;
-    const option = options?.find((item) => item.value === left);
-    if (!option?.schema?.type) {
-      return void 0;
-    }
-    return rules[option.schema.type];
-  }, [left, options, rules]);
-  const renderDBOptionSelect = () => /* @__PURE__ */ React12.createElement(
-    UISelect,
-    {
-      disabled: readonly,
-      size: "small",
-      style: { width: "100%" },
-      value: left,
-      onChange: (v) => onChange(v),
-      optionList: options?.map((item) => ({
-        label: /* @__PURE__ */ React12.createElement(UIOptionLabel, null, /* @__PURE__ */ React12.createElement(Icon3, { size: "small", svg: typeManager.getDisplayIcon(item.schema) }), item.label),
-        value: item.value
-      })) || []
-    }
-  );
-  return { rule, renderDBOptionSelect };
-}
-
-// src/components/db-condition-row/index.tsx
-var defaultRuleConfig2 = {
-  ops: {},
-  rules: {}
-};
-function DBConditionRow({
-  style,
-  value,
-  onChange,
-  readonly,
-  options,
-  ruleConfig = defaultRuleConfig2
-}) {
-  const { left, operator, right } = value || {};
-  const { rule, renderDBOptionSelect } = useLeft({
-    left,
-    options,
-    onChange: (leftKey) => onChange({ ...value, left: leftKey }),
-    readonly,
-    userRules: ruleConfig.rules
-  });
-  const { renderOpSelect, opConfig } = useOp2({
-    rule,
-    op: operator,
-    onChange: (v) => onChange({ ...value, operator: v }),
-    readonly,
-    userOps: ruleConfig.ops
-  });
-  const targetSchema = useMemo10(() => {
-    const targetType = rule?.[operator || ""] || null;
-    return targetType ? { type: targetType, extra: { weak: true } } : null;
-  }, [rule, opConfig]);
-  return /* @__PURE__ */ React13.createElement(UIContainer4, { style }, /* @__PURE__ */ React13.createElement(UIOperator2, null, renderOpSelect()), /* @__PURE__ */ React13.createElement(UIValues2, null, /* @__PURE__ */ React13.createElement(UILeft2, null, renderDBOptionSelect()), /* @__PURE__ */ React13.createElement(UIRight2, null, targetSchema ? /* @__PURE__ */ React13.createElement(
-    InjectDynamicValueInput,
-    {
-      readonly: readonly || !rule,
-      value: right,
-      schema: targetSchema,
-      onChange: (v) => onChange({ ...value, right: v })
-    }
-  ) : /* @__PURE__ */ React13.createElement(
-    Input4,
-    {
-      size: "small",
-      disabled: true,
-      style: { pointerEvents: "none" },
-      value: opConfig?.rightDisplay || I18n6.t("Empty")
-    }
-  ))));
-}
-
-// src/components/batch-outputs/index.tsx
-import React14 from "react";
-import { I18n as I18n7 } from "@flowgram.ai/editor";
-import { Button as Button4, Input as Input5 } from "@douyinfe/semi-ui";
-import { IconDelete, IconPlus as IconPlus2 } from "@douyinfe/semi-icons";
-
-// src/hooks/use-object-list/index.tsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
-import { nanoid } from "nanoid";
-import { difference as difference2, get, isObject, set } from "lodash-es";
-function genId2() {
-  return nanoid();
-}
-function useObjectList({
-  value,
-  onChange,
-  sortIndexKey
-}) {
-  const [list, setList] = useState5([]);
-  const effectVersion = useRef3(0);
-  const changeVersion = useRef3(0);
-  const getSortIndex = (value2) => {
-    if (typeof sortIndexKey === "function") {
-      return get(value2, sortIndexKey(value2)) || 0;
-    }
-    return get(value2, sortIndexKey || "") || 0;
-  };
-  useEffect4(() => {
-    effectVersion.current = effectVersion.current + 1;
-    if (effectVersion.current === changeVersion.current) {
-      return;
-    }
-    effectVersion.current = changeVersion.current;
-    setList((_prevList) => {
-      const newKeys = Object.entries(value || {}).sort((a, b) => getSortIndex(a[1]) - getSortIndex(b[1])).map(([key]) => key);
-      const oldKeys = _prevList.map((item) => item.key).filter(Boolean);
-      const addKeys = difference2(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 = (defaultValue) => {
-    setList((prevList) => [
-      ...prevList,
-      {
-        id: genId2(),
-        value: defaultValue
-      }
-    ]);
-  };
-  const updateValue = (itemId, value2) => {
-    changeVersion.current = changeVersion.current + 1;
-    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) => {
-            const indexKey = typeof sortIndexKey === "function" ? sortIndexKey(_res[1]) : sortIndexKey;
-            if (isObject(_res[1]) && indexKey) {
-              set(_res[1], indexKey, idx);
-            }
-            return _res;
-          })
-        )
-      );
-      return nextList;
-    });
-  };
-  const updateKey = (itemId, key) => {
-    changeVersion.current = changeVersion.current + 1;
-    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) => {
-    changeVersion.current = changeVersion.current + 1;
-    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
-import styled5 from "styled-components";
-var UIRows = styled5.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-bottom: 10px;
-`;
-var UIRow2 = styled5.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__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(UIRows, { style }, list.map((item) => /* @__PURE__ */ React14.createElement(UIRow2, { key: item.id }, /* @__PURE__ */ React14.createElement(
-    Input5,
-    {
-      style: { width: 100 },
-      disabled: readonly,
-      size: "small",
-      value: item.key,
-      onChange: (v) => updateKey(item.id, v)
-    }
-  ), /* @__PURE__ */ React14.createElement(
-    InjectVariableSelector,
-    {
-      style: { flexGrow: 1 },
-      readonly,
-      value: item.value?.content,
-      onChange: (v) => updateValue(item.id, { type: "ref", content: v })
-    }
-  ), /* @__PURE__ */ React14.createElement(
-    Button4,
-    {
-      disabled: readonly,
-      icon: /* @__PURE__ */ React14.createElement(IconDelete, null),
-      size: "small",
-      onClick: () => remove(item.id)
-    }
-  )))), /* @__PURE__ */ React14.createElement(Button4, { disabled: readonly, icon: /* @__PURE__ */ React14.createElement(IconPlus2, null), size: "small", onClick: () => add() }, I18n7.t("Add")));
-}
-
-// src/components/prompt-editor-with-variables/index.tsx
-var PromptEditorWithVariables = lazySuspense(
-  () => import("./editor-Z24WLBPO.js").then((module) => ({ default: module.PromptEditorWithVariables }))
-);
-
-// src/components/prompt-editor-with-inputs/index.tsx
-var PromptEditorWithInputs = lazySuspense(
-  () => import("./editor-OXPGKPF5.js").then((module) => ({ default: module.PromptEditorWithInputs }))
-);
-
-// src/components/json-editor-with-variables/index.tsx
-var JsonEditorWithVariables = lazySuspense(
-  () => import("./editor-4X7K477H.js").then((module) => ({ default: module.JsonEditorWithVariables }))
-);
-
-// src/components/inputs-values/index.tsx
-import React15 from "react";
-import { I18n as I18n8 } from "@flowgram.ai/editor";
-import { Button as Button5, IconButton as IconButton4 } from "@douyinfe/semi-ui";
-import { IconDelete as IconDelete2, IconPlus as IconPlus3 } from "@douyinfe/semi-icons";
-
-// src/components/inputs-values/styles.tsx
-import styled6 from "styled-components";
-var UIRows2 = styled6.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-bottom: 10px;
-`;
-var UIRow3 = styled6.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 5px;
-`;
-
-// 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__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ React15.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ React15.createElement(
-    BlurInput,
-    {
-      style: { width: 100, minWidth: 100, maxWidth: 100 },
-      disabled: readonly,
-      size: "small",
-      value: item.key,
-      onChange: (v) => updateKey(item.id, v),
-      placeholder: I18n8.t("Input Key")
-    }
-  ), /* @__PURE__ */ React15.createElement(
-    InjectDynamicValueInput,
-    {
-      style: { flexGrow: 1 },
-      readonly,
-      value: item.value,
-      onChange: (v) => updateValue(item.id, v),
-      schema,
-      hasError,
-      constantProps: {
-        ...constantProps,
-        strategies: [...constantProps?.strategies || []]
-      }
-    }
-  ), /* @__PURE__ */ React15.createElement(
-    IconButton4,
-    {
-      disabled: readonly,
-      theme: "borderless",
-      icon: /* @__PURE__ */ React15.createElement(IconDelete2, { size: "small" }),
-      size: "small",
-      onClick: () => remove(item.id)
-    }
-  )))), /* @__PURE__ */ React15.createElement(
-    Button5,
-    {
-      disabled: readonly,
-      icon: /* @__PURE__ */ React15.createElement(IconPlus3, null),
-      size: "small",
-      onClick: () => add({
-        type: "constant",
-        content: "",
-        schema: { type: "string" }
-      })
-    },
-    I18n8.t("Add")
-  ));
-}
-
-// src/components/display-schema-tree/index.tsx
-import React16 from "react";
-
-// src/components/display-schema-tree/styles.tsx
-import styled7, { css as css2 } from "styled-components";
-var TreeRow = styled7.div`
-  display: flex;
-  align-items: center;
-
-  .tree-icon {
-    margin-right: 8px;
-    width: 14px;
-    height: 14px;
-  }
-
-  height: 27px;
-  white-space: nowrap;
-`;
-var HorizontalLine = styled7.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 = styled7.div`
-  // overflow: hidden;
-  // text-overflow: ellipsis;
-`;
-var TreeLevel = styled7.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 = styled7.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 && css2`
-      &::before {
-        width: 0px !important;
-      }
-    `}
-`;
-
-// src/components/display-schema-tree/index.tsx
-function DisplaySchemaTree(props) {
-  return /* @__PURE__ */ React16.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__ */ React16.createElement(TreeItem, { depth, key: parentKey || "root" }, /* @__PURE__ */ React16.createElement(TreeRow, null, depth !== 0 && /* @__PURE__ */ React16.createElement(HorizontalLine, null), showIcon && icon && React16.cloneElement(icon, {
-    className: "tree-icon"
-  }), /* @__PURE__ */ React16.createElement(TreeTitle, null, parentKey ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, `${parentKey} (`, title, ")") : title)), childEntries?.length ? /* @__PURE__ */ React16.createElement(TreeLevel, null, childEntries.map(([key, value]) => /* @__PURE__ */ React16.createElement(SchemaTree, { key, ...props, parentKey: key, value, depth: depth + 1 }))) : null);
-}
-
-// src/components/display-outputs/index.tsx
-import React18, { useEffect as useEffect5 } from "react";
-import { JsonSchemaUtils as JsonSchemaUtils4 } from "@flowgram.ai/json-schema";
-import { useCurrentScope, useRefresh } from "@flowgram.ai/editor";
-
-// src/components/display-schema-tag/index.tsx
-import React17 from "react";
-import { Popover } from "@douyinfe/semi-ui";
-
-// src/components/display-schema-tag/styles.ts
-import styled8 from "styled-components";
-import { Tag } from "@douyinfe/semi-ui";
-var PopoverContent = styled8.div`
-  padding: 10px;
-`;
-var StyledTag = styled8(Tag)`
-  padding: 4px;
-
-  .tag-icon {
-    width: 12px;
-    height: 12px;
-  }
-`;
-var TitleSpan = styled8.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__ */ React17.createElement(
-    Popover,
-    {
-      content: /* @__PURE__ */ React17.createElement(PopoverContent, null, /* @__PURE__ */ React17.createElement(DisplaySchemaTree, { value, typeManager, showIcon: showIconInTree }))
-    },
-    /* @__PURE__ */ React17.createElement(StyledTag, { color: warning ? "amber" : "white" }, icon && React17.cloneElement(icon, {
-      className: "tag-icon"
-    }), title && /* @__PURE__ */ React17.createElement(TitleSpan, null, title))
-  );
-}
-
-// src/components/display-outputs/styles.ts
-import styled9 from "styled-components";
-var DisplayOutputsWrapper = styled9.div`
-  display: flex;
-  gap: 5px;
-  flex-wrap: wrap;
-`;
-
-// src/components/display-outputs/index.tsx
-function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
-  const scope = useCurrentScope();
-  const refresh = useRefresh();
-  useEffect5(() => {
-    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,
-      ...JsonSchemaUtils4.astToSchema(curr.type)?.properties || {}
-    };
-    return acm;
-  }, {}) : value?.properties || {};
-  const childEntries = Object.entries(properties || {});
-  return /* @__PURE__ */ React18.createElement(DisplayOutputsWrapper, null, childEntries.map(([key, schema]) => /* @__PURE__ */ React18.createElement(
-    DisplaySchemaTag,
-    {
-      key,
-      title: key,
-      value: schema,
-      showIconInTree,
-      warning: !schema
-    }
-  )));
-}
-
-// src/components/display-flow-value/index.tsx
-import React19, { useMemo as useMemo11 } from "react";
-import { JsonSchemaUtils as JsonSchemaUtils5 } from "@flowgram.ai/json-schema";
-import { useScopeAvailable as useScopeAvailable3 } from "@flowgram.ai/editor";
-function DisplayFlowValue({ value, title, showIconInTree }) {
-  const available = useScopeAvailable3();
-  const variable = value?.type === "ref" ? available.getByKeyPath(value?.content) : void 0;
-  const schema = useMemo11(() => {
-    if (value?.type === "ref") {
-      return JsonSchemaUtils5.astToSchema(variable?.type);
-    }
-    if (value?.type === "template") {
-      return { type: "string" };
-    }
-    if (value?.type === "constant") {
-      return FlowValueUtils.inferConstantJsonSchema(value);
-    }
-    return { type: "unknown" };
-  }, [value, variable?.hash]);
-  return /* @__PURE__ */ React19.createElement(
-    DisplaySchemaTag,
-    {
-      title,
-      value: schema,
-      showIconInTree,
-      warning: value?.type === "ref" && !variable
-    }
-  );
-}
-
-// src/components/display-inputs-values/index.tsx
-import React20, { useMemo as useMemo12 } from "react";
-import { isPlainObject } from "lodash-es";
-import { useScopeAvailable as useScopeAvailable4 } from "@flowgram.ai/editor";
-
-// src/components/display-inputs-values/styles.ts
-import styled10 from "styled-components";
-var DisplayInputsWrapper = styled10.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__ */ React20.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => {
-    if (FlowValueUtils.isFlowValue(value2)) {
-      return /* @__PURE__ */ React20.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree });
-    }
-    if (isPlainObject(value2)) {
-      return /* @__PURE__ */ React20.createElement(
-        DisplayInputsValueAllInTag,
-        {
-          key,
-          title: key,
-          value: value2,
-          showIconInTree
-        }
-      );
-    }
-    return null;
-  }));
-}
-function DisplayInputsValueAllInTag({
-  value,
-  title,
-  showIconInTree
-}) {
-  const available = useScopeAvailable4();
-  const schema = useMemo12(
-    () => FlowValueUtils.inferJsonSchema(value, available.scope),
-    [available.version, value]
-  );
-  return /* @__PURE__ */ React20.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
-}
-
-// src/components/assign-rows/index.tsx
-import React23 from "react";
-import { FieldArray } from "@flowgram.ai/editor";
-import { Button as Button6 } from "@douyinfe/semi-ui";
-import { IconPlus as IconPlus4 } from "@douyinfe/semi-icons";
-
-// src/components/assign-row/index.tsx
-import React22 from "react";
-import { IconButton as IconButton5 } from "@douyinfe/semi-ui";
-import { IconMinus as IconMinus2 } from "@douyinfe/semi-icons";
-
-// src/components/assign-row/components/blur-input.tsx
-import React21, { useEffect as useEffect6, useState as useState6 } from "react";
-import Input6 from "@douyinfe/semi-ui/lib/es/input";
-function BlurInput2(props) {
-  const [value, setValue] = useState6("");
-  useEffect6(() => {
-    setValue(props.value);
-  }, [props.value]);
-  return /* @__PURE__ */ React21.createElement(
-    Input6,
-    {
-      ...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__ */ React22.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, /* @__PURE__ */ React22.createElement("div", { style: { width: 150, minWidth: 150, maxWidth: 150 } }, value?.operator === "assign" ? /* @__PURE__ */ React22.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__ */ React22.createElement(
-    BlurInput2,
-    {
-      style: { height: 26 },
-      size: "small",
-      placeholder: "Input Name",
-      value: value?.left,
-      onChange: (v) => onChange?.({
-        ...value,
-        left: v
-      })
-    }
-  )), /* @__PURE__ */ React22.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ React22.createElement(
-    InjectDynamicValueInput,
-    {
-      readonly,
-      value: value?.right,
-      onChange: (v) => onChange?.({
-        ...value,
-        right: v
-      })
-    }
-  )), onDelete && /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement(
-    IconButton5,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React22.createElement(IconMinus2, null),
-      onClick: () => onDelete?.()
-    }
-  )));
-}
-
-// src/components/assign-rows/index.tsx
-function AssignRows(props) {
-  const { name, readonly } = props;
-  return /* @__PURE__ */ React23.createElement(FieldArray, { name }, ({ field }) => /* @__PURE__ */ React23.createElement(React23.Fragment, null, field.map((childField, index) => /* @__PURE__ */ React23.createElement(
-    AssignRow,
-    {
-      key: childField.key,
-      readonly,
-      value: childField.value,
-      onChange: (value) => {
-        childField.onChange(value);
-      },
-      onDelete: () => field.remove(index)
-    }
-  )), /* @__PURE__ */ React23.createElement("div", { style: { display: "flex", gap: 5 } }, /* @__PURE__ */ React23.createElement(
-    Button6,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React23.createElement(IconPlus4, null),
-      onClick: () => field.append({ operator: "assign" })
-    },
-    "Assign"
-  ), /* @__PURE__ */ React23.createElement(
-    Button6,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React23.createElement(IconPlus4, null),
-      onClick: () => field.append({ operator: "declare" })
-    },
-    "Declaration"
-  ))));
-}
-
-// src/components/inputs-values-tree/index.tsx
-import React26 from "react";
-import { I18n as I18n10 } from "@flowgram.ai/editor";
-import { Button as Button7 } from "@douyinfe/semi-ui";
-import { IconPlus as IconPlus5 } from "@douyinfe/semi-icons";
-
-// src/components/inputs-values-tree/styles.tsx
-import React24 from "react";
-import styled11, { css as css3 } from "styled-components";
-import Icon4 from "@douyinfe/semi-icons";
-var UIContainer5 = styled11.div``;
-var UIRow4 = styled11.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 5px;
-`;
-var UICollapseTrigger2 = styled11.div`
-  cursor: pointer;
-  margin-right: 5px;
-`;
-var UITreeItems2 = styled11.div`
-  display: grid;
-  grid-template-columns: auto 1fr;
-
-  ${({ $shrink }) => $shrink && css3`
-      padding-left: 3px;
-      margin-top: 10px;
-    `}
-`;
-var UITreeItemLeft2 = styled11.div`
-  grid-column: 1;
-  position: relative;
-  width: 16px;
-
-  ${({ $showLine, $isLast, $showCollapse }) => {
-  let height = $isLast ? "24px" : "100%";
-  let width = $showCollapse ? "12px" : "30px";
-  return $showLine && css3`
-        &::before {
-          /* 竖线 */
-          content: '';
-          height: ${height};
-          position: absolute;
-          left: -14px;
-          top: -16px;
-          width: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-
-        &::after {
-          /* 横线 */
-          content: '';
-          position: absolute;
-          left: -14px; // 横线起点和竖线对齐
-          top: 8px; // 跟随你的行高调整
-          width: ${width}; // 横线长度
-          height: 1px;
-          background: #d9d9d9;
-          display: block;
-        }
-      `;
-}}
-`;
-var UITreeItemRight2 = styled11.div`
-  grid-column: 2;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0px;
-  }
-`;
-var UITreeItemMain2 = styled11.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  position: relative;
-`;
-var UICollapsible2 = styled11.div`
-  display: none;
-
-  ${({ $collapse }) => $collapse && css3`
-      display: block;
-    `}
-`;
-var UIActions2 = styled11.div`
-  white-space: nowrap;
-`;
-var iconAddChildrenSvg2 = /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.createElement("path", { d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z" })
-);
-var IconAddChildren2 = () => /* @__PURE__ */ React24.createElement(Icon4, { size: "small", svg: iconAddChildrenSvg2 });
-
-// src/components/inputs-values-tree/row.tsx
-import React25, { useMemo as useMemo14, useState as useState7 } from "react";
-import { I18n as I18n9 } from "@flowgram.ai/editor";
-import { IconButton as IconButton6, Input as Input7 } from "@douyinfe/semi-ui";
-import { IconChevronDown as IconChevronDown2, IconChevronRight as IconChevronRight2, IconDelete as IconDelete3 } from "@douyinfe/semi-icons";
-
-// src/components/inputs-values-tree/hooks/use-child-list.tsx
-import { useMemo as useMemo13 } from "react";
-import { isPlainObject as isPlainObject2 } from "lodash-es";
-function useChildList(value, onChange) {
-  const canAddField = useMemo13(() => {
-    if (!isPlainObject2(value)) {
-      return false;
-    }
-    if (FlowValueUtils.isFlowValue(value)) {
-      return FlowValueUtils.isConstant(value) && value?.schema?.type === "object";
-    }
-    return true;
-  }, [value]);
-  const objectListValue = useMemo13(() => {
-    if (isPlainObject2(value)) {
-      if (FlowValueUtils.isFlowValue(value)) {
-        return void 0;
-      }
-      return value;
-    }
-    return void 0;
-  }, [value]);
-  const { list, add, updateKey, updateValue, remove } = useObjectList({
-    value: objectListValue,
-    onChange: (value2) => {
-      onChange?.(value2);
-    },
-    sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
-  });
-  const hasChildren = useMemo13(
-    () => canAddField && (list.length > 0 || Object.keys(objectListValue || {}).length > 0),
-    [canAddField, list.length, Object.keys(objectListValue || {}).length]
-  );
-  return {
-    canAddField,
-    hasChildren,
-    list,
-    add,
-    updateKey,
-    updateValue,
-    remove
-  };
-}
-
-// src/components/inputs-values-tree/row.tsx
-var AddObjectChildStrategy = {
-  hit: (schema) => schema.type === "object",
-  Renderer: () => /* @__PURE__ */ React25.createElement(
-    Input7,
-    {
-      size: "small",
-      disabled: true,
-      style: { pointerEvents: "none" },
-      value: I18n9.t("Configure via child fields")
-    }
-  )
-};
-function InputValueRow(props) {
-  const {
-    keyName,
-    value,
-    $level = 0,
-    onUpdateKey,
-    onUpdateValue,
-    $isLast,
-    onRemove,
-    constantProps,
-    hasError,
-    readonly
-  } = props;
-  const [collapse, setCollapse] = useState7(false);
-  const { canAddField, hasChildren, list, add, updateKey, updateValue, remove } = useChildList(
-    value,
-    onUpdateValue
-  );
-  const strategies = useMemo14(
-    () => [...hasChildren ? [AddObjectChildStrategy] : [], ...constantProps?.strategies || []],
-    [hasChildren, constantProps?.strategies]
-  );
-  const flowDisplayValue = useMemo14(
-    () => hasChildren ? {
-      type: "constant",
-      schema: { type: "object" }
-    } : value,
-    [hasChildren, value]
-  );
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(UITreeItemLeft2, { $isLast, $showLine: $level > 0, $showCollapse: hasChildren }, hasChildren && /* @__PURE__ */ React25.createElement(UICollapseTrigger2, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React25.createElement(IconChevronDown2, { size: "small" }) : /* @__PURE__ */ React25.createElement(IconChevronRight2, { size: "small" }))), /* @__PURE__ */ React25.createElement(UITreeItemRight2, null, /* @__PURE__ */ React25.createElement(UITreeItemMain2, null, /* @__PURE__ */ React25.createElement(UIRow4, null, /* @__PURE__ */ React25.createElement(
-    BlurInput,
-    {
-      style: { width: 100, minWidth: 100, maxWidth: 100 },
-      disabled: readonly,
-      size: "small",
-      value: keyName,
-      onChange: (v) => onUpdateKey?.(v),
-      placeholder: I18n9.t("Input Key")
-    }
-  ), /* @__PURE__ */ React25.createElement(
-    InjectDynamicValueInput,
-    {
-      style: { flexGrow: 1 },
-      readonly,
-      value: flowDisplayValue,
-      onChange: (v) => onUpdateValue(v),
-      hasError,
-      constantProps: {
-        ...constantProps,
-        strategies
-      }
-    }
-  ), /* @__PURE__ */ React25.createElement(UIActions2, null, canAddField && /* @__PURE__ */ React25.createElement(
-    IconButton6,
-    {
-      disabled: readonly,
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React25.createElement(IconAddChildren2, null),
-      onClick: () => {
-        add({
-          type: "constant",
-          content: "",
-          schema: { type: "string" }
-        });
-        setCollapse(true);
-      }
-    }
-  ), /* @__PURE__ */ React25.createElement(
-    IconButton6,
-    {
-      disabled: readonly,
-      theme: "borderless",
-      icon: /* @__PURE__ */ React25.createElement(IconDelete3, { size: "small" }),
-      size: "small",
-      onClick: () => onRemove?.()
-    }
-  )))), hasChildren && /* @__PURE__ */ React25.createElement(UICollapsible2, { $collapse: collapse }, /* @__PURE__ */ React25.createElement(UITreeItems2, { $shrink: true }, list.map((_item, index) => /* @__PURE__ */ React25.createElement(
-    InputValueRow,
-    {
-      readonly,
-      hasError,
-      constantProps,
-      key: _item.id,
-      keyName: _item.key,
-      value: _item.value,
-      $level: $level + 1,
-      onUpdateValue: (_v) => {
-        updateValue(_item.id, _v);
-      },
-      onUpdateKey: (k) => {
-        updateKey(_item.id, k);
-      },
-      onRemove: () => {
-        remove(_item.id);
-      },
-      $isLast: index === list.length - 1
-    }
-  ))))));
-}
-
-// src/components/inputs-values-tree/index.tsx
-function InputsValuesTree(props) {
-  const { value, onChange, readonly, hasError, constantProps } = props;
-  const { list, updateKey, updateValue, remove, add } = useObjectList({
-    value,
-    onChange,
-    sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
-  });
-  return /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement(UITreeItems2, null, list.map((item) => /* @__PURE__ */ React26.createElement(
-    InputValueRow,
-    {
-      key: item.id,
-      keyName: item.key,
-      value: item.value,
-      onUpdateKey: (key) => updateKey(item.id, key),
-      onUpdateValue: (value2) => updateValue(item.id, value2),
-      onRemove: () => remove(item.id),
-      readonly,
-      hasError,
-      constantProps
-    }
-  ))), /* @__PURE__ */ React26.createElement(
-    Button7,
-    {
-      style: { marginTop: 10, marginLeft: 16 },
-      disabled: readonly,
-      icon: /* @__PURE__ */ React26.createElement(IconPlus5, null),
-      size: "small",
-      onClick: () => {
-        add({
-          type: "constant",
-          content: "",
-          schema: { type: "string" }
-        });
-      }
-    },
-    I18n10.t("Add")
-  ));
-}
-
-// src/effects/provide-batch-input/index.ts
-import {
-  ASTFactory,
-  createEffectFromVariableProvider,
-  getNodeForm
-} from "@flowgram.ai/editor";
-var provideBatchInputEffect = createEffectFromVariableProvider({
-  private: true,
-  parse: (value, ctx) => [
-    ASTFactory.createVariableDeclaration({
-      key: `${ctx.node.id}_locals`,
-      meta: {
-        title: getNodeForm(ctx.node)?.getValueIn("title"),
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: ASTFactory.createObject({
-        properties: [
-          ASTFactory.createProperty({
-            key: "item",
-            initializer: ASTFactory.createEnumerateExpression({
-              enumerateFor: ASTFactory.createKeyPathExpression({
-                keyPath: value.content || []
-              })
-            })
-          }),
-          ASTFactory.createProperty({
-            key: "index",
-            type: ASTFactory.createNumber()
-          })
-        ]
-      })
-    })
-  ]
-});
-
-// src/effects/auto-rename-ref/index.ts
-import {
-  DataEvent,
-  VariableFieldKeyRenameService
-} from "@flowgram.ai/editor";
-var autoRenameRefEffect = [
-  {
-    event: DataEvent.onValueInit,
-    effect: (params) => {
-      const { context, form, name } = params;
-      const renameService = context.node.getService(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 = FlowValueUtils.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 traverseRef(name, value, cb) {
-  for (const { value: _v, path } of FlowValueUtils.traverse(value, {
-    includeTypes: ["ref", "template"],
-    path: name
-  })) {
-    cb(path, _v);
-  }
-}
-
-// src/effects/provide-json-schema-outputs/index.ts
-import { JsonSchemaUtils as JsonSchemaUtils6 } from "@flowgram.ai/json-schema";
-import {
-  ASTFactory as ASTFactory2,
-  createEffectFromVariableProvider as createEffectFromVariableProvider2,
-  getNodeForm as getNodeForm2
-} from "@flowgram.ai/editor";
-var provideJsonSchemaOutputs = createEffectFromVariableProvider2({
-  parse: (value, ctx) => [
-    ASTFactory2.createVariableDeclaration({
-      key: `${ctx.node.id}`,
-      meta: {
-        title: getNodeForm2(ctx.node)?.getValueIn("title") || ctx.node.id,
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: JsonSchemaUtils6.schemaToAST(value)
-    })
-  ]
-});
-
-// src/effects/sync-variable-title/index.ts
-import {
-  DataEvent as DataEvent2,
-  FlowNodeVariableData
-} from "@flowgram.ai/editor";
-var syncVariableTitle = [
-  {
-    event: DataEvent2.onValueChange,
-    effect: ({ value, context }) => {
-      context.node.getData(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
-import { isEmpty } from "lodash-es";
-import {
-  DataEvent as DataEvent3,
-  getNodeScope,
-  getNodePrivateScope
-} from "@flowgram.ai/editor";
-var validateWhenVariableSync = ({
-  scope
-} = {}) => [
-  {
-    event: DataEvent3.onValueInit,
-    effect: ({ context, form }) => {
-      const nodeScope = scope === "private" ? getNodePrivateScope(context.node) : getNodeScope(context.node);
-      const disposable = nodeScope.available.onListOrAnyVarChange(() => {
-        if (!isEmpty(form.state.errors)) {
-          form.validate();
-        }
-      });
-      return () => disposable.dispose();
-    }
-  }
-];
-
-// src/effects/listen-ref-value-change/index.ts
-import {
-  DataEvent as DataEvent4,
-  getNodeScope as getNodeScope2
-} from "@flowgram.ai/editor";
-var listenRefValueChange = (cb) => [
-  {
-    event: DataEvent4.onValueInitOrChange,
-    effect: (params) => {
-      const { context, value } = params;
-      if (value?.type !== "ref") {
-        return () => null;
-      }
-      const disposable = getNodeScope2(context.node).available.trackByKeyPath(
-        value?.content || [],
-        (v) => {
-          cb({ ...params, variable: v });
-        }
-      );
-      return () => {
-        disposable.dispose();
-      };
-    }
-  }
-];
-
-// src/effects/listen-ref-schema-change/index.ts
-import { JsonSchemaUtils as JsonSchemaUtils7 } from "@flowgram.ai/json-schema";
-import {
-  DataEvent as DataEvent5,
-  getNodeScope as getNodeScope3
-} from "@flowgram.ai/editor";
-var listenRefSchemaChange = (cb) => [
-  {
-    event: DataEvent5.onValueInitOrChange,
-    effect: (params) => {
-      const { context, value } = params;
-      if (value?.type !== "ref") {
-        return () => null;
-      }
-      const disposable = getNodeScope3(context.node).available.trackByKeyPath(
-        value?.content || [],
-        (_type) => {
-          cb({ ...params, schema: JsonSchemaUtils7.astToSchema(_type) });
-        },
-        {
-          selector: (_v) => _v?.type
-        }
-      );
-      return () => {
-        disposable.dispose();
-      };
-    }
-  }
-];
-
-// src/form-plugins/batch-outputs-plugin/index.ts
-import {
-  ASTFactory as ASTFactory3,
-  createEffectFromVariableProvider as createEffectFromVariableProvider3,
-  defineFormPluginCreator,
-  getNodeForm as getNodeForm3,
-  getNodePrivateScope as getNodePrivateScope2,
-  getNodeScope as getNodeScope4,
-  ScopeChainTransformService,
-  FlowNodeScopeType
-} from "@flowgram.ai/editor";
-var provideBatchOutputsEffect = createEffectFromVariableProvider3({
-  parse: (value, ctx) => [
-    ASTFactory3.createVariableDeclaration({
-      key: `${ctx.node.id}`,
-      meta: {
-        title: getNodeForm3(ctx.node)?.getValueIn("title"),
-        icon: ctx.node.getNodeRegistry().info?.icon
-      },
-      type: ASTFactory3.createObject({
-        properties: Object.entries(value).map(
-          ([_key, value2]) => ASTFactory3.createProperty({
-            key: _key,
-            initializer: ASTFactory3.createWrapArrayExpression({
-              wrapFor: ASTFactory3.createKeyPathExpression({
-                keyPath: value2?.content || []
-              })
-            })
-          })
-        )
-      })
-    })
-  ]
-});
-var createBatchOutputsFormPlugin = defineFormPluginCreator({
-  name: "batch-outputs-plugin",
-  onSetupFormMeta({ mergeEffect }, { outputKey }) {
-    mergeEffect({
-      [outputKey]: provideBatchOutputsEffect
-    });
-  },
-  onInit(ctx, { outputKey }) {
-    const chainTransformService = ctx.node.getService(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, getNodeScope4(node.parent)];
-        }
-        return covers;
-      },
-      transformDeps(scopes, ctx2) {
-        const scopeMeta = ctx2.scope.meta;
-        if (scopeMeta?.type === FlowNodeScopeType.private) {
-          return scopes;
-        }
-        const node = scopeMeta?.node;
-        if (node?.flowNodeType === batchNodeType) {
-          const childBlocks = node.blocks;
-          return [
-            getNodePrivateScope2(node),
-            ...childBlocks.map((_childBlock) => getNodeScope4(_childBlock))
-          ];
-        }
-        return scopes;
-      }
-    });
-  }
-});
-
-// src/form-plugins/infer-inputs-plugin/index.ts
-import { get as get2, set as set2 } from "lodash-es";
-import { defineFormPluginCreator as defineFormPluginCreator2, getNodePrivateScope as getNodePrivateScope3, getNodeScope as getNodeScope5 } from "@flowgram.ai/editor";
-var createInferInputsPlugin = defineFormPluginCreator2({
-  onSetupFormMeta({ addFormatOnSubmit }, { sourceKey, targetKey, scope }) {
-    if (!sourceKey || !targetKey) {
-      return;
-    }
-    addFormatOnSubmit((formData, ctx) => {
-      set2(
-        formData,
-        targetKey,
-        FlowValueUtils.inferJsonSchema(
-          get2(formData, sourceKey),
-          scope === "private" ? getNodePrivateScope3(ctx.node) : getNodeScope5(ctx.node)
-        )
-      );
-      return formData;
-    });
-  }
-});
-
-// src/form-plugins/infer-assign-plugin/index.ts
-import { set as set3, uniqBy } from "lodash-es";
-import { JsonSchemaUtils as JsonSchemaUtils8 } from "@flowgram.ai/json-schema";
-import {
-  ASTFactory as ASTFactory4,
-  createEffectFromVariableProvider as createEffectFromVariableProvider4,
-  defineFormPluginCreator as defineFormPluginCreator3,
-  getNodeForm as getNodeForm4,
-  getNodeScope as getNodeScope6
-} from "@flowgram.ai/editor";
-var createInferAssignPlugin = defineFormPluginCreator3({
-  onSetupFormMeta({ addFormatOnSubmit, mergeEffect }, { assignKey, outputKey }) {
-    if (!assignKey || !outputKey) {
-      return;
-    }
-    mergeEffect({
-      [assignKey]: createEffectFromVariableProvider4({
-        parse: (value, ctx) => {
-          const declareRows = uniqBy(
-            value.filter((_v) => _v.operator === "declare" && _v.left && _v.right),
-            "left"
-          );
-          return [
-            ASTFactory4.createVariableDeclaration({
-              key: `${ctx.node.id}`,
-              meta: {
-                title: getNodeForm4(ctx.node)?.getValueIn("title"),
-                icon: ctx.node.getNodeRegistry().info?.icon
-              },
-              type: ASTFactory4.createObject({
-                properties: declareRows.map(
-                  (_v) => ASTFactory4.createProperty({
-                    key: _v.left,
-                    type: _v.right?.type === "constant" ? JsonSchemaUtils8.schemaToAST(_v.right?.schema || {}) : void 0,
-                    initializer: _v.right?.type === "ref" ? ASTFactory4.createKeyPathExpression({
-                      keyPath: _v.right?.content || []
-                    }) : {}
-                  })
-                )
-              })
-            })
-          ];
-        }
-      })
-    });
-    addFormatOnSubmit((formData, ctx) => {
-      set3(
-        formData,
-        outputKey,
-        JsonSchemaUtils8.astToSchema(getNodeScope6(ctx.node).output.variables?.[0]?.type)
-      );
-      return formData;
-    });
-  }
-});
-
-// src/validate/validate-flow-value/index.tsx
-import { isNil } from "lodash-es";
-import { FeedbackLevel, getNodeScope as getNodeScope7 } from "@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 && (isNil(value) || isNil(value?.content) || value?.content === "")) {
-    return {
-      level: FeedbackLevel.Error,
-      message: requiredMessage
-    };
-  }
-  if (value?.type === "ref") {
-    const variable = getNodeScope7(node).available.getByKeyPath(value?.content || []);
-    if (!variable) {
-      return {
-        level: FeedbackLevel.Error,
-        message: unknownVariableMessage
-      };
-    }
-  }
-  if (value?.type === "template") {
-    const allRefs = FlowValueUtils.getTemplateKeyPaths(value);
-    for (const ref of allRefs) {
-      const variable = getNodeScope7(node).available.getByKeyPath(ref);
-      if (!variable) {
-        return {
-          level: FeedbackLevel.Error,
-          message: unknownVariableMessage
-        };
-      }
-    }
-  }
-  return void 0;
-}
-export {
-  AssignRow,
-  AssignRows,
-  BatchOutputs,
-  BatchVariableSelector,
-  BlurInput,
-  CodeEditor,
-  CodeEditorMini,
-  ConditionRow,
-  ConstantInput,
-  DBConditionRow,
-  DisplayFlowValue,
-  DisplayInputsValueAllInTag,
-  DisplayInputsValues,
-  DisplayOutputs,
-  DisplaySchemaTag,
-  DisplaySchemaTree,
-  DynamicValueInput,
-  FlowValueUtils,
-  InjectDynamicValueInput,
-  InjectTypeSelector,
-  InjectVariableSelector,
-  InputsValues,
-  InputsValuesTree,
-  JsonEditorWithVariables,
-  JsonSchemaEditor,
-  JsonSchemaTypePresetProvider,
-  JsonSchemaUtils,
-  PromptEditor,
-  PromptEditorWithInputs,
-  PromptEditorWithVariables,
-  TypeSelector,
-  VariableSelector,
-  VariableSelectorProvider,
-  autoRenameRefEffect,
-  createBatchOutputsFormPlugin,
-  createDisableDeclarationPlugin,
-  createInferAssignPlugin,
-  createInferInputsPlugin,
-  createInjectMaterial,
-  createTypePresetPlugin,
-  formatLegacyRefOnInit,
-  formatLegacyRefOnSubmit,
-  formatLegacyRefToNewRef,
-  formatNewRefToLegacyRef,
-  getTypeSelectValue,
-  isLegacyFlowRefValueSchema,
-  isNewFlowRefValueSchema,
-  lazySuspense,
-  listenRefSchemaChange,
-  listenRefValueChange,
-  parseTypeSelectValue,
-  polyfillCreateRoot,
-  provideBatchInputEffect,
-  provideBatchOutputsEffect,
-  provideJsonSchemaOutputs,
-  syncVariableTitle,
-  unstableSetCreateRoot,
-  useObjectList,
-  useTypeManager,
-  useVariableTree,
-  validateFlowValue,
-  validateWhenVariableSync,
-  withSuspense
-};
-//# sourceMappingURL=index.js.map