AI输入内容预补全

项目访问链接

方法一（多项建议列表）： https://zion.functorz.com/tool/wxjD4gy4blG/WEB?code=MMy155YAykLyR
方法二（流式文本补全）： https://zion.functorz.com/tool/DqQnbOVbo55/WEB?code=5vk4mzyOjH9dy

核心目标：通过根据初始输入提供文本预测，从而增强用户体验。
方案选择
- 方法一：多项建议列表
  - 概述：提供多个由 AI 生成的独立选项供用户选择，并将所有建议保存到数据库中。
  - 适用场景：搜索栏联想、AI 灵感激发工具或邮件主题生成。
- 方法二：实时流式补全
  - 概述：提供单个实时的、逐字生成的预测内容，作为行内建议无缝完成当前句子。
  - 适用场景：快速聊天应用、文本编辑器或快速表单填写。
核心逻辑
- 方法一：输入触发 -> 异步行为流 -> AI Agent（结构化数组） -> 数据库表 -> UI 列表（订阅模式）。
- 方法二：输入触发 -> AI Agent（流式输出） -> 页面变量 -> UI 文本组件。

此方法生成一组存储在数据库中的建议列表，允许用户从几个不同的补全方案中进行选择。

为了处理 AI 生成的异步特性，我们将建议存储在一张表中，以便前端可以“订阅”它们的变化。

Agent必须返回结构化数据，以便后端逻辑处理多个选项。

AI Agent：创建Agent Agent_内容补全。
输入参数：添加 用户输入 (文本)。
提示词模板：
- 角色：你是一个文本补全助手。
- 任务详情：基于 \{输入/用户输入\}，返回 3 个不同的补全选项，每项不超过 10 个字。
输出配置：设置为 结构化 (Structured)。定义一个 ARRAY(STRING) 类型的字段，命名为 suggestions。

节点逻辑：
1. 开始节点：定义参数 content (文本)。
2. AI 节点 (开始会话)：选择 Agent_内容补全。将其输入参数绑定为行为流的 content。
3. 循环 (循环存储补全建议)：
  - 数据源：选择 AI 节点输出的 suggestions 数组。
4. 添加数据 (存储补全建议)：在循环内部，向 建议记录 表插入一条记录。
  - 用户输入：绑定到行为流参数 content。
  - 补充文本：绑定到循环节点的 当前项 (item)。
  - 会话id：绑定到 AI 节点的 id。

输入框触发：在 输入框 组件的 值变化时触发 事件中，添加条件：STRING_LEN(输入组件.输入框) >= 3。若满足条件，执行上述行为流。

建议列表：在输入框下方放置一个 条件式容器，将其显示条件设置为 STRING_LEN(输入组件.输入框) >= 3。在容器内放置一个列表组件。

建议关闭“触发对象值变化时行为”开关，防止回填操作再次触发新的 AI 生成行为。

此方法提供一种即时的、逐字生成的预测预览，直接流式传输到 UI 组件中进行显示。

此方案不依赖数据库存储，而是使用页面变量进行临时状态管理和即时展示。

画布配置：
- 放置一个 输入框 组件供用户输入。
- 在下方放置一个文本组件，内容绑定为 页面变量.content。
流式交互：
- 选择 输入框，在行为 -> 值变化时触发 中：
- 条件：STRING_LEN(输入组件.输入框) >= 3。
- 动作：AI -> 开始会话。
- 配置：选择上述流式Agent，并设置 将流式的最终结果增加到 指向 页面变量.content。

在配置“开始会话”动作时，可以关闭底部的“请求时显示加载动画”开关。这样可以确保流式文本生成时，页面不会被加载动画阻断，提供更平滑的补全效果。

建议采纳：
- 选择显示建议内容的文本组件。在 点击时 事件中：
- 动作 1：设置输入组件值 -> 目标：输入框 -> 值：页面变量.content。（关闭“触发对象值变化时行为”）
- 动作 2：设置页面变量 -> 将 content 重置为空文本。