本文介绍了 AI 应用 LGUI 交互范式，并简介魔笔如何支持 LGUI 交互应用搭建。
LGUI 说明
LGUI 是一种结合 语言用户界面（LUI） 和 图形用户界面（GUI） 的全新交互形式，专为 AI 原生应用设计，以 自然语言交互（如 Chat 对话）为主体，融合 GUI 的丰富呈现与交互能力，打造更智能、更高效的用户体验。
魔笔业界首创 LGUI 设计器，助力开发者一站式构建 LGUI 交互型 AI 应用。
设计器采用统一的搭建体系与物料体系，提供可视化、实时调试的开发体验。主要能力包括：自定义 Chat 和自定义 Widget。
自定义 Chat
新增对话容器（ChatPro）组件，不同于原有的聊天（Chat）组件，对话容器支持通过拖拽配置的方式完全定制 Chat UI 和交互，主要功能和特点包括：
原子化灵活搭建
原子级物料体系：所有组件均采用原子化设计，可自由组合拼装，满足各种个性化需求
多角色差异化配置：为用户、AI助手、系统等不同角色提供独立的搭建空间和样式定制
模块化自由组装：每个功能模块都可独立配置，像搭积木一样灵活组合出理想的聊天视图界面
丰富的搭建物料
魔笔提供完整丰富的聊天视图构建工具箱：
气泡：聊天气泡。AI 会话中承载聊天内容的基本单元。
多角色列表：AI 会话中按照角色不同承载一组会话的列表视图。在魔笔中可根据角色的不同来分别进行视图搭建。
发送框：AI 会话中发送消息的操作界面，支持文字、语音、多模态输入等多种交互形式。
会话管理：导航类组件，会话管理主要用于展示一组或多组历史 AI 会话记录，并提供针对单个会话的操作界面。
思维链：思维链组件，用于展示聊天过程中AI的思考过程。
动作列表：快捷操作组件，用于展示聊天消息的操作栏的附属功能，如复制内容、重新发送等。
文件卡片：文件展示组件，用于展现聊天过程中的文件/多媒体输入结果。
聊天容器：数据容器类组件，AI 聊天过程中上下文、通信数据的管理。
Widget 渲染器：自定义Widget渲染器，集成可复用的业务逻辑视图。
所见即所得的搭建体验
拖拽式自由搭建：像搭积木一样组合各种组件，轻松打造专属Chat界面
实时效果预览：搭建过程中即时查看效果，随时调整到满意状态
低代码快速上手：通过可视化操作即可完成专业级 Chat 应用
此外，我们在应用中预制了开箱即用的搭建组合，您可以直接拖入基础会话组件，快速体验灵活、自由的聊天界面客制化功能。
自定义 Widget
Widget：是可渲染的动态内容单元，Widget 拥有自身独立的 Scope，可实现独立的逻辑闭环，提升应用搭建和维护的效率。Widget 仅能嵌入于 Widget 渲染器（页面组件）中进行展示。Widget 的搭建方式与页面搭建保持一致。
Widget 渲染器：是一种可配置的数据驱动页面组件，支持动态绑定和条件渲染多个 Widget，实现内容的灵活组合与智能展示。借助 Widget 渲染器的配置能力，使用者可以灵活地在页面中或会话流中进行 Widget 渲染，并可以通过 Widget 渲染器向 Widget 中传递参数或响应 Widget 触发的事件。
Widget 搭建主要有以下能力：
代码与组件
入参与模拟参数
事件
事件声明
画布预览宽度