PixPal AI 无限画布（React、@xyflow/react）产品系统

面向 AI 文生图、图生图场景的可视化无限画布应用。用户可在画布中创建文本、图片等自定义节点，通过连线建立上下游引用关系，组合提示词、参考图及生成参数，提交 AI 工作流并管理多张生成结果，实现从素材组织、提示词编排到图片生成的完整操作链路。

项目职责：
1.基于 React Flow 封装通用无限画布组件，完成节点创建、拖拽、缩放、框选、连线、视口缩放、小地图及画布控制台等功能。
2.开发文本、图片等自定义节点，实现节点自定义宽高、等比缩放、选中状态、连接点、浮动工具栏及左右快捷创建入口。
3.使用 contentEditable 实现文本输入组件，完成内容回显、失焦保存、光标管理、普通文本与 HTML 内容处理。
4.实现节点 @ 引用能力，根据连线关系展示可引用节点，并在连线删除或恢复时同步更新引用文本状态。
5.接入文生图、图生图工作流，处理任务提交、轮询状态、失败提示、取消生成及生成结果回写。
6.实现图片上传、文件类型和大小校验，并根据图片原始尺寸动态调整节点比例，支持后续等比缩放。
7.开发多图片结果缩略图组件，实现缩略图选择、前后切换、当前图片定位、历史生成结果追加与主图联动。

1.从零搭建可复用的 AI 无限画布核心能力，形成文本节点、图片节点、连线关系和生成任务协同工作的完整闭环。
2.实现自定义节点等比缩放、图片尺寸适配、工具栏跟随及动态连接点等交互能力。
3.实现基于节点 ID 和连线关系的引用机制，使文本提示词能够动态引用上游文本或图片内容。
4.支持多轮生成结果追加和缩略图切换，避免新结果覆盖历史图片，提升生成结果对比和选择效率。
5.将画布、节点、编辑器、缩略图、配置面板及请求层拆分为独立组件和工具函数，降低后续新增节点类型与生成能力的开发成本。