功能建议:对话流内嵌交互式 HTML 卡片(内联 Artifact)

场景与诉求

在使用 Qoder CN 进行数据分析、可视化类任务时,希望图表、示意图、交互组件能直接以可交互的 HTML 卡片形式渲染在对话气泡内,而不是落地为工作区文件再跳转预览。

现状与差距

目前对话区只支持 Markdown 渲染(文字、表格、代码块、静态图片)。对比具备内联 Artifact 能力的产品,存在三点差距:

无法交互 — 可视化只能看不能操作(悬停提示、筛选、步进器等全部不可用)
清晰度受限 — 降级为静态图片后放大会糊,且丢失矢量渲染
体验割裂 — 图表以文件形式落在工作区,阅读上下文需要在对话与预览间来回切换

期望能力

对话消息流中支持沙箱化的 HTML/JS 渲染容器(CSP + 白名单 CDN 控制安全)
卡片随流式输出渐进渲染,支持浅/深色主题跟随宿主
交互逻辑在卡片内本地执行,不额外消耗模型调用

参考实现

WorkBuddy v5.4.4 的内联可视化系统:五个模块(diagram / chart / interactive / art / mockup)+ 共享设计规范(680px SVG 基准、扁平风格、字号字重约束),产物直接嵌在对话中且支持鼠标交互。

展开
收起
游客jos4qhfi75nzo 2026-08-29 22:38:40 35 分享 版权
0 条回答
写回答
取消 提交回答

通义灵码智能编码助手

热门讨论

热门文章

还有其他疑问?
咨询AI助理