@flowgram.ai/form-materials 0.2.16 → 0.2.18

package/dist/index.js

@@ -31,16 +31,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ArrayIcons: () => ArrayIcons,
+  BatchOutputs: () => BatchOutputs,
   BatchVariableSelector: () => BatchVariableSelector,
   ConditionRow: () => ConditionRow,
   ConstantInput: () => ConstantInput,
   DynamicValueInput: () => DynamicValueInput,
   JsonSchemaEditor: () => JsonSchemaEditor,
   JsonSchemaUtils: () => JsonSchemaUtils,
+  PromptEditor: () => PromptEditor,
+  PromptEditorWithVariables: () => PromptEditorWithVariables,
   TypeSelector: () => TypeSelector,
   VariableSelector: () => VariableSelector,
   VariableTypeIcons: () => VariableTypeIcons,
   autoRenameRefEffect: () => autoRenameRefEffect,
+  createBatchOutputsFormPlugin: () => createBatchOutputsFormPlugin,
   formatLegacyRefOnInit: () => formatLegacyRefOnInit,
   formatLegacyRefOnSubmit: () => formatLegacyRefOnSubmit,
   formatLegacyRefToNewRef: () => formatLegacyRefToNewRef,
@@ -53,7 +57,8 @@ __export(src_exports, {
   provideBatchInputEffect: () => provideBatchInputEffect,
   provideBatchOutputsEffect: () => provideBatchOutputsEffect,
   provideJsonSchemaOutputs: () => provideJsonSchemaOutputs,
-  syncVariableTitle: () => syncVariableTitle
+  syncVariableTitle: () => syncVariableTitle,
+  useVariableTree: () => useVariableTree
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -475,7 +480,10 @@ var JsonSchemaUtils;
           properties: Object.entries(jsonSchema.properties || {}).sort((a, b) => ((0, import_lodash.get)(a?.[1], "extra.index") || 0) - ((0, import_lodash.get)(b?.[1], "extra.index") || 0)).map(([key, _property]) => ({
             key,
             type: schemaToAST(_property),
-            meta: { description: _property.description }
+            meta: {
+              title: _property.title,
+              description: _property.description
+            }
           }))
         });
       case "array":
@@ -531,7 +539,16 @@ var JsonSchemaUtils;
       return {
         type: "object",
         properties: drilldown ? Object.fromEntries(
-          Object.entries(typeAST.properties).map(([key, value]) => [key, astToSchema(value)])
+          typeAST.properties.map((property) => {
+            const schema = astToSchema(property.type);
+            if (property.meta?.title && schema) {
+              schema.title = property.meta.title;
+            }
+            if (property.meta?.description && schema) {
+              schema.description = property.meta.description;
+            }
+            return [property.key, schema];
+          })
         ) : {}
       };
     }
@@ -571,7 +588,7 @@ var JsonSchemaUtils;
 // src/components/variable-selector/use-variable-tree.tsx
 function useVariableTree(params) {
   const { includeSchema, excludeSchema } = params;
-  const available = (0, import_editor2.useScopeAvailable)();
+  const variables = (0, import_editor2.useAvailableVariables)();
   const getVariableTypeIcon = (0, import_react2.useCallback)((variable) => {
     if (variable.meta?.icon) {
       if (typeof variable.meta.icon === "string") {
@@ -622,16 +639,26 @@ function useVariableTree(params) {
       rootMeta: parentFields[0]?.meta
     };
   };
-  return [...available.variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
+  return [...variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
 }
 
 // src/components/variable-selector/styles.tsx
 var import_styled_components = __toESM(require("styled-components"));
 var import_semi_ui2 = require("@douyinfe/semi-ui");
-var UIRootTitle = import_styled_components.default.span`
+var UIRootTitle = import_styled_components.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_components.default.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 50%;
+`;
 var UITag = (0, import_styled_components.default)(import_semi_ui2.Tag)`
   width: 100%;
   display: flex;
@@ -732,7 +759,7 @@ var VariableSelector = ({
             onClose: () => onChange(void 0)
           },
           /* @__PURE__ */ import_react3.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} -` : null),
-          _option.label
+          /* @__PURE__ */ import_react3.default.createElement(UIVarName, null, _option.label)
         );
       },
       showClear: false,
@@ -1175,14 +1202,14 @@ function ConstantInput(props) {
     () => [...defaultStrategies, ...extraStrategies || []],
     [extraStrategies]
   );
-  const Renderer = (0, import_react7.useMemo)(() => {
+  const Renderer2 = (0, import_react7.useMemo)(() => {
     const strategy = strategies.find((_strategy) => _strategy.hit(schema));
     return strategy?.Renderer;
   }, [strategies, schema]);
-  if (!Renderer) {
+  if (!Renderer2) {
     return /* @__PURE__ */ import_react7.default.createElement(import_semi_ui4.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
   }
-  return /* @__PURE__ */ import_react7.default.createElement(Renderer, { value, onChange, readonly, ...rest });
+  return /* @__PURE__ */ import_react7.default.createElement(Renderer2, { value, onChange, readonly, ...rest });
 }
 
 // src/components/json-schema-editor/default-value.tsx
@@ -1490,6 +1517,8 @@ var UIContainer2 = import_styled_components3.default.div`
 `;
 var UIMain = import_styled_components3.default.div`
   flex-grow: 1;
+  overflow: hidden;
+  min-width: 0;
 
   & .semi-tree-select,
   & .semi-input-number,
@@ -1519,6 +1548,7 @@ function DynamicValueInput({
       return /* @__PURE__ */ import_react12.default.createElement(
         VariableSelector,
         {
+          style: { width: "100%" },
           value: value?.content,
           onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
           includeSchema,
@@ -1847,30 +1877,369 @@ function ConditionRow({ style, value, onChange, readonly }) {
   ) : /* @__PURE__ */ import_react15.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, value: opConfig?.rightDisplay || "Empty" }))));
 }
 
+// src/components/batch-outputs/index.tsx
+var import_react17 = __toESM(require("react"));
+var import_semi_ui10 = require("@douyinfe/semi-ui");
+var import_semi_icons8 = require("@douyinfe/semi-icons");
+
+// src/components/batch-outputs/use-list.ts
+var import_react16 = require("react");
+var import_lodash3 = require("lodash");
+var _id2 = 0;
+function genId2() {
+  return _id2++;
+}
+function useList({ value, onChange }) {
+  const [list, setList] = (0, import_react16.useState)([]);
+  (0, import_react16.useEffect)(() => {
+    setList((_prevList) => {
+      const newKeys = Object.keys(value || {});
+      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] : void 0
+      })).concat(
+        addKeys.map((_key) => ({
+          id: genId2(),
+          key: _key,
+          value: value?.[_key]
+        }))
+      );
+    });
+  }, [value]);
+  const add = () => {
+    setList((prevList) => [
+      ...prevList,
+      {
+        id: genId2()
+      }
+    ]);
+  };
+  const update = (item) => {
+    setList((prevList) => {
+      const nextList = prevList.map((_item) => {
+        if (_item.id === item.id) {
+          return item;
+        }
+        return _item;
+      });
+      onChange(
+        Object.fromEntries(
+          nextList.filter((item2) => item2.key).map((item2) => [item2.key, item2.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, update, remove };
+}
+
+// src/components/batch-outputs/styles.tsx
+var import_styled_components5 = __toESM(require("styled-components"));
+var UIRows = import_styled_components5.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 10px;
+`;
+var UIRow2 = import_styled_components5.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, update, remove } = useList(props);
+  return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(UIRows, { style }, list.map((item) => /* @__PURE__ */ import_react17.default.createElement(UIRow2, { key: item.id }, /* @__PURE__ */ import_react17.default.createElement(
+    import_semi_ui10.Input,
+    {
+      style: { width: 100 },
+      disabled: readonly,
+      size: "small",
+      value: item.key,
+      onChange: (v) => update({ ...item, key: v })
+    }
+  ), /* @__PURE__ */ import_react17.default.createElement(
+    VariableSelector,
+    {
+      style: { flexGrow: 1 },
+      readonly,
+      value: item.value?.content,
+      onChange: (v) => update({
+        ...item,
+        value: {
+          type: "ref",
+          content: v
+        }
+      })
+    }
+  ), /* @__PURE__ */ import_react17.default.createElement(
+    import_semi_ui10.Button,
+    {
+      disabled: readonly,
+      icon: /* @__PURE__ */ import_react17.default.createElement(import_semi_icons8.IconDelete, null),
+      size: "small",
+      onClick: () => remove(item.id)
+    }
+  )))), /* @__PURE__ */ import_react17.default.createElement(import_semi_ui10.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react17.default.createElement(import_semi_icons8.IconPlus, null), size: "small", onClick: add }, "Add"));
+}
+
+// src/components/prompt-editor/index.tsx
+var import_react24 = __toESM(require("react"));
+var import_react25 = 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_components6 = __toESM(require("styled-components"));
+var UIContainer4 = import_styled_components6.default.div`
+  background-color: var(--semi-color-fill-0);
+  padding-left: 10px;
+  padding-right: 6px;
+
+  ${({ $hasError }) => $hasError && import_styled_components6.css`
+      border: 1px solid var(--semi-color-danger-6);
+    `}
+`;
+
+// src/components/prompt-editor/extensions/markdown.tsx
+var import_react18 = require("react");
+var import_react19 = require("@coze-editor/editor/react");
+var import_editor5 = require("@coze-editor/editor");
+var import_view = require("@codemirror/view");
+function MarkdownHighlight() {
+  const injector = (0, import_react19.useInjector)();
+  (0, import_react18.useLayoutEffect)(
+    () => injector.inject([
+      import_editor5.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_view.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_react20 = require("react");
+var import_react21 = require("@coze-editor/editor/react");
+var import_preset_prompt = require("@coze-editor/editor/preset-prompt");
+function LanguageSupport() {
+  const injector = (0, import_react21.useInjector)();
+  (0, import_react20.useLayoutEffect)(() => injector.inject([import_preset_prompt.languageSupport]), [injector]);
+  return null;
+}
+var language_support_default = LanguageSupport;
+
+// src/components/prompt-editor/extensions/jinja.tsx
+var import_react22 = require("react");
+var import_react23 = require("@coze-editor/editor/react");
+var import_editor6 = require("@coze-editor/editor");
+var import_view2 = require("@codemirror/view");
+function JinjaHighlight() {
+  const injector = (0, import_react23.useInjector)();
+  (0, import_react22.useLayoutEffect)(
+    () => injector.inject([
+      import_editor6.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_view2.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, style, hasError, children } = props || {};
+  return /* @__PURE__ */ import_react24.default.createElement(UIContainer4, { $hasError: hasError, style }, /* @__PURE__ */ import_react24.default.createElement(import_react25.EditorProvider, null, /* @__PURE__ */ import_react24.default.createElement(
+    import_react25.Renderer,
+    {
+      plugins: import_preset_prompt2.default,
+      defaultValue: String(value?.content),
+      options: {
+        readOnly: readonly,
+        editable: !readonly
+      },
+      onChange: (e) => {
+        onChange({ type: "template", content: e.value });
+      }
+    }
+  ), /* @__PURE__ */ import_react24.default.createElement(markdown_default, null), /* @__PURE__ */ import_react24.default.createElement(language_support_default, null), /* @__PURE__ */ import_react24.default.createElement(jinja_default, null), children));
+}
+
+// src/components/prompt-editor-with-variables/index.tsx
+var import_react28 = __toESM(require("react"));
+
+// src/components/prompt-editor-with-variables/extensions/variable.tsx
+var import_react26 = __toESM(require("react"));
+var import_semi_ui11 = require("@douyinfe/semi-ui");
+var import_react27 = require("@coze-editor/editor/react");
+function Variable() {
+  const [posKey, setPosKey] = (0, import_react26.useState)("");
+  const [visible, setVisible] = (0, import_react26.useState)(false);
+  const [position, setPosition] = (0, import_react26.useState)(-1);
+  const editor = (0, import_react27.useEditor)();
+  function insert(variablePath) {
+    const range = (0, import_react27.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_react26.useEffect)(() => {
+    if (!editor) {
+      return;
+    }
+  }, [editor, visible]);
+  const treeData = useVariableTree({});
+  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_react27.Mention, { triggerCharacters: ["{", "{}"], onOpenChange: handleOpenChange }), /* @__PURE__ */ import_react26.default.createElement(
+    import_semi_ui11.Popover,
+    {
+      visible,
+      trigger: "custom",
+      position: "topLeft",
+      rePosKey: posKey,
+      content: /* @__PURE__ */ import_react26.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react26.default.createElement(
+        import_semi_ui11.Tree,
+        {
+          treeData,
+          onSelect: (v) => {
+            insert(v);
+          }
+        }
+      ))
+    },
+    /* @__PURE__ */ import_react26.default.createElement(
+      import_react27.PositionMirror,
+      {
+        position,
+        onChange: () => setPosKey(String(Math.random()))
+      }
+    )
+  ));
+}
+var variable_default = Variable;
+
+// src/components/prompt-editor-with-variables/index.tsx
+function PromptEditorWithVariables(props) {
+  return /* @__PURE__ */ import_react28.default.createElement(PromptEditor, { ...props }, /* @__PURE__ */ import_react28.default.createElement(variable_default, null));
+}
+
 // src/effects/provide-batch-input/index.ts
-var import_editor5 = require("@flowgram.ai/editor");
-var provideBatchInputEffect = (0, import_editor5.createEffectFromVariableProvider)({
+var import_editor7 = require("@flowgram.ai/editor");
+var provideBatchInputEffect = (0, import_editor7.createEffectFromVariableProvider)({
   private: true,
   parse: (value, ctx) => [
-    import_editor5.ASTFactory.createVariableDeclaration({
+    import_editor7.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}_locals`,
       meta: {
-        title: (0, import_editor5.getNodeForm)(ctx.node)?.getValueIn("title"),
+        title: (0, import_editor7.getNodeForm)(ctx.node)?.getValueIn("title"),
         icon: ctx.node.getNodeRegistry().info?.icon
       },
-      type: import_editor5.ASTFactory.createObject({
+      type: import_editor7.ASTFactory.createObject({
         properties: [
-          import_editor5.ASTFactory.createProperty({
+          import_editor7.ASTFactory.createProperty({
             key: "item",
-            initializer: import_editor5.ASTFactory.createEnumerateExpression({
-              enumerateFor: import_editor5.ASTFactory.createKeyPathExpression({
+            initializer: import_editor7.ASTFactory.createEnumerateExpression({
+              enumerateFor: import_editor7.ASTFactory.createKeyPathExpression({
                 keyPath: value.content || []
               })
             })
           }),
-          import_editor5.ASTFactory.createProperty({
+          import_editor7.ASTFactory.createProperty({
             key: "index",
-            type: import_editor5.ASTFactory.createNumber()
+            type: import_editor7.ASTFactory.createNumber()
           })
         ]
       })
@@ -1879,22 +2248,21 @@ var provideBatchInputEffect = (0, import_editor5.createEffectFromVariableProvide
 });
 
 // src/effects/provide-batch-outputs/index.ts
-var import_editor6 = require("@flowgram.ai/editor");
-var provideBatchOutputsEffect = (0, import_editor6.createEffectFromVariableProvider)({
-  private: true,
+var import_editor8 = require("@flowgram.ai/editor");
+var provideBatchOutputsEffect = (0, import_editor8.createEffectFromVariableProvider)({
   parse: (value, ctx) => [
-    import_editor6.ASTFactory.createVariableDeclaration({
+    import_editor8.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}`,
       meta: {
-        title: (0, import_editor6.getNodeForm)(ctx.node)?.getValueIn("title"),
+        title: (0, import_editor8.getNodeForm)(ctx.node)?.getValueIn("title"),
         icon: ctx.node.getNodeRegistry().info?.icon
       },
-      type: import_editor6.ASTFactory.createObject({
+      type: import_editor8.ASTFactory.createObject({
         properties: Object.entries(value).map(
-          ([_key, value2]) => import_editor6.ASTFactory.createProperty({
+          ([_key, value2]) => import_editor8.ASTFactory.createProperty({
             key: _key,
-            initializer: import_editor6.ASTFactory.createWrapArrayExpression({
-              wrapFor: import_editor6.ASTFactory.createKeyPathExpression({
+            initializer: import_editor8.ASTFactory.createWrapArrayExpression({
+              wrapFor: import_editor8.ASTFactory.createKeyPathExpression({
                 keyPath: value2.content || []
               })
             })
@@ -1906,14 +2274,14 @@ var provideBatchOutputsEffect = (0, import_editor6.createEffectFromVariableProvi
 });
 
 // src/effects/auto-rename-ref/index.ts
-var import_lodash3 = require("lodash");
-var import_editor7 = require("@flowgram.ai/editor");
+var import_lodash4 = require("lodash");
+var import_editor9 = require("@flowgram.ai/editor");
 var autoRenameRefEffect = [
   {
-    event: import_editor7.DataEvent.onValueInit,
+    event: import_editor9.DataEvent.onValueInit,
     effect: (params) => {
       const { context, form, name } = params;
-      const renameService = context.node.getService(import_editor7.VariableFieldKeyRenameService);
+      const renameService = context.node.getService(import_editor9.VariableFieldKeyRenameService);
       const disposable = renameService.onRename(({ before, after }) => {
         const beforeKeyPath = [
           ...before.parentFields.map((_field) => _field.key).reverse(),
@@ -1943,7 +2311,7 @@ function isRef(value) {
   return value?.type === "ref" && Array.isArray(value?.content) && typeof value?.content[0] === "string";
 }
 function traverseRef(name, value, cb) {
-  if ((0, import_lodash3.isObject)(value)) {
+  if ((0, import_lodash4.isObject)(value)) {
     if (isRef(value)) {
       cb(name, value);
       return;
@@ -1953,7 +2321,7 @@ function traverseRef(name, value, cb) {
     });
     return;
   }
-  if ((0, import_lodash3.isArray)(value)) {
+  if ((0, import_lodash4.isArray)(value)) {
     value.forEach((_value, idx) => {
       traverseRef(`${name}[${idx}]`, _value, cb);
     });
@@ -1963,13 +2331,13 @@ function traverseRef(name, value, cb) {
 }
 
 // src/effects/provide-json-schema-outputs/index.ts
-var import_editor8 = require("@flowgram.ai/editor");
-var provideJsonSchemaOutputs = (0, import_editor8.createEffectFromVariableProvider)({
+var import_editor10 = require("@flowgram.ai/editor");
+var provideJsonSchemaOutputs = (0, import_editor10.createEffectFromVariableProvider)({
   parse: (value, ctx) => [
-    import_editor8.ASTFactory.createVariableDeclaration({
+    import_editor10.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}`,
       meta: {
-        title: (0, import_editor8.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
+        title: (0, import_editor10.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
         icon: ctx.node.getNodeRegistry().info?.icon
       },
       type: JsonSchemaUtils.schemaToAST(value)
@@ -1978,12 +2346,12 @@ var provideJsonSchemaOutputs = (0, import_editor8.createEffectFromVariableProvid
 });
 
 // src/effects/sync-variable-title/index.ts
-var import_editor9 = require("@flowgram.ai/editor");
+var import_editor11 = require("@flowgram.ai/editor");
 var syncVariableTitle = [
   {
-    event: import_editor9.DataEvent.onValueChange,
+    event: import_editor11.DataEvent.onValueChange,
     effect: ({ value, context }) => {
-      context.node.getData(import_editor9.FlowNodeVariableData).allScopes.forEach((_scope) => {
+      context.node.getData(import_editor11.FlowNodeVariableData).allScopes.forEach((_scope) => {
         _scope.output.variables.forEach((_var) => {
           _var.updateMeta({
             title: value || context.node.id,
@@ -1994,19 +2362,89 @@ var syncVariableTitle = [
     }
   }
 ];
+
+// src/form-plugins/batch-outputs-plugin/index.ts
+var import_editor12 = require("@flowgram.ai/editor");
+var provideBatchOutputsEffect2 = (0, import_editor12.createEffectFromVariableProvider)({
+  parse: (value, ctx) => [
+    import_editor12.ASTFactory.createVariableDeclaration({
+      key: `${ctx.node.id}`,
+      meta: {
+        title: (0, import_editor12.getNodeForm)(ctx.node)?.getValueIn("title"),
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: import_editor12.ASTFactory.createObject({
+        properties: Object.entries(value).map(
+          ([_key, value2]) => import_editor12.ASTFactory.createProperty({
+            key: _key,
+            initializer: import_editor12.ASTFactory.createWrapArrayExpression({
+              wrapFor: import_editor12.ASTFactory.createKeyPathExpression({
+                keyPath: value2?.content || []
+              })
+            })
+          })
+        )
+      })
+    })
+  ]
+});
+var createBatchOutputsFormPlugin = (0, import_editor12.defineFormPluginCreator)({
+  name: "batch-outputs-plugin",
+  onSetupFormMeta({ mergeEffect }, { outputKey }) {
+    mergeEffect({
+      [outputKey]: provideBatchOutputsEffect2
+    });
+  },
+  onInit(ctx, { outputKey }) {
+    const chainTransformService = ctx.node.getService(import_editor12.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_editor12.getNodeScope)(node.parent)];
+        }
+        return covers;
+      },
+      transformDeps(scopes, ctx2) {
+        const scopeMeta = ctx2.scope.meta;
+        if (scopeMeta?.type === import_editor12.FlowNodeScopeType.private) {
+          return scopes;
+        }
+        const node = scopeMeta?.node;
+        if (node?.flowNodeType === batchNodeType) {
+          const childBlocks = node.blocks;
+          return [
+            (0, import_editor12.getNodePrivateScope)(node),
+            ...childBlocks.map((_childBlock) => (0, import_editor12.getNodeScope)(_childBlock))
+          ];
+        }
+        return scopes;
+      }
+    });
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrayIcons,
+  BatchOutputs,
   BatchVariableSelector,
   ConditionRow,
   ConstantInput,
   DynamicValueInput,
   JsonSchemaEditor,
   JsonSchemaUtils,
+  PromptEditor,
+  PromptEditorWithVariables,
   TypeSelector,
   VariableSelector,
   VariableTypeIcons,
   autoRenameRefEffect,
+  createBatchOutputsFormPlugin,
   formatLegacyRefOnInit,
   formatLegacyRefOnSubmit,
   formatLegacyRefToNewRef,
@@ -2019,6 +2457,7 @@ var syncVariableTitle = [
   provideBatchInputEffect,
   provideBatchOutputsEffect,
   provideJsonSchemaOutputs,
-  syncVariableTitle
+  syncVariableTitle,
+  useVariableTree
 });
 //# sourceMappingURL=index.js.map