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)。流式输出和实时预览功能均按预期工作。