为网站开发一个嵌入式实时聊天支持小部件

我们有一个有访客的网站，我们希望在页面上实时添加实时支持。工作的结果是一个嵌入式聊天小部件：一个角落的轻气泡按钮，展开为对话窗口，将访客与我们的操作员连接，并在桌面和移动设备上同样方便使用。这确实是一个人工实时聊天，而不是AI机器人或推送通知服务。我们已经有自己的风格，因此小部件应该可以自定义我们的颜色、徽标和字体，并且应该快速加载而不阻塞主页面。

在操作员一侧，我们需要一个功能齐全的收件箱，多个员工可以同时进行对话。来访聊天应分配给可用的代理，当每个人都忙时有一个简单的队列，操作员之间的对话转移和双方的输入指示。代理需要对常见问题的预设回复和聊天旁边的访客上下文：当前页面、来源、浏览器和语言、过去访问的简短历史。当操作员离线时，小部件应切换到一个离线表单，收集访客的姓名、电子邮件和消息，以确保没有信息丢失，这些消息应发送到同一个收件箱。

交付内容应包括一个干净的代码片段，以便插入到我们的模板中，一个小的管理面板用于管理代理和预设回复，以及基本的对话存储，以便查看过去的聊天记录。

— 气泡按钮和对话窗口，可自定义为我们的品牌
— 带路由、队列、转移和输入指示的代理收件箱
— 预设回复和访客上下文（页面、来源、设备、历史）
— 当操作员离线时的离线消息接收表单
— 安装代码片段、管理面板和聊天历史存储