docs/requirements/2025-10-11-16-47-implement-static-page-generation.md

需求：实现静态页面生成功能

• 创建时间: 2025-10-11
• 状态: 已验证 (Verified)

1. 需求描述

在“代码生成”标签页中，当用户选择“静态页面”并输入需求后，应用需要调用 Ling-1T 模型来生成相应的 HTML 代码。

2. 技术实现与核心要求

• 模型对接:
  • 必须调用真实的 Ling-1T 模型，而不是使用本地 mock 数据。
• 流式输出 (Streaming):
  • 模型的响应必须以流式的方式返回。
  • 在 UI 的“源代码”区域，用户应该能看到代码被逐字打印出来的效果。
• 多输出更新 (Multi-output Update):
  • generate_code 函数需要被实现为一个**生成器 (generator)**。
  • 在每次 yield 时，它需要同时更新两个输出：
    1. 源代码区域: yield 累积的完整代码字符串。
    2. 预览区域: yield 一个根据当前累积代码生成的 gr.HTML 组件，以便在 <iframe> 中实时预览。

3. 验收标准 (Acceptance Criteria)

1. 功能可用: 在 UI 上选择“静态页面”，输入“创建一个红色背景的'Hello World'页面”，点击“生成代码”。
2. 流式显示: “源代码”区域的文本内容是动态地、逐字增加的。
3. 实时预览: “实时预览”区域的 <iframe> 能够随着代码的生成而实时更新并最终展示一个红色背景的页面。
4. 代码完整: 最终生成的代码是一个结构完整、语法正确的 HTML 文档。

4. 验证方式

• 通过 UI 手动测试静态页面生成功能。

5. 验证结果

• 已验证 (Verified)。流式输出和实时预览功能均按预期工作。