From 12127944590ad176cef73d2744892c495769873d Mon Sep 17 00:00:00 2001
From: ai_member_only <ai@makee.com>
Date: Tue, 9 Jun 2026 08:10:02 +0800
Subject: [PATCH] auto backup: 2026-06-09 08:10:02

---
 AGENTS.md                                     |   29 +-
 .../skills/component-design/SKILL.md          |   24 +-
 .../script-component-production/SKILL.md      |   21 +-
 .../interactive-component-json/SKILL.md       |  178 +-
 .../db/components.db                          |  Bin 8093696 -> 8314880 bytes
 ...1-S2-U19-L4 明天见_20260608_124202.html | 4805 +++++++++++++++
 ...2-U21-L1 寻人启事_20260608_113031.html | 5094 ++++++++++++++++
 ...2-U21-L1 寻人启事_20260608_122228.html | 5093 ++++++++++++++++
 ...2-U21-L1 寻人启事_20260608_123114.html | 5245 ++++++++++++++++
 ...2-U21-L1 寻人启事_20260608_124526.html | 5250 +++++++++++++++++
 ...2-U21-L2 运输小队_20260608_174526.html | 5249 ++++++++++++++++
 ...2-U21-L3 搭建基地_20260608_225514.html | 4922 ++++++++++++++++
 ...2-U21-L3 搭建基地_20260608_225714.html | 4922 ++++++++++++++++
 memory/.dreams/events.jsonl                   |    2 +
 memory/.dreams/short-term-recall.json         |   28 +-
 memory/2026-06-08-1132.md                     |   97 +
 memory/2026-06-08.md                          |   26 +
 ...L1-S2-U21-L1_组件配置审校报告.html |  230 +
 18 files changed, 41078 insertions(+), 137 deletions(-)
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U19-L4 明天见_20260608_124202.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_113031.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_122228.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_123114.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_124526.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260608_174526.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225514.html
 create mode 100644 business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225714.html
 create mode 100644 memory/2026-06-08-1132.md
 create mode 100644 memory/2026-06-08.md
 create mode 100644 output/L1-S2-U21-L1_组件配置审校报告.html

diff --git a/AGENTS.md b/AGENTS.md
index b91178f..9c395a7 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -172,7 +172,7 @@ Skills 按四层架构组织：
 多业务模块共用的飞书操作技能，如内嵌Sheet读写、多维表格操作、文档正文写入、L1配置审校等。
 
 ### 第四层：模块专属技能（`./business_production/<模块>/skills/`）
-仅服务于特定业务模块的技能，如组件配置JSON生成、单元挑战题型生产、对话组件配置等。
+仅服务于特定业务模块的技能，如组件配置JSON生成、单元挑战题型生产等。
 
 ### 系统级技能
 `/root/.openclaw/skills` — 系统内置通用技能（定时任务、天气等）。
@@ -217,6 +217,13 @@ Skills 按四层架构组织：
 
 收到以下触发词时，**必须先读取对应 SKILL.md 再执行**，禁止跳过 skill 直接用 MEMORY.md 规则手动处理。
 
+⚠️ **路由决策规则（优先级最高）：**
+1. 收到用户消息后，**先扫描本表格所有触发词**，找到第一个匹配的即停止
+2. **匹配后只读取该行对应的 SKILL.md**，禁止读取同一模块下其他技能的 SKILL.md
+3. 特别注意以下易混淆对：
+   - `组件配置` → `interactive-component-json`（组件配置模块），**不要**读 `script-component-production`
+   - `组件生产` → `script-component-production`（组件生产模块），**不要**读 `interactive-component-json`
+
 #### 英文台词（English Script Production）
 
 | 触发词 | 技能 | 路径 |
@@ -234,34 +241,18 @@ Skills 按四层架构组织：
 |--------|------|------|
 | `/组件生产`、`组件生产`、`组件回填` | `script-component-production` | `business_production/组件生产/skills/script-component-production/SKILL.md` |
 | `组件设计`、`设计组件` | `component-design` | `business_production/组件生产/skills/component-design/SKILL.md` |
-| `对话互动配置`、`对话组件配置` | `dialogue-interaction-config` | `business_production/组件生产/skills/dialogue-interaction-config/SKILL.md` |
 | `互动组件规范`、`组件格式参考` | `vala-interactive-components` | `business_production/组件生产/skills/vala-interactive-components/SKILL.md` |
 | `组件标准化`、`对话组件标准化` | `task-router`（`dialogue-components-standardizer`） | `business_production/组件生产/skills/task-router/SKILL.md` |
 
-##### 对话类组件配置子技能（由 `dialogue-interaction-config` 调度）
-
-| 触发词 | 技能 | 路径 |
-|--------|------|------|
-| `对话选择配置`、`choose config` | `dialogue-choose-config` | `business_production/组件生产/skills/dialogue-choose-config/SKILL.md` |
-| `核心导航配置`、`core navigation config` | `dialogue-core-navigation-config` | `business_production/组件生产/skills/dialogue-core-navigation-config/SKILL.md` |
-| `对话挖空配置`、`fill in blanks config` | `dialogue-fill-in-blanks-config` | `business_production/组件生产/skills/dialogue-fill-in-blanks-config/SKILL.md` |
-| `看图说话配置`、`image description config` | `dialogue-image-description-config` | `business_production/组件生产/skills/dialogue-image-description-config/SKILL.md` |
-| `对话朗读配置`、`reading config` | `dialogue-reading-config` | `business_production/组件生产/skills/dialogue-reading-config/SKILL.md` |
-| `对话选读配置`、`selective reading config` | `dialogue-selective-reading-config` | `business_production/组件生产/skills/dialogue-selective-reading-config/SKILL.md` |
-| `对话组句配置`、`sentence building config` | `dialogue-sentence-building-config` | `business_production/组件生产/skills/dialogue-sentence-building-config/SKILL.md` |
-| `图片单选配置`、`single choice image config` | `dialogue-single-choice-image-config` | `business_production/组件生产/skills/dialogue-single-choice-image-config/SKILL.md` |
-| `信息组句配置`、`info sentence building` | `info-sentence-building-config` | `business_production/组件生产/skills/info-sentence-building-config/SKILL.md` |
-| `信息拼词配置`、`info word spelling` | `info-word-spelling-config` | `business_production/组件生产/skills/info-word-spelling-config/SKILL.md` |
-
 > **示例：** 用户发来飞书 wiki 链接说「组件生产」→ 调用 `script-component-production`，读剧本表 → 生成互动组件内容 → 回填对应列
 
 #### 组件配置（Component JSON Config）
 
 | 触发词 | 技能 | 路径 |
 |--------|------|------|
-| `组件配置-json`、`组件配置JSON`、`互动组件JSON` | `interactive-component-json` | `business_production/组件配置/interactive-component-json/SKILL.md` |
+| `组件配置`、`组件配置JSON`、`互动组件JSON` | `interactive-component-json` | `business_production/组件配置/interactive-component-json/SKILL.md` |
 
-> **示例：** 用户说「组件配置-json」→ 调用 `interactive-component-json`，根据组件类型生成标准化 JSON 配置
+> **示例：** 用户说「组件配置」→ 调用 `interactive-component-json`，根据组件类型生成标准化 JSON 配置
 
 #### 单元挑战（Unit Challenge）
 
diff --git a/business_production/组件生产/skills/component-design/SKILL.md b/business_production/组件生产/skills/component-design/SKILL.md
index e600966..1afa4fe 100644
--- a/business_production/组件生产/skills/component-design/SKILL.md
+++ b/business_production/组件生产/skills/component-design/SKILL.md
@@ -1,6 +1,6 @@
 ---
 name: component-design
-version: 1.2.0
+version: 1.3.0
 description: 教研互动组件设计规范（结构化文本格式，不涉及JSON）。触发方式：(1) `/组件生产 --feishu-url <链接>` (2) 飞书链接 + "组件"/"设计组件"/"组件回填"。不会误触发：仅含"互动"不触发；含"组件配置-json"不触发（属于 interactive-component-json 技能）。标准化组件生产流程：设计→生成（结构化文本）→校验→回填。
 ---
 
@@ -53,10 +53,12 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
    - 所有组件【正确反馈】统一填「无」
    - 【错误反馈】必须是符合当前剧情场景的自然角色对话，禁止使用指令式、说教式表达（如禁止出现"Try to pronounce clearly, one more time."这类老师命令式内容），必须带角色名
 7. **后置对话规则**：组件行之后紧接的、与组件内容相关的角色台词需要放入【后置对话】字段中
-8. **禁用内容规则**：
+8. **情境引入/后置对话去重规则**：禁止直接复制前一行或后一行的台词原文。若情境引入与前一行的英文台词完全相同，或后置对话与后一行的英文台词完全相同，直接写「无」
+9. **禁用内容规则**：
    - 完全删除所有【图片资源】行
    - 音频载体无特殊要求时填「无」
    - 组件禁止使用组件所在行之前的台词，【情境引入】和【后置对话】无内容时填「无」
+10. **配图组件资源配置规则**：A列含"配图"时，【资源配置】仅保留`图片时机`，不写`音频载体`。图片时机根据有实际内容（非「无」）的 section 动态列出（如「互动内容」「情境引入 互动内容 互动反馈」），所有 section 均无内容则填「无」。图片时机和音频载体禁止同时存在。
 
 ### 二、组件类型专属规则
 #### 1. 物品互动
@@ -71,8 +73,10 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
   ```
 
 #### 2. 对话朗读
-- 包含字段：【任务标题】【资源配置】【情境引入】【互动内容】【互动反馈】【后置对话】
-- 【资源配置】下保留`图片时机`和`音频载体`字段，无教研图时填`图片时机：无`，有教研图时填图片出现的阶段，如`图片时机：【互动内容】`；音频载体无特殊要求填「无」
+- 包含字段：【任务标题】【资源配置】【情境引入】【互动内容】【后置对话】
+- **不包含【互动反馈】字段**
+- **配图规则**：A列含"配图"时，【资源配置】仅保留`图片时机`，不写`音频载体`。图片时机根据有实际内容的 section 动态列出（如「互动内容」「互动内容 后置对话」），无内容则填「无」
+- **无配图时**：【资源配置】下保留`图片时机`和`音频载体`字段，无教研图时填`图片时机：无`，音频载体无特殊要求填「无」
 - 【情境引入】【后置对话】无内容时填「无」
 - 示例：
   ```
@@ -87,10 +91,6 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
   【互动内容】
   User: It is still night.（朗读）
 
-  【互动反馈】
-  正确：无
-  错误：Vicky : Wait, that didn't sound right.
-
   【后置对话】
   无
   ```
@@ -126,13 +126,16 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
   无
   ```
 
-#### 4. 图片类互动（图片单选/多选/有序等）
+#### 4. 图片类互动（图片单选/多选/有序/拖拽等）
+- **不包含【资源配置】字段**，直接从【任务标题】开始
 - 【互动内容】题干必须为指令句式，禁止使用问句
 - 仅知识点单词前后加$符号高亮，非知识点单词不加
 - 图片有序支持4个及以上选项，正确顺序标注为「正确顺序：00→01→02→03」
+- **辅助信息规则**：在「正确：XX」行后添加一行 `辅助信息：{单词} {中文释义}。`，格式参考知识点 Sheet 中的释义列
 - 示例：
   ```
   【任务标题】排序跳格子顺序
+
   【情境引入】
   无
 
@@ -144,7 +147,7 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
   02
   03
   正确顺序：00→01→02→03
-  辅助信息：one by one指"一个接一个"
+  辅助信息：one by one 指"一个接一个"。
 
   【互动反馈】
   正确：无
@@ -248,5 +251,6 @@ description: 教研互动组件设计规范（结构化文本格式，不涉及J
 
 ---
 ## 版本更新记录
+- v1.3（2026-06-08）：图片类互动删除【资源配置】字段、新增辅助信息规则；对话朗读删除【互动反馈】字段；新增配图组件资源配置规则；新增情境引入/后置对话去重规则（禁止复制前后行台词原文）
 - v1.2（2026-04-09）：修正图片类互动高亮规则（仅知识点单词加$，非知识点不加），新增对话选择、对话选读、对话表达三类组件的配置规则及标准模板
 - v1.1（2026-04-09）：新增错误反馈、任务标题、对话组句、选项格式等规则，修正不符合生产要求的旧规则
diff --git a/business_production/组件生产/skills/script-component-production/SKILL.md b/business_production/组件生产/skills/script-component-production/SKILL.md
index 3dca8c6..b7fe2b5 100644
--- a/business_production/组件生产/skills/script-component-production/SKILL.md
+++ b/business_production/组件生产/skills/script-component-production/SKILL.md
@@ -1,6 +1,6 @@
 ---
 name: script-component-production
-description: 剧本互动组件内容生产/审校/回填技能（不涉及JSON转换）。触发方式：(1) `/组件生产 --feishu-url <链接>` (2) 飞书链接 + "组件生产"/"组件回填"。不会误触发：仅含"互动"不触发；含"组件配置-json"不触发（属于 interactive-component-json 技能）。覆盖27种中互动+14种核心互动，从剧本sheet读取→识别→生成组件内容（结构化文本格式）→审校→回填。
+description: 剧本互动组件内容生产/审校/回填技能（不涉及JSON转换）。触发方式：(1) `/组件生产 --feishu-url <链接>` (2) 飞书链接 + "组件生产"/"组件回填"。不会误触发：仅含"互动"不触发；含"组件配置"不触发（属于 interactive-component-json 技能）。覆盖27种中互动+14种核心互动，从剧本sheet读取→识别→生成组件内容（结构化文本格式）→审校→回填。
 ---
 
 # 剧本互动组件内容生产技能
@@ -15,7 +15,7 @@ description: 剧本互动组件内容生产/审校/回填技能（不涉及JSON
 **不会触发的情况：**
 - ❌ 仅说"互动" → 不触发（太模糊）
 - ❌ 仅说"组件" → 不触发（需要结合文档链接）
-- ❌ 消息含 **"组件配置-json"** → 不触发（属于 `interactive-component-json` 技能，由它独立响应）
+- ❌ 消息含 **"组件配置"** → 不触发（属于 `interactive-component-json` 技能，由它独立响应）
 - ✅ 正确使用：`/组件生产 --feishu-url https://... --mode backfill`
 
 ---
@@ -33,7 +33,7 @@ description: 剧本互动组件内容生产/审校/回填技能（不涉及JSON
 ## 职责边界（重要）
 
 ```
-/组件生产（本技能）              /组件配置-json（interactive-component-json 技能）
+/组件生产（本技能）              /组件配置（interactive-component-json 技能）
      │                                    │
   剧本组件内容生产                      JSON配置格式转换
   输出：结构化文本                      输入：结构化文本
@@ -45,7 +45,7 @@ description: 剧本互动组件内容生产/审校/回填技能（不涉及JSON
 
 - **本技能产出**：结构化文本格式的组件内容（见下方「输出格式」）
 - **本技能不负责**：将组件内容转换为JSON、定义JSON schema、生成JSON配置
-- **下游流程**：教研员审校确认后，通过 `/组件配置-json`（`interactive-component-json` 技能）转换
+- **下游流程**：教研员审校确认后，通过 `/组件配置`（`interactive-component-json` 技能）转换
 
 ---
 
@@ -152,10 +152,14 @@ This is my picture. It's ___, green and orange.（音频）
 | 6 | 选项格式 | 对话类用「选项1：XXX」、图片类用00/01/02编号 |
 | 7 | 反馈格式 | 错误反馈带角色名、自然对话、非指令式 |
 | 8 | 高亮规则 | 图片类仅知识点词加$、对话类不加 |
-| 9 | 情境引入 | 无内容填「无」，多句换行，格式为「角色名: 台词」 |
-| 10 | 后置对话 | 取组件行之后的紧接台词，无则填「无」 |
+| 9 | 情境引入 | 无内容填「无」，多句换行，格式为「角色名: 台词」。**禁止直接复制前一行台词原文**，相同则填「无」 |
+| 10 | 后置对话 | 取组件行之后的紧接台词，无则填「无」。**禁止直接复制后一行台词原文**，相同则填「无」 |
 | 11 | 超纲检查 | 词汇/句型在对应级别词库/句型库范围内 |
 | 12 | 标点符号 | 统一使用标准英文标点，禁止「～」「!!!」等非标准标点 |
+| 13 | 图片类资源配置 | 图片类互动（图片单选/多选/有序/拖拽）**不包含【资源配置】字段** |
+| 14 | 图片类辅助信息 | 图片类互动在「正确：XX」后添加 `辅助信息：{单词} {中文释义}。`，释义参考知识点 Sheet |
+| 15 | 对话朗读反馈 | 对话朗读**不包含【互动反馈】字段** |
+| 16 | 配图资源配置 | A列含"配图"时，仅保留`图片时机`（不写`音频载体`），根据有内容的 section 动态列出 |
 
 #### 回填
 - 将生成的结构化文本写入列G（组件配置）
@@ -188,7 +192,7 @@ This is my picture. It's ___, green and orange.（音频）
 ## 与上下游技能的协作
 
 ```
-/英文台词          →   /组件生产（本技能）    →  [教研员审校]  →  /组件配置-json
+/英文台词          →   /组件生产（本技能）    →  [教研员审校]  →  /组件配置
 (kids-english-)       (script-component-)                    (interactive-component-json)
      │                       │
   列E→列F                 列G（结构化文本）                  列G→标准JSON
@@ -197,7 +201,7 @@ This is my picture. It's ___, green and orange.（音频）
 1. **先**：`/英文台词` → 生产列E→列F的英文台词
 2. **后**：`/组件生产` → 生产列G的组件内容（结构化文本）
 3. **然后**：教研员二轮审校，确认无误
-4. **最后**：`/组件配置-json` → 将确认后的组件内容转为标准JSON配置
+4. **最后**：`/组件配置` → 将确认后的组件内容转为标准JSON配置
 
 ---
 
@@ -234,5 +238,6 @@ This is my picture. It's ___, green and orange.（音频）
 
 ## 版本历史
 
+- v1.2.0（2026-06-08）：审校检查项新增 #13-#16（图片类资源配置、辅助信息、对话朗读反馈、配图资源配置）；更新 #9-#10 情境引入/后置对话去重规则
 - v1.1.0（2026-05-13）：明确职责边界，产出格式从JSON改为结构化文本，与 interactive-component-json 解耦
 - v1.0.0（2026-05-13）：初始版本，覆盖27种中互动 + 14种核心互动，完整6节点流程
diff --git a/business_production/组件配置/interactive-component-json/SKILL.md b/business_production/组件配置/interactive-component-json/SKILL.md
index c7cbaee..de1d4ad 100644
--- a/business_production/组件配置/interactive-component-json/SKILL.md
+++ b/business_production/组件配置/interactive-component-json/SKILL.md
@@ -3,9 +3,9 @@ name: interactive-component-json
 version: 8.0.0
 description: >
   LLM驱动的互动组件配置JSON生成器。
-  触发场景：用户发送"组件配置-json"或包含飞书剧本文档链接（wiki URL/token）时自动触发。
-  覆盖全部27种中互动组件类型 + 12种核心互动类型，从飞书wiki剧本文档出发，
-  经过sheet数据解析、组件类型匹配、LLM生成jsonData、MySQL知识点库匹配kpInfo，
+  触发场景:用户发送"组件配置"或包含飞书剧本文档链接(wiki URL/token)时自动触发。
+  覆盖全部27种中互动组件类型 + 12种核心互动类型,从飞书wiki剧本文档出发,
+  经过sheet数据解析、组件类型匹配、LLM生成jsonData、MySQL知识点库匹配kpInfo,
   最终输出组件配置JSON和HTML报告。
 metadata:
   requires:
@@ -18,83 +18,83 @@ metadata:
     endpoint: ep-20260106175024-6stxn
 ---
 
-注意: 需求描述请更新到 project.md 中！变更记录请更新到 prd.md 中！
+注意: 需求描述请更新到 project.md 中!变更记录请更新到 prd.md 中!
 
 
 # 互动组件配置JSON生成器
 
-## 文本输出规范（jsonData 内容强制遵守）
+## 文本输出规范(jsonData 内容强制遵守)
 
-所有生成的 JSON 配置中，任何嵌入的文本内容（题目、选项、解析、台词等）必须遵守：
-1. 禁止 Markdown 标记（`**` `*` `__` `_` `#` `>` `-`），纯文本输出
-2. 英式拼写优先（colour/centre/travelling 等）
-3. 标点符号规范：英文半角（. , ! ?），中文全角（，。！？），不混用
+所有生成的 JSON 配置中,任何嵌入的文本内容(题目、选项、解析、台词等)必须遵守:
+1. 禁止 Markdown 标记(`**` `*` `__` `_` `#` `>` `-`),纯文本输出
+2. 英式拼写优先(colour/centre/travelling 等)
+3. 标点符号规范:英文半角(. , ! ?),中文全角(,。!?),不混用
 
 ## 触发场景
 
-用户发送以下格式的消息时触发完整处理流水线：
+用户发送以下格式的消息时触发完整处理流水线:
 
 ```
 组件配置json {飞书剧本文档链接}
 ```
 
-处理完成后生成 HTML 报告文件，并**直接通过飞书 Bot 将 HTML 文件发送给请求者**，而不是仅返回文件路径。
+处理完成后生成 HTML 报告文件,并**直接通过飞书 Bot 将 HTML 文件发送给请求者**,而不是仅返回文件路径。
 
 ### 发送规则
 
-- 私聊场景：自动发送给当前对话的用户（使用 `--send-to <user_id>`）
-- 群聊场景：发送到当前群组（使用 `--send-to-chat <chat_id>`）
+- 私聊场景:自动发送给当前对话的用户(使用 `--send-to <user_id>`)
+- 群聊场景:发送到当前群组(使用 `--send-to-chat <chat_id>`)
 - 发送失败时回退为返回文件路径
 
 ### Agent 调用指引
 
-当收到用户的“组件配置-json”请求时，agent 应执行：
+当收到用户的"组件配置"请求时，agent 应执行：
 
 ```bash
-# user_id 从 USER.md 中查找（非 open_id）
+# user_id 从 USER.md 中查找(非 open_id)
 cd "/root/.openclaw/workspace-xiaoyan/business_production/组件配置/interactive-component-json" && \
 python3 scripts/pipeline.py "<wiki_url>" --send-to <user_id>
 ```
 
-关键点：
-- 默认写入本地 SQLite 数据库（`db/components.db`）保留生成记录
-- 远程数据库推送通过 HTML 报告中的推送按钮完成（用户手动触发）
-- `--send-to` 参数使用租户级 `user_id`（如 `4aagb443`），不是 `open_id`
+关键点:
+- 默认写入本地 SQLite 数据库(`db/components.db`)保留生成记录
+- 远程数据库推送通过 HTML 报告中的推送按钮完成(用户手动触发)
+- `--send-to` 参数使用租户级 `user_id`(如 `4aagb443`),不是 `open_id`
 - 群聊中使用 `--send-to-chat <chat_id>`
-- pipeline 会自动完成整个流程并发送文件，agent 无需额外处理发送逻辑
-- 如果发送成功，结尾会输出 `✅ HTML报告已发送: <message_id>`
-- 如果发送失败，会输出 `❌ 发送失败: <error>`，此时应回退为告知用户文件路径
-- 可加 `--dry-run` 仅生成不写入本地DB（测试用）
+- pipeline 会自动完成整个流程并发送文件,agent 无需额外处理发送逻辑
+- 如果发送成功,结尾会输出 `✅ HTML报告已发送: <message_id>`
+- 如果发送失败,会输出 `❌ 发送失败: <error>`,此时应回退为告知用户文件路径
+- 可加 `--dry-run` 仅生成不写入本地DB(测试用)
 
 ### HTML 报告推送功能
 
-生成的 HTML 报告内嵌以下推送能力（用户在浏览器中打开 HTML 后操作）：
+生成的 HTML 报告内嵌以下推送能力(用户在浏览器中打开 HTML 后操作):
 
-1. **单组件推送**：每个成功组件旁有 `[配置↑]` 和 `[知识↑]` 按钮
+1. **单组件推送**:每个成功组件旁有 `[配置↑]` 和 `[知识↑]` 按钮
    - `[配置↑]` 推送组件配置 JSON 到远程数据库
    - `[知识↑]` 推送知识点关联到远程数据库
-2. **一键推送全部**：顶部 `一键推送全部配置+知识点` 按钮，带进度条和成功/失败统计
-3. **可编辑**：推送前可直接在 HTML 中修改 JSON 值和知识点 ID
+2. **一键推送全部**:顶部 `一键推送全部配置+知识点` 按钮,带进度条和成功/失败统计
+3. **可编辑**:推送前可直接在 HTML 中修改 JSON 值和知识点 ID
 
-推送通过 CORS 代理服务中转（解决本地 file:// 打开 HTML 时浏览器 Origin 限制）：
-- 代理服务：`scripts/proxy_server.py`（端口/IP/速率限制见 `config.json`）
+推送通过 CORS 代理服务中转(解决本地 file:// 打开 HTML 时浏览器 Origin 限制):
+- 代理服务:`scripts/proxy_server.py`(端口/IP/速率限制见 `config.json`)
 - pipeline 执行时自动检测并启动代理服务
-- 目标接口：`POST https://api-test.valavala.com/content/feishu/notify`
+- 目标接口:`POST https://api-test.valavala.com/content/feishu/notify`
 
 ### 代理服务自动管理
 
-pipeline 在生成 HTML 报告前会自动管理代理服务，运行时会输出 `[代理]` 前缀的状态信息：
+pipeline 在生成 HTML 报告前会自动管理代理服务,运行时会输出 `[代理]` 前缀的状态信息:
 
 | 输出信息 | 含义 |
 |----------|------|
-| `[代理] ✓ 中转服务正常 → <url>` | 代理服务运行正常，HTML 将使用中转地址 |
-| `[代理] ⚠️  端口被僵死进程占用，正在清理...` | 检测到旧进程卡死，自动 kill 并重启 |
+| `[代理] ✓ 中转服务正常 → <url>` | 代理服务运行正常,HTML 将使用中转地址 |
+| `[代理] ⚠️  端口被僵死进程占用,正在清理...` | 检测到旧进程卡死,自动 kill 并重启 |
 | `[代理] ✓ 中转服务启动成功 → <url>` | 代理重启成功 |
-| `[代理] ❌ 中转服务启动失败！` | 代理无法启动，HTML **仍使用代理地址**，推送前需手动运行 `python3 scripts/proxy_server.py &` |
+| `[代理] ❌ 中转服务启动失败!` | 代理无法启动,HTML **仍使用代理地址**,推送前需手动运行 `python3 scripts/proxy_server.py &` |
 
-**自动恢复机制**：当健康检查失败但端口被占用时（僵死进程），pipeline 会自动终止僵死进程并重新启动代理，无需人工干预。
+**自动恢复机制**:当健康检查失败但端口被占用时(僵死进程),pipeline 会自动终止僵死进程并重新启动代理,无需人工干预。
 
-**手动管理代理**：
+**手动管理代理**:
 ```bash
 # 查看代理进程
 ss -tlnp | grep 18080
@@ -109,37 +109,37 @@ kill $(ss -tlnp | grep 18080 | grep -oP 'pid=\K\d+')
 curl http://127.0.0.1:18080/health
 ```
 
-**注意**：生成的 HTML 始终嵌入代理地址 `http://<external_ip>:18080/api/push`（只要 config.json 存在）。若代理未运行，推送前手动执行 `python3 scripts/proxy_server.py &` 启动即可，无需重新生成 HTML。
+**注意**:生成的 HTML 始终嵌入代理地址 `http://<external_ip>:18080/api/push`(只要 config.json 存在)。若代理未运行,推送前手动执行 `python3 scripts/proxy_server.py &` 启动即可,无需重新生成 HTML。
 
 ## 概述
 
 本skill实现从**飞书wiki剧本文档** → **结构化组件配置JSON**的完整生产流水线。
-覆盖全部**27种中互动组件类型** + **12种核心互动类型**（合作阅读、看图选词、口语快答、口语妙问、看图说话、合作听力、听力拖拽、听力选择、看图组句、看图撰写、邮件组句、邮件撰写），使用**LLM（doubao-seed-2.0-pro）**驱动核心JSON生成。
+覆盖全部**27种中互动组件类型** + **12种核心互动类型**(合作阅读、看图选词、口语快答、口语妙问、看图说话、合作听力、听力拖拽、听力选择、看图组句、看图撰写、邮件组句、邮件撰写),使用**LLM(doubao-seed-2.0-pro)**驱动核心JSON生成。
 
 ### 核心流程
 
 ```
 飞书wiki URL
     ↓
-[1] feishu_client.py — 读取文档 → 提取内嵌sheet → 读取sheet全量数据
+[1] feishu_client.py - 读取文档 → 提取内嵌sheet → 读取sheet全量数据
     ↓
-[2] parse_script.py — 识别组件行 + 提取角色-section对应 + 配置信息
+[2] parse_script.py - 识别组件行 + 提取角色-section对应 + 配置信息
     ↓
-[3] match_component.py — 中文类型名 → cType英文标识 + bitable_token
+[3] match_component.py - 中文类型名 → cType英文标识 + bitable_token
     ↓
-[4] generate_json.py — per-type prompt模板 → jsonData + 规则化kpInfo
-    ↓                  （section映射解析resourceMapping）
-[5] db_manager.py — 写入本地SQLite数据库
+[4] generate_json.py - per-type prompt模板 → jsonData + 规则化kpInfo
+    ↓                  (section映射解析resourceMapping)
+[5] db_manager.py - 写入本地SQLite数据库
     ↓
-[6] html_report.py — 生成交互式HTML报告
+[6] html_report.py - 生成交互式HTML报告
     ↓
-[7] send_report_via_bot() — 通过飞书Bot发送HTML文件给请求者
+[7] send_report_via_bot() - 通过飞书Bot发送HTML文件给请求者
 ```
 
 ### 快速使用
 
 ```bash
-# 端到端处理（写入DB）
+# 端到端处理(写入DB)
 python3 scripts/pipeline.py <wiki_url_or_token>
 
 # 仅生成不写入DB
@@ -148,7 +148,7 @@ python3 scripts/pipeline.py <wiki_url_or_token> --dry-run
 # 限制处理前N个组件
 python3 scripts/pipeline.py <wiki_url_or_token> --dry-run --limit 3
 
-# 生成后自动发送给指定用户（私聊）
+# 生成后自动发送给指定用户(私聊)
 python3 scripts/pipeline.py <wiki_url_or_token> --dry-run --send-to <user_id>
 
 # 生成后自动发送到群组
@@ -167,9 +167,9 @@ python3 scripts/db_manager.py stats
 interactive-component-json/
 ├── SKILL.md                            # 本文件
 ├── references/
-│   ├── component_registry.md           # 组件类型注册表（27种中互动 + 15种核心互动）
+│   ├── component_registry.md           # 组件类型注册表(27种中互动 + 15种核心互动)
 │   ├── examples/
-│   │   └── all_types_examples.json     # 从bitable预取的27种类型参考样例（few-shot用）
+│   │   └── all_types_examples.json     # 从bitable预取的27种类型参考样例(few-shot用)
 │   ├── script_format_spec.md           # 输入格式规范
 │   └── json_output_spec.md             # 输出格式规范
 ├── prompts/
@@ -185,23 +185,23 @@ interactive-component-json/
 │   ├── core_listening_choose_prompts.py # 听力选择5步prompt模板 (2中间+3最终JSON)
 │   ├── core_writing_img_prompts.py    # 看图组句/看图撰写6步prompt模板 (2中间+4最终JSON)
 │   └── core_writing_question_prompts.py # 邮件组句/邮件撰写6步prompt模板 (2中间+4最终JSON)
-├── prd.md                                  # 变更记录（持续更新）
+├── prd.md                                  # 变更记录(持续更新)
 ├── project.md                              # 需求描述
 ├── scripts/
-│   ├── pipeline.py                     # 端到端流水线（主入口）
-│   ├── llm_client.py                   # LLM调用客户端（火山doubao-1.8）
-│   ├── feishu_client.py                # 飞书API客户端（wiki/sheet/bitable）
-│   ├── parse_script.py                 # 剧本解析器（sheet数据→组件行）
-│   ├── match_component.py              # 组件类型匹配器（27种中互动 + 核心互动）
-│   ├── generate_json.py                # LLM驱动的jsonData/kpInfo生成器（含核心互动多步流水线）
+│   ├── pipeline.py                     # 端到端流水线(主入口)
+│   ├── llm_client.py                   # LLM调用客户端(火山doubao-1.8)
+│   ├── feishu_client.py                # 飞书API客户端(wiki/sheet/bitable)
+│   ├── parse_script.py                 # 剧本解析器(sheet数据→组件行)
+│   ├── match_component.py              # 组件类型匹配器(27种中互动 + 核心互动)
+│   ├── generate_json.py                # LLM驱动的jsonData/kpInfo生成器(含核心互动多步流水线)
 │   └── db_manager.py                   # SQLite数据库管理
 └── db/
-    └── components.db                   # SQLite数据库（运行时生成）
+    └── components.db                   # SQLite数据库(运行时生成)
 ```
 
 ## 组件类型注册表
 
-### 27种中互动组件（已完成）
+### 27种中互动组件(已完成)
 
 | 中文名 | cType | bitable_token |
 |--------|-------|---------------|
@@ -233,20 +233,20 @@ interactive-component-json/
 | 造句互动 | mid_sentence_makeSentence | WfHMbzBYPau6hZsmFD0cBwWuncc |
 | 发音互动 | mid_pron_pron | CeH5bO3FhaG5cNsPZ4Xc72axnrb |
 
-### 核心互动组件（已实现13种，其余待定义）
-- **合作阅读** `core_reading_order` — 7步LLM调用，输出 taskData/textData/sequenceData/learningData
-- **看图选词** `core_reading_imageDrag` — 5步LLM调用，输出 taskData/questionGroupData/studyData
-- **口语快答** `core_speaking_reply` — 7步LLM调用，输出 taskData/settingData/configData/learningData
-- **口语妙问** `core_speaking_inquiry` — 7步LLM调用，输出 taskData/settingData/configData/learningData
-- **看图说话** `core_speaking_image` — 8步LLM调用，输出 taskData/configData/imageInfo/optionList/questionList/learningData
-- **合作听力** `core_listening_order` — 6步LLM调用，输出 taskData/textData/sequenceData/learningData
-- **听力拖拽** `core_listening_drag` — 7步LLM调用，输出 taskData/preDialogData/dialogListData/questionListData/learningData
-- **听力选择** `core_listening_choose` — 5步LLM调用，输出 taskData/questionGroupData/learningData
-- **看图组句** `core_writing_imgMakeSentence` — 6步LLM调用，输出 taskInfo/textInfo/studyInfo/evalInfo
-- **看图撰写** `core_writing_imgWrite` — 6步LLM调用，输出 taskInfo/textInfo/studyInfo/evalInfo
-- **邮件组句** `core_writing_questionMakeSentence` — 6步LLM调用，输出 taskInfo/textInfo/studyInfo/evalInfo
-- **邮件撰写** `core_writing_questionWrite` — 6步LLM调用，输出 taskInfo/textInfo/studyInfo/evalInfo
-- **看图拼词** `core_writing_imgMakeWord` — 7步(Step5规则)，输出 taskInfo/preDialog/imageInfo/questionList/studyInfo
+### 核心互动组件(已实现13种,其余待定义)
+- **合作阅读** `core_reading_order` - 7步LLM调用,输出 taskData/textData/sequenceData/learningData
+- **看图选词** `core_reading_imageDrag` - 5步LLM调用,输出 taskData/questionGroupData/studyData
+- **口语快答** `core_speaking_reply` - 7步LLM调用,输出 taskData/settingData/configData/learningData
+- **口语妙问** `core_speaking_inquiry` - 7步LLM调用,输出 taskData/settingData/configData/learningData
+- **看图说话** `core_speaking_image` - 8步LLM调用,输出 taskData/configData/imageInfo/optionList/questionList/learningData
+- **合作听力** `core_listening_order` - 6步LLM调用,输出 taskData/textData/sequenceData/learningData
+- **听力拖拽** `core_listening_drag` - 7步LLM调用,输出 taskData/preDialogData/dialogListData/questionListData/learningData
+- **听力选择** `core_listening_choose` - 5步LLM调用,输出 taskData/questionGroupData/learningData
+- **看图组句** `core_writing_imgMakeSentence` - 6步LLM调用,输出 taskInfo/textInfo/studyInfo/evalInfo
+- **看图撰写** `core_writing_imgWrite` - 6步LLM调用,输出 taskInfo/textInfo/studyInfo/evalInfo
+- **邮件组句** `core_writing_questionMakeSentence` - 6步LLM调用,输出 taskInfo/textInfo/studyInfo/evalInfo
+- **邮件撰写** `core_writing_questionWrite` - 6步LLM调用,输出 taskInfo/textInfo/studyInfo/evalInfo
+- **看图拼词** `core_writing_imgMakeWord` - 7步(Step5规则),输出 taskInfo/preDialog/imageInfo/questionList/studyInfo
 
 其余6种详见 `scripts/match_component.py` 中的 `CORE_INTERACTION_TYPES`
 
@@ -258,7 +258,7 @@ interactive-component-json/
 | 模型 | doubao-seed-2.0-pro |
 | Endpoint | ep-m-20260301164317-vmmj4 |
 | API Key | 环境变量 `VOLCANO_API_KEY` 或内置默认值 |
-| 参考样例 | `references/examples/all_types_examples.json`（从bitable预取） |
+| 参考样例 | `references/examples/all_types_examples.json`(从bitable预取) |
 
 ## 数据库设计
 
@@ -281,20 +281,20 @@ interactive-component-json/
 
 ## 开发进度
 
-- [x] Phase 1: LLM客户端封装（llm_client.py, doubao-1.8-volcano）
-- [x] Phase 2: 飞书API客户端（feishu_client.py, wiki/sheet/bitable）
-- [x] Phase 3: 剧本解析器增强（parse_script.py, sheet数据解析）
-- [x] Phase 4: 组件类型匹配完善（match_component.py, 27种+配图后缀）
-- [x] Phase 5: LLM驱动JSON生成（generate_json.py, few-shot参考样例）
-- [x] Phase 6: 端到端流水线（pipeline.py, 已验证15/15组件成功）
-- [x] Phase 7: v2 per-type prompt模板（prompts/prompt_registry.py, 16种组件）
-- [x] Phase 8: section-character映射（parse_script.py, resourceMapping解析）
-- [x] Phase 9: generate_json.py v2重写（模板优先 + 回退few-shot）
-- [x] Phase 10: pipeline.py v2（section_char_map传递, 15/15验证通过）
-- [x] Phase 11: 核心互动组件支持 — 合作阅读(core_reading_order) 7步LLM流水线，已验证通过
-- [x] Phase 12: 核心互动扩展 — 看图选词(core_reading_imageDrag) 5步 + 口语快答(core_speaking_reply) 7步，bitable样例验证通过
-- [x] Phase 12.5: v6核心互动 — 口语妙问(core_speaking_inquiry) 7步 + 看图说话(core_speaking_image) 8步，bitable样例验证通过
-- [x] Phase 12.6: v7听力类核心互动 — 合作听力(core_listening_order) 6步 + 听力拖拽(core_listening_drag) 7步 + 听力选择(core_listening_choose) 5步
-- [x] Phase 12.7: v8写作类核心互动 — 看图组句/看图撰写/邮件组句/邮件撰写 各6步LLM流水线
+- [x] Phase 1: LLM客户端封装(llm_client.py, doubao-1.8-volcano)
+- [x] Phase 2: 飞书API客户端(feishu_client.py, wiki/sheet/bitable)
+- [x] Phase 3: 剧本解析器增强(parse_script.py, sheet数据解析)
+- [x] Phase 4: 组件类型匹配完善(match_component.py, 27种+配图后缀)
+- [x] Phase 5: LLM驱动JSON生成(generate_json.py, few-shot参考样例)
+- [x] Phase 6: 端到端流水线(pipeline.py, 已验证15/15组件成功)
+- [x] Phase 7: v2 per-type prompt模板(prompts/prompt_registry.py, 16种组件)
+- [x] Phase 8: section-character映射(parse_script.py, resourceMapping解析)
+- [x] Phase 9: generate_json.py v2重写(模板优先 + 回退few-shot)
+- [x] Phase 10: pipeline.py v2(section_char_map传递, 15/15验证通过)
+- [x] Phase 11: 核心互动组件支持 - 合作阅读(core_reading_order) 7步LLM流水线,已验证通过
+- [x] Phase 12: 核心互动扩展 - 看图选词(core_reading_imageDrag) 5步 + 口语快答(core_speaking_reply) 7步,bitable样例验证通过
+- [x] Phase 12.5: v6核心互动 - 口语妙问(core_speaking_inquiry) 7步 + 看图说话(core_speaking_image) 8步,bitable样例验证通过
+- [x] Phase 12.6: v7听力类核心互动 - 合作听力(core_listening_order) 6步 + 听力拖拽(core_listening_drag) 7步 + 听力选择(core_listening_choose) 5步
+- [x] Phase 12.7: v8写作类核心互动 - 看图组句/看图撰写/邮件组句/邮件撰写 各6步LLM流水线
 - [ ] Phase 13: JSON校验与质量对比
 - [ ] Phase 14: 批量处理 + 公司DB推送
diff --git a/business_production/组件配置/interactive-component-json/db/components.db b/business_production/组件配置/interactive-component-json/db/components.db
index 0e1dfb88acd02c276e81d645cacf6aedbe4a070c..41461dc034cf400cdd3dc01cd243661c3324a179 100644
GIT binary patch
delta 83814
zcmeEv30zZG_J3Yh2w`6Z#TNt-WJ_37T(K_ff*bB8Kv)D4AfTeHKvht1fl58r+6vRf
z)V2y!YuuM^(`MSKcD8QQ(WybSovC)(PN%c|&wcL&k^s`u&hq;gKR#~m%guXtIrrRi
z&i$Tq>+1d_sJrwxK}&%1K^{-?Cm#2&b;2a-V3+D}G_~ueF;tAZ3(fPBc?o$uakfk)
z^Ku@u&rRj;CTox-y3Cb*?cC+OOZJ>|q0zl%<_Atx9dvyyk&8NbJmIHMVa$|^zQV^o
z0N3BZyZA|%4HSPaEyg$UM7QB`>l#{oKe>MpuD7Ph_x+`G0-qWWSC)IwqF>@GKY+Va
zifF2EAFT}*9l+ldL0836dS7Q*xzObVFJzzlopF3o7~I{ta2(L-(}P4GV_RMW_dOeE
zQN62?D<N17U6<qO7yhCB&_%S5$D^`9{#P%beP28<Nu=cQ_@6@83sFA%=55KLeD*!Q
zg&re*)>9D1FDuSpTU@3t)U3^~R2T9$V@0t}9zf++c<}|P`|fTTB@$)g@1f%q{ye1i
zJYV7qwI`SR?E9ux8tCL2iRC5dT>t3$zU$9iPq=ot?s47hTI9OKHOV!S^w>Y0jWjKA
zr932wu7a_GLXB2asjkxGd+a;2FKMr*mn*(*hKpb<zxNwS)z+fDjYWGYy!dzt@Dk!B
z!b@x{+ADb^Ml9UGE2RV=xg-gyz2JPvd6V-p=LBaj+2^t=vSYGcvURd#*?5`I=?_kq
zoF1n_1Qh@G{PX-r`8E6;emvikx=X!HJx?`L#ngP^5@D>+UGSOUEy1&boq|HaT){X>
zAlf2YB}#O<-)V)@WG5f#7t(j6ozgwhQfaDmf>i8y!|^4@cE>G_s~x97`6bB|r_sW{
z3Evl<79J38Xif61l?(0@%$~1ZoFA92T%s#nvZQ=tO7@01c}3dXjap@)M_cibC1wp-
zV$Gl>YAvr>J!lb2iS!{$qzzdj)xJb+zxJls7wK0bdB_s;hb%FVD^WXm$Il(|A#;W-
zao<oSYTITHRirIx$Pz_EmM9#gL~S3T6%10OuY_jE68S@x$g?d`I{?M!+7=n0gnGyl
zsv%3PMRxQu4?JkWg`rzsI^^R@hAgpepS+AV2AL!uiH4r_GlzWKj3G-*AGAd8te-Y$
z5zDNfI%J8&AxliLFVTP2Pqr`8Z`My5vP8m=CE~df_n7r@Lp~&S$P&t-O4PO~hAPq)
zGh~VAAxlIJQo?H1M-Eb?Z`MZ)Sz_XlCBkh>3^eP*Y>Nyq>n99ZB6P?S<Czk*_gZj6
zhI~lykR`_5yTm$N*Msg|1WU+=EI|)hV(iH)5{j<nM-VB<QT()cyEq?ZlwV4JDs7dP
zOBXn}OYTVCmK>ApmXu1;B;gWAagX?C{NM6V@*n0`@fY!xj){(=9KLq=t;0!&haIXM
z7C9)ziIhM*O7ykpH&n3bMbSglTv3H6lPVBJilmf*Y82iQzQ%W=Zc}dvpAv2p<_Twm
z+Z~C@MIx8*#J?9`5I-iqU%aw4$s0^BNobh%szeT_Uco<0$e+(&#y{GZC9|oygki$%
zmn1=A@k*YU$7AwGUX#3L^!u~q7)7#z+1%|6{Fz_|j|W{ZOOgarxw~=rM8RY(1DN5*
zvrqZv70GO=!f_?fk%+PEy~p2><QdC;CMlteTV9noQYhy0z5sVxaEGnvyRS>0W<>hN
zguhAfa=^<GFR3x%Z%)666EyODK@ua|=fFSA-_9@L$HBoE*(yJNCf`@^s^FLa1a*QU
zL6%^$fEGCL?-+d)GKvz87EBR9#dV2~z@u#!T%9cQ6StLG-(1Dq<hP}B=`=2lWK!c*
zr7Sj*+6*F<>?&V;1b(BEg&O~*lKn$K9W!F(k5cejfou%F?S9Bq%K{s36v*&$#>)jS
zSG?SeHwxUx+^WUq<_gB~ti@a5S>YqX4Hm)Ip}`^FVYUM;`KRPV$r;H3$$H6RiBjSw
z{*(Ak@w4J4aj`gA94Z!z%%WFBPlz5AsYSCyV}<_|{?7IHt`}Snxo&b@=9=K@<?^}9
z6_;Z!yIj_}B)g1v5jy|D`I7VFwa)iDuW+91>?8X^_KvJmwntVfOO;KKiJfjZz2wyH
zw8d$)(=?|5={M5%q^G1HT`yfCjgxvhe(reHvD0y{qt-FQF~ZTw;kLsY4hH@|_#g7m
z@(-dMzl=YL??Zh_{fc^ldWfo^vZ!dvg`X$*j0`;fqXqZz=f@PqLfBs<uB6Aj`4I6r
z5@GT;k~d++UnOsW{4WyPxZ*3x9SSl&mpsc50i=E{`HWG{AYhrtcJ|XBmUsk_Ph+8C
zvB!2w#(w@_p~pD()0d0!`;XRI3bn29m;k?C?%~fD3fTfvmU!&k*I6nzj$PytOOa3T
z2>zP+P@V1Z7Jdj~zQ6f}WD(V%@@P<bHmJNBRNf6Lp9Yn0gUYW#HL5}7-=GR;P>pU-
zjcHH?HmJrnsOScjyg?Pzpc>bp3T{w^G^oZms6rc56B<-u4XW@4)x-u>M1v}_K^4`Y
zif&NFG^i8}DrJKzwm}uwpo(u$B{ZleHK-<^R865eg~C7bnv5d1#2z8UJgSd@PhVf@
z3fHnz9U9}j6Y-jg*EGDQ<23`XnRv~@D+#aJc-?1=^PY3%wnGK=0FO`y%(~+}^~L#f
z6DUS0hR0vXypQ=r?QcXa8LxSG&BrVG2*ppiAQXPe+i4VCO1UW{^Hhb(?<!IWA7k#T
zDTkX}9V>Xv)JmSyYfi`bJgNs|S*hs-B2QGlJ{JC5_=50J;Z|XZaFKATaGcOd@MpmX
zf|pUN+b7s8$P=UqVg&&L0sj;JFOi0x;5VcGr>9mr?ME6caLN=ni>t+J#Ph{5;!$G0
z=o9KHb%uHZx#ep9JbpCa4`SRBS5hBAd1q93Ymz71HJwXS9jGnPu{70}dVo!;fLfU9
z13$@5eTTiFXOl`cDQ6Qco0PFhA)6GiNgkW5Ws}uxvYbtpvdKa=$!3!bHkr>R^Vnn#
zn<Oy_v@cEdqb9MpV%a2`O`_Oj0-FT03C$*BnZ!7INoq7159)VhBE3ghwY`ZgxSdVv
z*`yY(W@Cpu#wLg0`ifMa#xGW;;+2M1I$jyZFIHx{EOvQ>m(Tl>C)g;+5hMt_!LKuO
z-ZbG6;dWeKl7wRg|Db#YABc>ihedi(wkVqSrQo!94FAvktNi2q-N=kn_@R6e^)Yps
zI!rx4t)!;Frq0a8uA=uC9$@(cb!Rhae%lHzT?9#8nQ~)bSLRH<5R1~SNu#;1R&wcL
zE?vl_*<6~%r3<(;lS?z0N5btBnJKXCZ02Zw+j8!kWn7xWrAwJq+_pqKlQ##+dlr{p
zh26WJbZ;dEXPXw%jlVW#;<W&;EaR_@*^#d&0I!($PoC7>@iWJ_9G`XE=~(DE*KwR9
z<?wrl^GK%)`7zQ*q#KZb#`5<&$)*32{!V&UTn!GFkn6?PEu2t$ivJ$}8^JW31&0M&
z1gnL7!F9nUVS`X3oFg13N*7HONpY2bU3f&inD0V;N||uoZ=mw2*%ZzDr^BNTH4Zrr
z@eZDnyOOuXv0@L=UC|ZManT-88QNhEOSVW>OQuNz#NUYD6Q2@;rSmPRTu^(TAUii+
zm!F~3>UE_HD~dL%wd*(LrDWZ=K&#00XxmQYo_m(qHe`vd_b5@zzUIMu6k$u$4_Tsa
z$P$b)XxkX2U3<3-`H%-7`^8K-y!&Ei0kr}yZ(T?m;lYKE37Fd=)OD%Jgk<8V0p4c!
zvRy;Ita->1O@o%uS;lbZphYYtb_`jfamW%4Oa~ZeoXo7IV8M%-I~zZ2T8P&oycXlN
z1h1ud<>0jpujP2HFn-vyG9=zrw1D>rwN@m#CAlg&E$P7Nu~IeO;a3i)B|9Y*lI4;l
zNtnc4{8#aH@f+eU@gw4Tlz+0tQ^azyBNSa)`J{(fBDy1bPxO-LSy7wl0a1ZyfieB^
zN&&NAodFz<lY~F|Qaixy?Ug?Kwyj+HAeYv0X$_aI=TaS)=5uK-m#*Z}C0v@tr3<+9
zJ}yOhoOxe7m&TFQmkMSQ5WJeA0P6LXr<iX=ZR2rXas@+}w2}YDO1xGX`ERV||IDF^
z_qW~^d^)7Gta-wf8jbh*{xPO)=*-R)!)vW;0;o;QjmFijYw%iYT-~ZVvW40MA~*GC
zQt8(&D_mxwR49Wl+|;2|m2teg`VB`ErKACBIkgBX+|_=@@BsBPzR;zL*F?Ip0XzcK
zqo`))JAT_vCZ*b-YqWZlxNQYiWEt|$#c-ym!mIIGpxSsXFgI8s)Kif>lnZh{l2R>{
zj>@DW9U8FQbkJqzia_F^34mC!=03QdlS@-=ja}Kf#;)wVMQa2rC09YxnKzCvxoQmW
z%zH`#w~cwe{I<<7`c$5uk$)<W?<f4F;0YcayE-P(ILA#{M8VOkc?rgA9V@R;jh(;D
zGj{$mKRbfhpsIL(=ZQt48={v*fx>?XKSYuHps+@`OgKsCBluGAE5QqbhXfU<Hbe_t
z_<!WT$$ysL#4qM2<9a5h%+xE?6V!v0nwsUHahT&U&VeubiKt$r63w&-RpqskYmy6+
zLy}FBWs(Gmm-ut>74b3gE-FyG4#oBH_<E~<WI`=3s$7^KS5{r5+q7i)yp1K*lZ*4#
zX_GUxD^MxDf5;LWi9o$%arUPC{Nm(=x&*kBlk0Abpfs-u8Rm1($8R3;@tcM$Q8Q?X
zT1zW73|hoeV*QXMs)sC5WnZGUUw7*5i}Wi|Ib?~7Axo5VCDsl;uDT%~q8+kC88cNH
zgB&z?72s8fR}o&t#vq4v*TBWVdyLBC2~q`df<S=-{L@Vx0vj%^jINbs$|lQ#WHP6(
zoUS>UoK84B?zF?H(rJ~`Jf|2Ze<z{zPttd#FG-)1?w8g{*GU&kXW-_FhvVNJyB)7M
zo^gEAagXCh$6UvB#{@^(QR?u8!$%IUJN(q)5NfRD4l8hCL^=35@Fky0evMP%h@?eQ
zBgsW`N1SAgL@fSHT>Gy0viPWYAKE1};!N=*F)el!eJ=U{)!64n`$e^)B9ti;MdL&=
z;g`aXgg+B@qFVeQ>JN*B(}m-yR%#QK$G^*epZ_xdIiaVJC-_wGuHY3xr{IuahoDNJ
z;y=efz~9C%=dZ$f8^@>lGU{vU26crxM;XZEqj=z6P~k&Wut^D%h&1?x@CfoZioM;)
zCfnF#Bb!un8*ra7DeMSTM?q~-#RO24Ry@uYQL~APP1dl<GB!zLleug%i%n*-$qY7`
z$|ebHqGS^Vo5Zk51e=7i$v8F%ViP$@e3{S2Sp^k`DM-Sm!h*aCKXTKX|BxBn%PPD<
zSXvQ5y}^8@USN}-vft>}kq3}6SJzcUvY+Ob;6tj&pC?N2cT3qHU<0t2@kVKdKtMXg
z+jxIo#lw71Ybv}c9h1P@MHN45=v;TQvxI6-!p?t7aD*pH6HP<&RiMaK#1q~X{z3Rl
z;VZ%yg-;7XxC5E-I^jxTIu3P|aIDZxNC`d{e2k3wRl!NY5qR$Em}!74ei|IhD)ogF
z%5!|}QRzWxlXMeO>I&QjOq7O8{iRaJZyawszVB#4dOhlR(6PyJljAza6^^NBU<-Hj
zN2>h>O&9Mwm>kYH9CbM8(B!bmVI9(LszahfxP!lgRPv4Fw&Z<@2`w*2B?l!<$k5kG
zR!CAMiD<U-mq<~ZzAb)VY!aWzM_N9J=9o>$;a7-L#fjo@vA<X<`bKnH^uEX>IwLwN
zIw)!qZ4#{$tq^PytP`xjIhiO37x)XL{BQWTk&;dPGyJ1yKWXA`;;-Yc;HUBv`Qdzj
zzLfd~Eqm{~3WzxQ76s8Rp3X2ir!?Btc58OGG2)%PBFgBnxU`&tmbInj#++rPo)Y86
zC8aN*;i9xbRo0-=o>b|CZVqRKZ{R>k{$!Mu>uAAJ(PyF_(RHlqFGX*PUKL$HwXRe2
z3@&Vsq8znb)PNImBbpr7iSlskb%`ibG#~9uQ$$KsOM*pXL_Ro*4kAkUjquOHPlaZj
zu)h^v5xzkxoI=$~{%Cr}319Z9=@}^|pO~JJU~<#+3~tFwZke9pW72IhpfyZlHW_f6
zTXMr>sKMl8lVJlUzc(4GF}ZFsRATax$)LmJcP2v#CLfv%#h83xG8AI+zR8e}$$KV)
z8k66e47l7&YJX!gpav)TwaKs&lV6z(D4$4vX)@$s^0vva7?Z0e!$M4cVKOYh<SmmS
z4U;!bh7?SGZZgcr#AGte!Q^$50ZCZ$s>y(+PsuAL0~$UhFPjXBn7m{%pyg9?!DNWX
z<dVq{i^=&&lOYDvvnE3XCTC2Ba7<2{3==RpX)=UhVl)|oFgal|(2ZYJ>x^Gjmpk2_
zPL=Z-sAW8t%P!BmJmRw5rNU*kONvXpi`>Q8`LE7q=c~@=ou6@j*ty=h%z3%<TxW&z
z7@P$S(n{$XX9sX=U-uh_QjH`|wud(xg{*1&JJ$Ib%RAQ1a^&+@kfB-1_x2Km32b2o
z9&MZUUE1OW4kgIZ+ScKp{lyip!|w|#c7go(I$z_b$JTjK4doRl%PWPKggUW=2Ujko
z_`=1Q5LdX;8Rf$mW8m<e(esT*WAt(nwBH@=3YT79DWUF1TQS;;G_S5a$T$9CvOYFP
zB5mg#71Z${u2o+S{w?|&pl#K!@N>#?nuQAy?d0aflirbDlU|Wt!d?D$QtzKqpn6pA
zV%)P&?;#<kk89-ahwNQAc2NJIn;o2C225C3x)#>wl&YX{VQDASt}Pu4zs@ObfrLe+
zFEzC58``TH+N&Gd*Pm?PAdC?%72f6<quR?-_yi&G2p?n>OULp>{&2k!^}PKJ3pWWG
zpL%zL@u_z=uKlfWjU<&vTCIR7oi(xk$V3(*3kgC7@;S1PmymfpgsdZ1l4>mNta(Mu
znrJSbt&#BC)<Ngl8dOAzxwME&Gr2UCOH;TsnM)J7bPAVF=F*8=8qTF*OlmxEs;1O8
zu~M`fCza$)$%~T5C5@7D)Tm}lCZd4)4{^8nZ8QvYAPdurSBd9}qr|>qp6Hh79no3Q
zlcL?Eb#o!(N==3sS)+&K8{@$%HAW#jv~|l<C6vKfu{?DtKiL<hW<pW<#p+UB;aa_>
zRFhZb(Y9fb`#FQ$U)(tR-5TTUcQ?J1BNGU#c(MZyKM_{(YmM$#ob!c#JHl|Pgz@g1
zNqI(xIJkR;@V4T_-TnY1U5)pNy9c@>T@krR8M#EMh)h?|=Hq8?oH=7|Iez0zGhBaV
zO|Y|4k*n5ga@D1!be<X%{tG<eU)Qw~hbJDo*|ODq>O4@>(}Lk*Sh*ie5BKthx=Cpg
z*A%)ySFO#b)pTxYwT6bI!n9FPK7o?R^>lF+x!w27@|mBV+tGapdXAs{?A%T%D8}T>
z7Ah1m@sM4p^^$P!0kz+fAeRU_Xc5+=CMc0kh>wH%lOAC}uS_1_?}c~smyd;OtI~Yn
z?btOge1!t!lQNWWEhkp&V*7Tu{A$f|zET0%Jxgc8??xp!2(h8%a5*Hob#g*v%w$@j
zNK{TqjGd&6QDWZaR%3<9FxJxPj_#h`yscBP)9-_htMi80=~tEFV1ZJx0WNpuc)Rvo
zF!UUIvU{-3R+(KTlCrX>s3<xUuJSW|Nhgct$r^ftMqR15^gp&Is(&Ys#ZHb3!Y-{U
zt}4}Fmj>CsZNM(iUg|R)%0t(PsZ5}bl*IP-uX}n;DA1A1WFGxr4qbscD<}n21g`T3
z)p=0}wE^V6Nok|4J5$-ef0f1q(>51*x;W#)Ea1J(lkO3B@!kexZI}I;SK~rq)%9V#
z?G-#;6Pk%5QhefvL+@fp3R@E_Q;^;y-8VrW2G?(DeVmvvKvFk9-?FdbIWOQ(Pa8)l
zJ_P7zlf3~4K^(kXR~=fZp(~3Ei>jjN#YM$P=z3bKtD@6&g~g$IhNh@*mX8g=!CAX@
zt=$}mlHRJ@d8^~J;<IxH$-ANb#pF=}^5JsZs?ngzm$-Q@EzT>cNu)D%bS^WvMVd;e
zKf2HtW+g0$2vFi^CJZo|WQta7D-8hECu?L*cC%+1wA6+O=^-m#e=aKxiBbVcpSgza
zU$1iV9H0r%dLhNrlc}2B6s!M@Z@iFg){&GD5mSBWTBZ%&f75dgxc#%tN6fYf?moRf
z4a(Q&c#$cay?j+T%nA<)kXVMJV~#Kb+)n$XCR$NWTx>teiHmJqW-<g@$OGA75^pQ+
zvTj?wwFIt9DX-x%#IF6zf=4M8meGyIan|THv>N*lN7{;5ZXP;!>)}IC|LCSUaBZGv
z;3%7dG@*{dQng;M(Zl60*JO?%gEwV>!DF5SNz1bQ;EHgqv-R-pt9U70q)?JU$$HaM
z3FYG#xj6Pd7&?B3gmEb|a}LAWHm{ioS)T|-d9!3`UvZ{e+fT2}h_`UNxc;*-PT5pu
zGK^#UG?FYa$n8)xZF&IeRjI?9aso*5K!~VPp)b;b{7{xBWF=_D;#-e5<6MJ|%i<Vt
z{aoujfty3YSWKf2woDeBE7F)4Y4`I_-0V1pnV6V;SC0h7F*Ke?&&Rn}Ts2dAtL>4V
z<Hzx9?tT)ER#lM>$8AGVag~N<o(XcLmk-?8w^Af#e+QS3%6x#X$@XMAaM2o1ad-1G
zSTSf1$p~Xc!`W&wMbMylR1yN6f7VKztZEC?!wbiA!_)~`LChqg$7Dren-wv!khC$m
zc>nZLFUwo+mL<oKJhY!(Aau2>CS?60*#}fxQlc!y-6kdbOS#vPF1$WQ<q6sa>5fh(
z9yPb@ym@dNsqv+#)HKqH`iK(${b9l5`K098g-iDPsb)>IjCkziezPccGGV-Y)QhCe
z_$P`;8fS%m&C^jfCuHF0$&f(^Z(BBx*Bl1d7HfyO=n*RDFKKweHFJT;v2XQLJc4N6
zD>>PsK+<O0HO^Y10A#eI7|MyZjD_{r_aGopJ4H>5;wU9urz@e=h3aB$6rG|+qER!V
z3z2B79|zgLS{}ua3Nxr^x8CpWX;o`^lPHwozJn2r*Fcqoq=`A9xMp5&E*-~EO}kem
zOEt)aHzvnG%SqQjsN0zBA-{KLL<Kzn?vJOYGh|hFELjY0H_OBU_iE7P$b#{{#VEgV
z6|-q=OJG{4d$)zYEQ15?erYL8JzL*(ona+Mxf>SR%25N+SyQ>mAh+Ty0laMi$XRms
z)jvHv#=>V9i=$FuVYAo2$@FB%NyPHh`iB<cRPryCxLfreTNsjpQ++}9xz;V*GBDgz
zh9aC0j&PD$k!&%;Ww_O$kLg3j-;=|^t!eQnhF+8my>Qi1H?5s;Pg-%dsS?9pgk%+f
zOHKvjxaYM_%!wotw9<}Hy!$m(Z$lg{dvYYcgH;+Alt>ru<(5v>Et`eY>~?`8Q!C^)
z+`4zSAvKwy1vRV=hik>D-XdnTgS+pQB$M^q1>8O<m^tR2yyxli&2FsZM`iG&2Sqcf
z45HM|r2HCj9hzWS+gYi597^2?FBrDeeLd7E7<<pM49QqYm|KU~W&FeHv7XFgA-5H!
zsk23+N6oHg1wD=@^{p(>u|930KQeno%mC~At;gZ=#7!vQ*~w;PaTha-J2HUS1cfMx
zycy&lm3c$VYtqp`zwhM*bWx_zdQ7d}dTm2m3Ss%`zy&reAIg^|Pq$WU;u89?{kVjt
zr6xnD)pSH%60J^6u?&YFmTWCy=A%7}4_@Hqy7Pj0N2i60oR{`4`eMI%gacI-Y3N{U
z{u3Mp@-t(+oUB%ThG_@Q)@T!Z*>t6bsEKw$b|0fAU86`#^K!C!H4Mh5)y@9l&~l<k
zB(tuEg+F&~D`ENb)wj~4$aAlhtO+KwZxU1_<j9eOXKyd@ggS6{ftV-xBADe}=?vF?
zx6uh^R>zNr&Re=D$a*15;yrMkkrzjgvwm?DJ>kar_HL%%Zk%bbbRENh$@}mAGjk%e
z>%)BD_oEWTtTJoQgyZ7-k9vHQ+GH4SHLU`8+a)~S&Xj%EzZmAS-f=Wd9-gj1+XBZi
zKCWxIarUgasiV8S@zzfcd|cPcPP9IGIU4Gwl)HfI^#WY|aT{A<#j{Z7h+tGIeYKW*
zphXlUdXt4KQ66GnVPT~jWowJ>6u{|D%)|23+R!RyqS8#M`oE*zob}1l$k8}zlLwfk
z_m;wwpsp~PW#yBBdOkTaYlte7H{|KGRT^y-QM#>4b1krMBoO^c%zg>&s6oM{E`cMw
zxJ*kk3KU@mj0}NFrd`wC)1!Xcuy`&Z4Ef8+69;0(sZm2IQ>+*`l_#AmoJxI3#K1_Q
z|1J^QZLP>9iPxY&CgI9ySi@oy&Tv(hFzy~IR_jlLyk*^8jonR8aWrEwKUtJ<T+&_V
z<5a4mwVDljIh~}<hsy^S`s}|yd1h&jhBHhNMai0qB5Cv9-M60JL31nkLWY0Lq)}PV
zN0o#0YLR+9DhvH6Pl=Rg^H>XIg5vK5KCayJ78FI$DYRY#mtV_@0Xk%j7ZRHy)`r-u
znl-S>$J)DQtzYQH$bE3hIYQ*v+e}EhzjO?-c||iz?*gBSP*2thXVX|vA6W0R|1YaO
z-1@%cNQ-;}s@Do<FruQ{6H+0lrn$#6x!*U2Irt6M8?3e&^LjF)ZC3m>c{Yj>_fR#j
zgx;5Gvj|P;&yJ=vCzuRjR`eCZYY-qi%3}<g!=f%3LtO(bLQV`pnfJEd+|x;v_C6-$
z>BkLV4iWzIi}UFkT{T^RD^o8~`P+=X4X0*EAeDQ96;X1=o_?gmF5vj4C}}T2a-1ti
zU0f9bU8&3C;ZDg)e?KBoC<h=PpuemM>?cpyQ%?D`R58rjQ7jQ)Q#itDNM^ND#i+ti
zpFY~KZV+@tt`7FJX)jx4s2`Pykkbtd5g&*e2}7A8hBD#uDb-vNsXV=p`e-3T`nV?E
zjatxek&=I%(HddRiu!8`ahyi_8BhAE@H4`QK1O{s8~2e|Lb2$hdelcFhcB(T4k)eo
zFYt1y+i7k*V_9;~6Iw}yS>LP{iW$04gSuvpA5k5=T)&mj!YEjYXhu?3p^1=K3(IP3
zbxV2Tk|ZM5E8^kG31_c9v-@Duip31!<ZM#|MqEL$1fS!ckxFxq<TM4mdAWJ5oc)?e
zE!?LQ3p3!(=whK0+qz1PoYN(RWYL1_uC8bzi5Cl9?Q7lfymNG1p02VIcRFm^V=ufg
zrW;foEM3|w#Zb;E*4B6;z)Z5DjrjfoOniJ3a*T;q9K)Np9XBR-fO}Jp@30t#3&Sw1
z^#Ybh_vr<FoWcuceYq$G?wlwMb;mV_h@O?Y4O&KHh+-JQB90LxS$%`%DaP(gSONR1
zJ|W(U32?t8bV8R^>#<KYtZojB@Y4BQRs^GC*qZY#l^s;a=o4KOanSL^f*@DBnuB7a
z*mqz1FI}J|BU>m_TbaxtDP@xn%z9%5vs%ck8wH#d%g3#Mbx|PMA6h(@)ee1qMp@gV
zz%9{v`ULAyR`gpJ;uW}I&U=S{joBY<6SKRbMu!%?lp^Y39JA-?TD!}3zq75`F5hIA
z-)WcMVV7^T%Qx8Nx7+4x+qT)>XxnO+f6y*pZ<nvL%h%fFx7g($u*ugVNY3VlN84t*
z{3g46ja`1DU4DaIe!X43+B#pG@6lFeeFO7)yL_cxzQQhFZkN~D<+XPCGOK(oy6m@=
zTHPS|61)65yL_=-zQ`_LXqPXr%WL}bwIpUhTYldSCZA`Q&$Y{|?eZ$S{93#G8oT`J
z-h3?+w4iNO?+rG;(k{QkF2CF^zsxS5W0zlQmtSJZ*RoL)+7?@GaQQ`c`Gt1*Y`c7x
zU4DUGKGQCr!R2eYunleLb_LSx@~L+D6uW$~U4Fh@ex6-^E}O5l#Eod1V^`olyZmgs
ze3D&$mR)|PU4DjLemaw{?G0SfHqEZURJ*)gpo_LCcHd97%TKb)C)nlVNxrr>K88nI
zoLzxfyS&maudvI<*yW?`@=<pANX*v?tSS&;S74%DKHM%JW|yB}mk+hekGIQ*xC+)-
z#|~)=wkt5sE+1r<m)qrOyZl%qqJ7$h#w)G*cFK)t=R#g7&&5URC%VlmMP$<|-=-SG
zSXl|hoJAcvWGja!3yoOR{~Z?fc|?##(VsIK&;^ycGREdvUYu7|U8!N^<r`=Bm><1x
z<J9wgRzJ)B%XhQ5ll@&~q7nfuan_O*cZ)!XqAl|C2!!Z|gb=YkYy(u_ZV?Dkl%>;0
zAVl94LR8DD3v6e`^e5_=mn9}cWHiCWdB+maLK?4S5s$aKcIVXH2(NuqeIOdyC+;4N
zdvHk$Zex$VFDW+mJD`W8y>K}<Xx)-No<`^vLSSgAwcSL@O>ZgL#K~S*EQj*HW(Zv$
zeVojGvTe5W8S}n+xXWMVy^P$taq7&CvvoI4?=YX+cH`7ftgQU!KRdUJ)jrJ+?PBNt
zXXg%^FFxD-*i+_~=kWiHv-{154BhRm-H*eq#$5ygQ2+d``bKEqQx>quy!+vv<GWGW
zlrptkA4T7M=HkuA>TIe@<9@eAAwO@aJGsfekhB5;FHtn7247cZjvYs;%@{JYC9H`I
z!Mhh(yYVTWG*EborzGZ@qe4Hj%@A)z@FUv{9PW<k-GME?xF6W3tH=Bw-Dcn{zRXmO
z?LSpxV+f=#&WbWdAbme3NZ)E}PHwXyz%q9P)=DnxDjDN@v9^#{N~?<SgI>-cpc3hH
z4I0M~+oeIMGO^NcAl9-Xb$L1JLirE7Etl7_Oe%#g)u9Ouf4@OpLl<iqd254Cm#>fF
zo`lA%;!50mR+nh>q#Vb-<uvzw3fX8Q)>^$rL+6zuzb~z^{5GS8G5HbnC->;G>U{Rg
z+C-Y{18qRyriOfvPbRE%ChiQe8+T-10WoWq1|evW-au~Umg+X>qiB4z^{PS_lon(C
zs>>s|E6P$o`-1o`9X7KTpI23hRnDzcYx9caQmGU-WN)6`*ZtVxp5xEsZY<ZnOx*^y
zPV6oz*3<gE5tja-)mS&ug5Hip10~D<BS_;4DvLGRd>kM08r<%M#zo6q`A;5%?6}Nu
zK}1X(Txw1Cf%3Ra2l)8q34yhP_B;Nb8v{~Fsd?{Hh!3QdQfw%*7}<6<mL_+ti^h?n
z){P+jPx{2VOFXbo@VC~*prW-bs+QQ_ZLzgP5Vu>t$!3f`4{2?VMxSTd*!@9Pa##DM
zoceHf>L{{+lXvEGuj^gQ;i}SUyu25)Uv6E<YGsGkvjriexo)*9!)X=rom8+7=}Nn=
zap8xnVUx%9-)Fk~TtWb}Z*&&cuG1Ccv|~D0omW-7zPPG}))n;5UNRL??_p*lqA<(!
z5iB)T=jCbi`hseL-as9w1RtS8Yz;F`MTB<CiuHOj{c|;?I&C4D|Kzdcajf!092Ky1
zEnQf=UZcg?gwLj{baauXw45zgh<t+C60NE(C_tjfD<R-`#8jB~K6vBQ9wKe^jV>dZ
zkqwFy2wO0q^o6?E&9jf-E)co7v#$HlPF8wDS*v?Ti@E7A`Elc!S@;-IDHPw#Pj+G1
z8>e>OID68n+W0K<sbi!}ck@LgCj0@)ZcNETJx^VPj)&J}kZt>lWy@x=c=>c_-$lh(
zVe7KDIM!Hj0SvUN?s=DZ0_{u(`iW8g;MQE}K0>@B#QR-|chWG47apIB;FPR2%c6Y;
zVdZc=usXMvEUcDA1gAmww!PhTk98k7juWBh#ZH#_d|dZn&&5Yr4Tf2X>7EY5%_q<N
zq3#eC`?#*&ymvnq{zKhk_ymrN(dN!B@|Yd1H_kq1KK(*Bob29l0;d%Ih<z#+H}8X&
zr_H<IJzx#NO&1mgm;RO)2+<i~GB_(8FOykU7b3^b42SY6sf&mG1B%peIgB3!^kz-i
zM3g;{sjyBX=+;CS$En>|H?F4m9a|y%4(@*K5(>+2i2UGMURadE{<+*w<b;l^YRZYH
z4pFQGJTp%^Tlf+WU6*OWZ~ckKL##!59`Shi4jvDzd})I=;BGZ-HW`#`pIUi5G>;nb
zc!>KS@p!o7qY9JVJP+T_+o8|?X@ehNM?1cGipiiLqiyThARlpTAaIeG|34fXCeGzV
zPirxs=CCTL#<8Lxi!SbOZtpdVA^agO60SUzK4vhdhhS@cb|7;*F*`!*w7ePgjZ<~z
zy+?1II?OJBL;~H>ipv(ee5?wBYxApP;W>|*4R8l2nE+)~aLX6?IrjYIS@tJDY5jfR
z*P~qA;MuFO==n7}BO78)RJusG)dTMSX<lHcxpS}eTP#Zuw>Gh_Gw*vEIw~SUjdf2}
zc~XNe<ceQqOovNXqh<f~)%?$SGo#^3(ddxD>smc|G+aC-mBFP?=D7~GvbWw6`FPqd
zzPOG<{pJNx-+e*9^nUc%pjAQNW^7juI-=Dd2e?DaAM&E0{ZysL@CLK%)7UqE?CRLC
zCE8C*Q$|5X&165;%O)vo`8cAKxvk8MCTY^jOeU}TpnyrQ<M#}<E&&t~ERGIiPrVu$
z2rbPb2`o4`&jZTSGUNhO`=DaOLO&k_BoAQI0=Yg-&Z6w@j86CU8PKK`h5j_LT&aqX
zV$UgqShX0z5ludNVwFJ7V!c1mbJ5siJPxhPYy9C(L|R}D;f~}7RtR<bIbjh<X`2W4
z5qeV-%f49lV%~cW<#cF;u*qzL>gO-=a<#Lb!QIm{y&Q>%d}@35QwRI%lQ}?r2DbXx
zREDhpyFqd55hH2w3s0dk(f44sF4PlJPx+7rImjNH?iqsmJz>h+_RArIdEZgod%>Hy
zOkmB?jm3Oyt5rL*UvcoP{ciR<n>Ltt9P4?}c<YHhxVM8#0xCpo1$x(@TTeW0ez=MK
ziwZ{1N%EQeeHJ|{9wg5yhFiC%20-*9VIKJdccjfKIDkzIO=32cva3S(t_LmD^w^D4
zO{DeyP<LTnia+Dq6&sTnYlq>Bje)x^rK|V5jT1W@=1CtFKf^mr6qr`Vp<uE_fx(^7
z5r=~OKBqynv5q(t5TosYzUx*F1&k~o+h4qojVEq{ldR|q-PcFl1~EuTAL1CkjoTpG
z!Tq5Ov9V1mlOe%MTjtyb=MNu<KjJp{ecT2kZJ2wXiqq>rc>FX`H7pT!hzB>3X$Es3
z<lMvtAAe@MUnE60G5q62w)_7s^d+GDM4MSR0?KcC>K=~2eH;D%JD_}<t$Uk5NGvr>
zBF<V<tVVgnS?kB+ti_UmjUPF8i!cOAI*})xNNpzUV64=yISb<h+N=@Vh_e<treg4r
zVL9oHIBPLpT@}N3)_QGLjFVM7Hn=d^)yKWh_GQ054B(o@MMYzVJ<dkp=Wa0@7Q)9F
zjI!`?{y9Podk_m&jX@)=sDVQ%t4HE~kob1iCieeo+z%ONGG!EhASU<W1^i&m@2C_i
zZNf__6Pa5C2|L|t4H*fh_nm_2^&(-hGZl9DDdyJ8b4-S5{gAMGymwCB<Bdqz4F@n5
zEdFDVu&YOquq0yNFp#hu$gCF$MHe7$?PtVkaf(ADb4G#dW3KnRu5?Xw9p&=1%Wqsx
zxIE-i?vm*e;UabJaemGDN#_ThRn9Y<N6WsEy(>E@Ym-&VvSd*hm;AQV>rPKQZF9=S
zK(K+*zf0dA=m;t|+cT&f8VRe#;J4%eUgK|9c$89bce%$-_-eUF0QFb6wAw>%ytvxq
zUld$f>LG`ar5<>o6n>(jp?#UhpUKHk0r2*6k5KkgT#m=n)3HTw3}m&m0M|y4cq2$W
z^i$4{8bRXyZz1s*@EpP(?+wJu!;obIBJg4@`=nMdHWqak&%y0<<yFNxtqquO35Vv(
z)0L9I#|Y@-AbJSXW8iy4xImn4K7sa?m#XtL`QHMM2X*oDyjAfCsbk@H=p1$9Y}?JV
z4c)t1(WM>{cxc*)#jn|&T(sLGSkK(`IF?3JIg8Z0^=QMb^DS78)Swrr*9+>yACG|W
zNYv;5K7w?FZoeztcFi1pZy;Xl>HJwRW7$+s7;6r4U2KhUBNM~|$z$Pmy{J6I&-Dl9
zv8cN~VBV>xSzsQF^)J%E-Z^2BGDN=N{$O{z5ho%jKAD$tFZf-|S8g5{AaJqOPQ42Y
z0pxZbX`mNnM)cdO&s7(K+N~xMW=<OA1+zA59K#XbTS#ztyS7_{@cOWaRwz7b!?JLA
zBQI?3xB>S&S;*Z1p0r;08t(wvv1(#st|wVEmJx@^AJ$=#=!AB=49qQJYMezn-4>-4
zFoM$h{|Tk#$(bCiw=fvPlz*RL%HjiUvx6}h9IMxaO^9e9^Fz}nlVPTnEsBk9-RwJp
z^|UcW{b!?Fd%F<-Cyo}-6NNE8eS5s;IL6<7un{NL4vfGq?@CXGx{SrrEaOjap51%%
zP%}a~5PObZMm@(LBa-9(#_mJUnIC?dfGmz1Z^1EK>w4iXEWU+oq*-D1aGk^@4`a8w
zdBV)cmfVlQ*2a6oER{eU*o)c2C*L?lTs>H1IE%i6n4GDREPSv1<uVaO#V!`Z()(tP
ziRlHo<AYgb4XGNlPGh|g64-OB^TzqTSP^pzATR|w-f^E`Y@Z$Geoqiz=)YSCP~A}_
zGD1M4wGd!#{R!4_l{S(daJ9u@QB+T!XeR|sw3PywXVee$3?c~-)ZTYo|C8a;rg`GU
z#1-h@MhYUhR#4&$baHk0P^8elYN{WEJ~1!h`%po}{S$s}js6=ErN5&neK~nWI0N+?
zf&N)}!rFksdU;{@|DVvm2?Id?5KQ=QMgJl0j|Bh@iT*?GPcVQN0HJ?a*a`p$-M6Qr
zBh!B#{YN6Z<IW%cxA&?cw_20NFz~+*Fs!@q6z>C~OufbUFU_%1rbbR|`L-vvu={6r
zunZ#fOd=5#?z8kMLMlfhD*TutD%hwz1Ca*_#WLH9JVrvX{76Ev^x`!Lm#{<bFt-?M
z7ym(?bhr3XOgxRqqAU6SJG}7ZPb-2!9vy}|#_`|lR4w=CD!%2ZT92G3kq4Nd%P}9K
z5WQwsx)=_Gc>2J(lJyRZPk~j4T4>#sH4a+N=a9hu3I!vv*q(HElROYwe?H*Jg3~a#
z?IyQ<@y8;$^P8xz)Jo|53*W`D7cmR!u&fn~#i3%lcocNDi^IRo5nBwywhw`W{T>@b
zFv|0+I(P)5Ou}3Y1Eb9JrfoPd=2nx|WSGl#Fc&PGIoc#|`1rFCjPm!vDBGT?Le7?Q
zurcR-D?l<~S^W_&$|;14@i{;;f4vnTImKp*jR2DW?*fv^q_%UeWp0sOf@G^v9swl(
zm;lLy1p3?fW0ed;5RT$GekB~m;G*#K2n?H%X0sqLfaIyeUl2wB$=?@{{Je7rtc@Bk
zfh&)#b+BC_5S#1^-;7Z?^<O3iz$J6X#Io{M{}m#33OU3m)rw7w_#BS-9DavGjAmJ4
zJP?Ls=X1#1A`C~!3qahv<0p7#J05D;`)|i$lVO4Jxu0t%34<7OS)3vf&-Af6WL%lZ
z+-j;c88VH><F!jfEP#5jf;$3Dh72U;DUR$B@SeQwB68+2Bu&Y|6V9e;4?|0L<tUIj
z6^6pB4cZ9so1}Gtn{SpnL%VU~DEB3LO(h0#)sf(RRk|9z9H_SnJmJx4+F!%9hU9Vl
zDRH3A%v9o0C+Sj|9-}7~V%S72o_P)OJsB&(Z-%xB$T`Bby$!O9^GT{6^YS8-A-z8k
zS%E-gJVETy!UKg&Cow?e`QIIgj1hSy><RWGA$jdX@?K$Az}I<FAK~k~`D6_|BNR2I
zm<)@JZ#}7v5cQFwomqg4Ttc(PWLRW;Yq9oq(Td(79;hH9gx?uK2=~Qc9EsIA607rn
zHdg0St5}_@f|z4hImE?mjU~wDsvz1D#xnw=cIrrA&Z?qHU3Fm*9ghd&6%=4lTP-<p
zT~kH^cjDm%KzT=a*A5uOlZ(np0`!tMG3Z|=6sRRoXHjt(P2zMCsIXnEPR4t=H&iD<
z9ri`*w1iS8@C!Czrw*}<FYfI*vIB7uH_o(~&$W|K9W5j-Itv`egB5P>Y{We@>*$^K
zm|!+|C;I~|ig7zJRA+bFNj7Y!dAs4(Rs#w1x$_yg`?xxh3A{-x7bCGdEzxQJV}WN!
zi1`O3=Ifu9qzoEW>z<)J?~NNKXk$bJ^%f%GJT0hUYg7}5_hpN+peLN#y(KV|XSjdS
zYDWTo+Ik*g|4>o2pzL1I;`YFZNO(MWxm{3C^%sF-AnO3-Iyk2IQhSwulpUJ5`==ck
z|F?T@3j)Tts@eqhysV!$gT(aoV$U(>Z{bO6#V_!;klmDWzTb`*lVKr|*C|$B_vLM?
z#@!SNbiBL92d=HqDxkeYds~1JqKrFBwYw=9i4|3)E5m~obsL}~DrE(1)M^7jbzT$#
zpS`Tb0Kq7H_bCZ>8VM2M;v46i4B56X4M8PA)b~>3uDRNW_=7&w4wFkB8ryWg$&h9B
zP}Dr|<i(vUdo_<3<LwmfDIq!gJ+(J59{K4&3J;O~;qq@q{)3VpLiW<a`%ouL*x3FE
zJmk~}<GXR{D71E^d&8XqfdpRYN`J5qjOW3!bQ=I(y>PrAq}~vriX>ltAJolSfhSS_
zwjdDh_@+C$^-&~Cj{9Gp>Sz4o0nL<qg6xKfl-D~CdP&?GWdFlWmXbRvrR`)14;TnO
z$2F2b@a8eICCu7A00RVmc5YDE-PHG^Ck|ttghH0MR6eXR-ET|}h0Z_Bc7}^*Ff8vq
zhSUw7dS`JkTzP4#_q~Vo<B?V52V6xiugIM6qd?FtCBiJ(XZ{w!^9Bac*@1~!egJph
zEQ|j?9Xszo1E90%(r+I<k1P`dgwE4v>5Acxx2O94Hvn`~80$(bE|B({TjW-+4Uzdk
zOgaLpm?wQ&e1a+_vc*cuuW6pikYlwXkKt{{<F0m$fxG5RR<<zKeWP{36W)pJaB7Qo
z0nkTNQ$s8UO<bFm{nuutf&dhj0v_|R!g%bacD<li*g(Ujz3EaJ)3n57SYlNRU*2{M
zHLz3BCu~67Cao*bRpma$_cYqS39Q5pA}jR9oFerZ=nYKcd1rXiuO)80GXzQaoM;yw
z2)@F2e3ULu+-uHK_Lqf}@r`*V!*b({ue7fT5-jE{d!Hln;@BpE$*^n!BdIZ{0cYO!
zSd3Z|g7JHE7kU%ZYK#%?YQGV{KjRjQXQ)fnm1TG^j4rQ)3Ga!TY!x}PqPm=B&x&Dm
zSmLJ2M&N>HFwi4PwYT8(t%nZ7TVHAyg!R_PZXb)(huO!Xr0?^j?+chy(0?KIYm%D`
zD{Z?P`({Tr)73`WOE-oaYer5aeH(5)*8Pom$^_E46mJ5LHvx~743u9?GZ|JzkWTQP
zLQYb1<{fb7@%An!|9R~xhc_6bqjWD)<DzKp9|nXppJ}@JSVzy1ol;^g=KigZ0_RTc
zXudYe7}==}5K~cbG)0#L4vLyEc=n9eOH8!I1A8F*F@7kNpYs*Lid5a=6|*bV#o8J?
z$%7z5^tv()<3LR7^3kOjy+qXd5&{%Kn*xRjWY7J<PLCj`foSm{8=9QcqwPCk5qb1_
zO{HE<9G0Q^ciQnD=2KgH_H=dEKVyFCy!oj{^Px_NKBx7TGsXdOq`<9?Gk8`S4jTG}
zm>ag6kDW%;?ajkaLB%<(d<iiOJbA=?jBz>MySsbqAuN3J(NjJ32Z_dVsLtH7hd4n#
za*#Z5>kB<k*E26V&pK{&KmVk8$5~PmPMWvxL<taG7K5O5sbmzC|DwXz`1UESp8Efz
zuQGqwzJjajq)<40PP;9b^k4fa^Tn-r%pE!Z{J?Sc*a+;@TR@J2z!UJGB0Jc}m(dwf
z@<+|F=h&0zFpkk%ag2dl>^2V0zoSiomRO+#+)CWtJ<y!}F3V=G@?=uczo@H(&Av=A
z9-wP+*3INpI1G8X09CjLAn9tnPuzDnN3i!8LAd_PnqX(8!piXt6#ff5;a}Ia5(h38
z(|Mq#rv<~suyQ|`9`5B0b(7L0t|`cDs>wva1EZ=nG$a+KA?Zw@Byv293T<gN2O!Nv
zO||<F^c+8nWF`g0n4H-{4Duci*@ap!i6!Qf+HXK?To}+RlgIaa;oTqB12itqE_y6(
zh>=^n#3sWU(&@b(phVkjPWxZ<01f9Xslis`SsolEMdp92<1{&lF(yXJ#wdW=?gH;1
z>vFV>8+Py5yFcO)rNEyqLhEP^o_mJYSXy0(yfKPS!LyDC2job=`eBg$tL0HZ*JOMC
zcl<<|NY2cGV)}uq7ZvotYLuL-ipxoqYU_#*+zb1%|2TjD^inUVJC-a4x0_|+fO|Fm
za%928SZ*w=AI=`I+v`)>dy<3=2yIB8(!nT|gtS_1VGkpRyMEWhUHdFWap=roCts3V
zME-@}zpo9IGe!w=j=|06o;J7auyNnSQ-JE~AtN;24=$yrc;E>M+DuSg#I5g^OkIGC
zxcfbM6bBqFNHFtVZ6J93Rq6$+GjwzNmH_zsZ?rPxnY(aBF`wUe<5V+FS`2+{KJ#?X
z#YT43#s!9~YY**W&!@xn9oL?o3m1C7h3irLQ842xxfr^=Qt<WNR0_=ci`*MFFVM*Z
zBtH4xjK$vYw<}r?0STI3|5bP({A_{F0~)Ss^>8Q2Spr{<D)R{Hc-CSD#D}9aLf*?9
zipO#cjK~1)X*xV00_(sWk_0n1dU(6Cy~MT_{aK;@RXnckT4<$M#x4c83Ze%QP(>cT
zuv@Jw1bUs$M}SR+)(^Gbr1{vo?gO~j@eFHO!?v6Ea6$_<pX{ydI(=*VZtg`5ySv*@
zcke!ihyP*4K;1r`CjFWU@8s&d;p_J*T>W~7j1{X$Uv1rP{>fHQe4q_*?0)nFj^?ep
z2caTUSq!=W2NA>sq`Lay>u=TX!{_1;%+Ei4<8(V#uIJ(bxbiFQgk*CgZu1=F*8E3L
znYX`y#cnn3zWLy3%L%x|WA^5u!=(F8Za44QX+B2E;6rYnJ#zEx^EWO&*1fA9+!8~h
z;kjRHpZfs>izHtMPq?Vj`M|D5cR%>>H>mjh>3yx=x20Xx*c3N#Db!{3r&wQ<7KtH`
zT~+A&aB-;8<*RF;w$VN02PEAJRZ7VI_psi&1v<Zb((5blX+7XnkuK`rL$3m)SGeFY
zDG+{Mtc&}B$uzAaI1pOb=_0-xg(^}f#)CG%LHr-3(BFTk9s5778U4`Ge#P%L`NElV
zT32KFN80h!L{?Q+CdSyS%H$Ri+xfy4o-|$9!k<6@FApN<bCSuRX4hrzT(50QP=cKF
zZ;$oBoRf{`UIvp>HTCz91AR#W8_9<~cLGrO3y$L?zxj9sZE@91>8-X$dX69OlL(XW
zeA%iZogR;mEyAsK_Ka4LE4_T+&c2l*G5b5Xd{pMc2!zBqo4sg_r?|WM8RB8n9+D9T
zSA=VwotYP*KxP+>^g9NDnCdl9YoOz4#Cf)_UV}2+#%vEut?rg3$1s9j``HCTSG#6F
z)-RHMK(!?$%2M2IQnEjDY%TUG2@r98jLOps5dn;4rB|FIt-2JInnqe$A5r4JKP-4W
zpOikkaLIl@)hy18h1!KZ4Ut>T(I$h+id-;E?PeaYsrtVhrZ&W)TX6d|_aG;Ku80jq
zan@y`PE6<{p5(H!sHiA<F+)EX363U5wGa#j^9ZQ;dvZ9qH7y>+Xc0=F_PcwEm?wd{
zY3&5&NZ7&1=KBP(O(c!w)CaCHwkpHmE$melTK42fd<Sb-$L|(KMsPi9c|mWa{2iTS
zd(jeb#$uLlNKIx`12wD;hik>D-l9^qUa!Gpc}kMWR;LTbuPB(w@uxwQS;nluLs#fP
zaT4bW?MM7F^R3i|5x>kIiC<<fUY#hE_9j_!iyZQqXQ7OdLq5OLA)kZwDRGj|we;zT
zlY9U<>(TbK^PUR^Vj?|t9xAq#BHZMYH8LkF$pGq4dQ5|s+7Ka)%S9!^!K=vnflCJd
zC#wg?RWXtz)St^rV|ZrLXRe|9*Q=a7*REY_XPS(H)(a_~o{X8_)@TX!zwwP15|>bD
zKavt6$|Yr>Yne89|4q+1;P%flA2G%zB{%Ory*>@f*XMZg6)4;+Ulk6s!b1Wi<hK*_
zVbC#0n8Bb?Cid=v;QX@RBqFyM2F(xWN#n&vIkmu%GSalbhhlu83$4gz#20#)zR)-?
z<LtNg$StzfSYXw`BfikX^o1sj&(8UYxz&t&#2U7PIbY~)=y}mRZuqWmKe#Wnco?Sf
z5R_$SYqW{I#_&oFF_haenLcwk(Fqi3X<kk{IxSY;^B`|R02pC(cCxIx**_dwP85l3
z-O`dK=7drT=-O5?j^S=s-%5`n&%IKzCYWriOoEDp966TA-d^Gfb^Sf2zoo?+vSu#!
zgsc~`B;EtJ3hms{wpAPAG>;)qdm4;-7{z)Z=jvjcIXmK9{eRcFns8=2{0Vc5I9C^0
zjq-?d^^eK9nvg($D@hz{X%k#V=W4-aVrP3%;I|7A&LuW0%=SE7VKxtch52_mR}W{Q
z8HWoE5p5YKyDGFl5m^^qC$0AvL7uoIiI_?h@o?pYvsd2^{$MMN;!#NmbpBcE<ZQEN
z3}lJHr39bjo{>s(k8GWo6UpAZ+`LxKej+Ok_sMc5)MUCwS52caM?Q>QRu*}9-PIM1
zh4Esct9=VQzW@1A)_QMT|Bb%5NyJZkofXF!@zWmh)BX;A+P(3v23ygHFeBt0BIlE7
z#D2U(1W35cw`qgPptGVnZ{Bt+xD&3wv)VUqc~RxU{J65}BHgAX%jaz@sh(V%w@#a!
zsa;W+u83Tuj9j8rM5Zh0o{KF#7xtMu_ue{i7+PP|2IJJ#7Zo$09`~N(Kf!Rq2pj9!
zar$P{Npk~Sy|mFAVm>Vh+doH-QSg81i4d@f3w(&0jD~&&HA1i-_=Iv$_=^1mMH&rU
z|8x3iP~}V9f);9WHF<gJL=3B|$8XAK(wVvl+$2Emg!7jD)u+kPoMx<q*2*+*G5dbF
zJ3Va-WA;xVTn(-MlM*H&B*RM6$K2B5ypkGbM_@AMxYuD`iN4`ouO+7wsn=~o<pikn
z6FWlu@8i9o{{Dqt5VOZo2vLy>JVc}tGof{RX#yYH&~YRs7;j-!d-eEe%Tw_MHc0Bh
zTGaJX@^Tcrm2mkD?Mwkae&5}rtz7iGNdz-wi~i(p?MOBmv}AONyF3fdSj*!zWI)H&
zc|OA%-ugeflH=bk!|P$*+j?_PCyp&bA<<I^L0%+!Su}LYQ)uX{6puv@7t$S3I9v!u
z#HFLSkR7DUU#<xn!}N6`y$GR>I<1CSQ}FB-gfp^5x*XHPg#@GvZikY+9DCmammXWq
z8fm`AI3_^d^2L5+Fsb~)*g>mFJuZm>`h71ipFt`qcS<KVawN2OU74YQ%OS}_k4<B+
z$xvpQd1&YK<~@k;<!yQ2V{EP}#nw~L)qM6$&#`0OyMKaH6Z;P23o~Yd+s6|;31m(j
zkfE;0)iBGZRzuFLq4j0N8I_qqI5?R!>G?RDpmMfP1obmZf~Ft|4|6hIk4;|+|8mY0
zdy}=he<ivCb5@{2dDkU%B4n+W`jE*)`j$HfjwNy%>7BdvGQ#Id`-fjxgy9z!@puPI
z4iIL@odY-XyN6$p_Cgtd)ZrJH%{lw<3)e{33ixK8Y>vbIm^?>dq`&6-HG7y0)hxMN
z_M@XwPWEK>qld?e)EnaoE6UZWK`nOjbRrNp#JCb#hpw(vbby*74glBBwPH8M<D0OR
zU@Tn~90l?-W4x>dVo!3P?%vgij%w^|`9mGZ)3TyP42OcGw2fYlrNt#0Vq?)kSKBOP
z3M|l28Iu5tRb^fxZjxEdD)Gab6(IlB`d}fc4I>Wok*{2xxG{)fFxNKgqnHow_v?eO
z<>bw*C`>+e9Lb1*Yros*<TXHB4naka>vEX2BFo*X8A%tM(FAnFS<1eU*il@2fr1><
zxXW$<Dv5=8h5#Q8>O&sAJIc(2vkgzi-D<qgWT>*@Z(+QxqmaKXf{uukVXi&bL!E+M
zm5SxaEb`P^I$wvYJ}5kWJl$@bI>W7~=BD=UpPq*6bFwnwQbOg}u^N2@!{d5?fnaxg
zSTKfiR>asaI=ct{0GuudS}sb2Qo`xjszCkQsiV+kGiMI+xa-R@{7G=l2|$N92_1VY
z3muKB17z#|9vzKH551+Magq1sJ&0TP+Z`FVh~dqwuKmk`Cn^<rl{&p154gK=_N=+7
zqr1Hk!Dt`XwQ^YUy*tf&jomw&%}p1{k{<(?#wB}@B|q3(O*20opr^+n(N3}H=>eXm
zj#wK!+=ZQb+j9mJ%~T0lZ+cD=vsHom_w?TT*R7pL=2Q0BoEZYFAOcM`rZE1*B+?7p
z!8TeycMGBMe?YI~0z9XKxVVtWLCmpkBWFRPyH5mOQ6pzTj+_PgSRGtd{%@THX&dP!
z1>?5pF~|#dJjl0=@uER2KYE<#tMl?SdhVb{yNEBb>@$%!<Z5ay;bd4Z1tJ6V#(s%F
z$F9<H!b9wXzm!*M@``oUi0`VZE+|0rT3!hY+aEd#49lDm)!TjeDLmLG4^cevL&kt1
zj(N=ak)(dT=R%UhB-t1*1P0AUfN8$SMu6eYjNH4s=fsO}!EagI{;$($qCAZRfccLH
zfU!R8=Eq3mrT+mMN2EL(W&!?P5n|Yrp4h-I-OU$CfSA4eSyu*pdGE1Ty`VoPm<)@{
z8z4dqbQZ@rg5UC~0T8)<vj;q|VDo)Lgo&BrY;)KYBwZ;8^GHGiO(h1t!tgbWJ*`L$
zm&5o$a4l`=_+YFiR**f$3#Dju!?HeelEVyMT`@`yEwX8TZj34@DB#I_Br`DCO14av
z3Pv?zaKuV0fpsizt1AkuW41!Qq{Mr866@XlD}$w|3)W1ms#K#N3DF8%(dL1sN#e1w
z7kwmmSxKo^L^VOdL=F$d?F`*|G(1(&xoDe0wQB&Obu0?4lWc`nn<vB7TMI`qTj@W5
z)LLJlS3>(=bEM8T6$2W>Pcq7%{I3Q0vh$+x4qRiS7^BD(7UjdpthS-Txm!E2+bht+
z8yz`05ASU&Q3Lno!F4I+6+awfFCUUTrU#K#;OY{crzh&)c&yy<ht0c<XbnUnHtz*R
zRW>@~TNLqtK1H0-5P~h{zH$UkwZ7nLqmu_RMTk;v{Y+HQZ=U&ydGAhw6ORh8AR&@9
zHF88`sW~%n720q?@oDk|3y>FGtAP4LftRyw^;*}hnZS(P_t4he`#0rsf+U2~LM}TM
zu(~=L2yrV*fV2c%b5%h?{Gfy@A1n%lm?!xnnB`sR%&6}}G@C$u2}Z(W|DTdYE_N+e
zf2j>&6#B_*-*Lv&DviF1#xB-W+BpMScP!Vd#5KQH;T({V8Zks>xz+qd)Y3$pzf-=4
z<&t;=TbXh^FyPd!hKE=S1p0E}2dl|TtjbDG-H)Kl7%L{R?J#B!v>;dMbgU_p9J1Zd
z0a%F+z;~<Eo-&)Ke_xdoM-yiOJt-r0+_$J1vQ)~qSM~pO%1p+t((&-Jhd6&gcFNkE
zEXCa-c1yUP7Z!;IYg<muEfnlwkDryqj2&~T&b;^Nty72XLauPfFkX5yqG1B-QipDN
zJ;#abIIc$AV^9J_#z|ZOPn|bE-vXE4QkMdKqB1a!D}Z0I4BvXOG9TO3{qTvKEe$<K
zp1?)A*GCbU@MD*X!#v<hMgT4kzliv3&;}@emGQlzN&RpOD~Tp$yRiBUUhC?~3qx%d
z)ImZ>A&(*_HwHaSk8}LiE9y9iIJs^#TvBTS1AC)_4Lq*D=!%&5?Z>t2r|Jl}qKF9_
z-nia1R9zhrNB{jQ7fv!x9R1ORn#y79=k^<<1M)mM%}8fN^22@Fpur}H#i`}T8f!|s
zfgClQTdLcjkD@bdQ9J{LZ?@@E3^s-5H6l+(KV0@0;9evtIhyg|Cj5(QhIN=JxPE);
zxc^3IDfVo}xcGhte=)Z(($C8Mvr@$lcX`rW;a&c9qLzFt^lK_L88%qN8r+b@NKQEj
zh45wU=))3^Wl(WDd7OkZq{G#4ou_R33mCbD6A?iEx{p$p5?Y3#e(--~WesHSO!b4h
zL{YF99s1Gp9^C&{6jWP`+p=Wiph%6X3T{B*7CIx}&6Gyc=DoXbJ-vhG9+^ll*XW6J
zTc!qg+tDti&9_A2P$tqj_-lL=6Ly$=0vlwgxD0<Zz_S)tR%@c@<*;y9dgfT%Z&E02
zv><dkw`vR#p@u0%*N-k84Of1e<?GPf5!c13(_n45$kDxDqv7%&%Vvz{8cZr=g`lu+
zJ+#hq_wgI7(V#xCe%9!LpTxGEoRC(;?zxRxYqe`YB8gdRT(;<QMplcR(mcv!SZ|>y
z+?g4RN-jE827Dhyx5K~OM$zq3WqG^p?YW4@c@q#$_x{u7bBwSY4Ruq>X$D@SSX87T
z=osC4VtZso<&8A)N<n*Mah|Tc3Kat@<V|i3)UQO1R_zou(V4-STRbK~{^v|D;Rao0
zJ}6Em&nA12=zF60V}X~5c|Anuq<?>a4b$J(^NXUFe4C2fQNVydLEXNusgV8rBHS)5
z(uVLcE>^E=4biE9_)k)cnPv*Gnb7seHRSX=B`~Mo*=XGafx`uFW5>I{xE?#1m_Yc#
zmw3_`;Y<83!f8$*rztiWYOLr2qv9g;V`uUA*s)6zNrL+r4JzX<ds`6uakK3#YRb4z
z$AWTtDIyd(0oh|L$B;TqC>`V|NDp!=B48K{bX=a}CnQnc7-FC~uk0i?^4m;034@j8
zV(2$yHO2WFwH~Md&1_;1xcqaKr_81T-$%nDs4Hd^E}u(@hMBJ|kT_Y@9LoK&z2H)u
z*ullBIaq(_Y$%>Az)einm5Pa0*E`<C0o!k|hCnuP!lt#EbC}nveSOg6a-(28-?D2+
zqRUy&e_OaPLl1GvW(+5{ksW8o;v(m5OGArGHaq`^wWK&O78kU1S;!gWH?q8#P5Z_(
zH!+mR?#AvzXZ9&RhydB=T1THgdyC}<n#uv-52O3OWkC>+^*)QkL5v;P-=z0<pnko;
z7p~-IOeDj9<+XGl$KFTuxta`feIS?!$G%s!Zq|pAw{(3_MF1emn8}Q3h3xHK%U?5&
zq;5~;j3d4%A6Cij%qwGhpHtbtsfR!w>@=s(1;wq`1%>++ESRqI1=Sw^0BPTIfE?;)
z)!bglL`P0aIMkhu^AWRb7QJUyFD1_S#9^9SB&=ipaJN{d@i0%CC489gLzqS*26RA=
zgv~55DM)NWJm`1>GL0O#vQO(XELw7d>;9sF0TnJcpL(q4#2JfJ!3ZkejP$TUU8Bb-
zUs{av1(8WWv000ebSkqP#+X~1dXDe3{00qk7=MO{;>QjW<EvY2?kHzl=*HWXS^g7)
zZ0^Z}$obw(Od*VKVBYa8Lak8uxpi)zxv2}N2x_7fA8e7In#UAI!?jP=N6sY+k*!Ck
zZ41aEq1IPsRqD#htB8)kJtD&T?Qk`2l^+8S9VVSJa*W$Y@m^j;(CXJ!*^i8)L3l&x
z7P-o<)vNB=Y(kR~OPlYA%e~;CF@>I>D$2&tMoTw|eYo%JyIehgQ8Y0nO9Y6OVc{n9
zKeHK7@!e0V2gaMo!;+T)eRINeYjA0tjc*;x-KI28G#NIr1Q|vM5?3)|PaXsEu+-rZ
zq$^yT>_OWsWA4rSyPMCmE^-J!!8nq=ye)W6rJ9vyf|<1{7!7}na8ru=wM5X-m+PuP
z-Cf|vgq;gu3RxgtyX(!*1KH(dS4Uz>_Q&ocDyNOF0|y`Ja7qn>J6$<`h+k2}+X%tk
z{c89_usi>6*Se(Uwd2wB*yk}pKC&JY<P+;LK|T#&XTDd55F@jlQ-lRc(>h-@eqO$%
z>)B2npyN41b5oO<>1uZDu&;230Aq&UdZYmZRYAuo=Q*t9w0?`)-)@Cn?&A!5PdiWN
zknJqh*?3NHw+Oow^0x70Qyta_)x2#4*<R&G;t13d^5l*RLo2lat<)*3l{z~&UYDPt
z)arGm3oD8?s<rDk=A~raw?M1NwSu<C(%mi3Bj(k7_zVe^%3+_&(Knj_4n2s4^T-oD
z$2!bA9_oJnsar>%Bta`Dz(bTc!HbC57%PL=-7Bji=-le!(tIGW+F+$3Hpcd><^di=
z#HE0H;L?Fgoaa3`At4qS+Z?r)fvYR=Gsg;8xH{%D5VMGxNii{)VJs>H^bXn6SLHza
zL@%M|0QDqN?|h&OiD!8%fi=$%kTw(hG|Lr~%EWkdk+KfoV7b+}(PY@das><I+zGqA
z_WN}EzBy!bz|!rY`bH;~-Rd~WoJeyNk^MxtodehAc?NnhKKZ1_36z{{1fZ_W^g2Eu
zHYOH2LY8<rS^xCk-_M9$UX$X3a%3#HZ>VI>*A}_jSCNA{yZwB{EdICdYNYT7EM3hY
z$hT78lftj>TNI2n#r@NF=6TCFZ2z$fNaAqyivo<8^q2GmKZ1j2s9MkH5QrgXRe-*J
zR)YJXWKVGq`^&DM=LRx+Z2x9@W&ryAD+XPsHm)S%V#V!(nUo$b9|>6oszlFeER5Vj
zxK?tQ<<`&QOosa>k{wg;>1;UY2E;7yQIr3?%gdj_3=fw)@^9>YNwKltaSK(%I?U8-
zH%5@^$-i>+g3jF4!vELa)dod%X6bHd8fZ}Y2ET73$e^|g2nkU~tsw#ikq8kptB$Cx
z^q_V(P3)GG3nYVzsDWranZ(ibMx&iI31oLRifG0kshKdzj#lkdW-C*ZIDrQDGgR%=
z?xt#M_MG$H+kI~%YC6H)AIT3x-;eJ5o_pT&KIfe0oOdSIa{K#F4xj7ucU>BOyB8BM
z2!f~!<Hb(6eKRtpMV{u;P|wdOhj;E3|0OSl-`;;2^D_Q-z1Z^Cf8>a`6~6<m?$EoJ
zF)54DJ0uAq#u_?*<<99=YS4W7?V%$+JU;TydqZ8_!o`!u`*r*cyni_TbSHiR)q7lR
z9lUawnmivl<NuqNz&kS{9UOK~)zh4f!+xzI&1Ryi0tr82PF{ta=}5p$Fp0&4?$IvK
z&t`5f-$9^_l5FUTUv@0Xy#J#@+gqlLmj5dW$pUH#l@KO{IABp?b#131v57}6nw1jQ
z?z*P!^-{gvO;Co@|4Oi?$&Nw0dfK~^{^dd$BBIyf%7S$pC|mk}&?6Du!m(FL(GEGz
zCuf4U**%mM9qGC_a=e4^&x^f-SCQa4!dwkqq0W?GNYE8xj5H_X(1rnDl*+!$)IEnD
zNBatHu)id%6*TdZGb;w;p@_nFTR}Qqm69at!zj_%^#-L64|h?W%G1duwjF}E&DUa!
zH{^Pc&S<VALyj>gC#+2|1#g00OO2plOstXFm^kLKVDy8ujhyT+kfTHxD2Ngx9KBd2
z7{=IqUs#pGv5RJ5QRlM*K7)|794KhVMYGc>2MWUyHC0E%;i~xz#dnYn0p{P^lcx+{
z{i(3Z{*Dtvo!0|k`q8W^<-&$6EXDCODQJ49tx*OsN{A3~a!5<({J^g?$N*b>J@S;u
zD4}6FeR25GC3FVS6BMV|m!m!wRaT51acCL|);6qvqh0r`5|Zj{yRer%{yJL5>Rje=
zm}wCYar3kT3S#dG)C2G3+G%qhKwv=doFJ53!BGHm1xEq)sx4a{j?~Z<+&CQ_@$qGK
zd~F(3U6_>cxaysZ^FGBsgUYKRICc1-AKFH)U%_{Tm=qNRD3(F1Q`OU(R>TIr67rgB
zRsG+PFCuHVx*AJ4)Y&lLi&X3gS0VD&63ZD97KWqT*n}l_OIC!8Qxb>XJ3rKpl%r#J
zu+jbV*M?8RttZe)ZuK|Lpdk2Um~wk3?r>FXH0RW?^~5r94u2y++>IM4pg~o1n+s3v
zd!T!oH6voLoui&JAK!=7rnPmpCNpJFI3GcKGZ4Pq?E>f3@)UTjJvSP9j%+ZbP=!3@
z8|*ttkM~FzMQ(u6Kb7IKh^?A3QGvBovat`ZKV^RyrffcKcua*w1%RBh9BBQ>7?+5G
z(FzBi^e3k$$%liZmf*%m#$rTME0)=FNKk<=`pUGFr1WuwMP(TIAk|lnBc|@u+H#EA
zN&mf*+gB1)tA*CwtmSH`R;aGgkaa8{m#}|g`+~cSAU;8e(|R0%2|^#y#aSSsp{@&P
zam3$py(*fdj+X^SK?WvSDE!F9%HpH{%-<nE$q{i?Yz>W9VBclrN{w{9i<nI9-C{>*
z(DymkOr>?17I_shSo{K*JM>v;v|NXrrs~WapJvXTt)yc@&MO!RZv0nO_8i7ZAy<Sz
zCdk_uiS^Rh-Dh>c>HAuh&Ib;Bhq`crhljda9t3rLr>?31TtHpJWzc$mVMvD8mafiE
zQ)ZuSPu(sGeaK$JK!?Y(8J(TGJ2-=A7Ea>&*MoC<u<zWR)>njGMqIinQ%v4XnTTbA
zAIKr=?De0b4Olj1(vL#k7p{C}^68u7l0`}7t>tkN=zr@l!<qQzL_J<})3HOGs$1ty
zj^1XmTk0%LaQg@D`9|4D=x@97$GO{a%TXC6>P($)cxH&Jyk+i<0izN!>b6UsWLSC3
zW33Hu=xCVaar0l=L35=z4SJel((3lQ+}6e#gpVY6KHv69nFN#md4DqWPimeFFRXDV
z>ani_iGk0v7+jWmi_PL-F+`FvWEtG!{>2sU$_TuUrNGyb6jW&}GLIp$aQxBbfPcHQ
zKej$BEl_N5pDYm7XRTO*ZWwFC+~8+=D6NQs=iv5p%@XuYYEFRJHyw$me(OkNVZl47
zIB@n4_))s#Ar)$S-D8H2KXO@Bjx>-M6YDKj%Wf3pcGN0|rO9H2Tf;7kDl>&*O&2@0
z>Ymq`b{e~N&r`JYnT(^c1HK3?Mq7s-$mVYlw)4LEgxOe;hdn|>IEj*!B9JepR$zml
zY>@uC47V8DwLV&J1^qAAOBRG#+zx;^3S4!~O|sP>jfpEV0?Yf4{TWgGH{-SWvP)5k
zNQ}0M38FUKR+id^W8#~dO%QwojO;IFWF{dpdz4;KldWkt+l|oYo#0U6=)cx3f|W&^
z4B*<gzATzz9r#3`f2+&_{R^BiQ$mCR&f}HoDJn=75ER^aeR)xA;0$NKBhd+jwoj%c
zL&9(NZiLponBSg#VZCw2J*9)eevt;}_}T9^%keV-%G9yoLSnOH1p*f#$e=9mP}P7>
zuP7A<D4*Mp0fbfGK&fP+xZ=+yiHL#PrG*>28h<pI$qfOI7J4sMaNq#B-?x6aF(r-z
zld>Z^!LOAg?JGatVn`?#l#Ad~;r7PV)TQ9Ws$YLUl7_@ymAt{R5TYjYrX1=_9q{QC
zxeA9W8hJ(Ez@aj*LuJs!*rVf4zT<zfJ4nB0Mv=;ynz{<vgjfpgVqZ#4ya(sclQKAG
zP?z#-h5>`!f<KZJn3)u&Z6MDJy#KI8Oh5yw`w|M!C&&BMzdZ5pN9746R_tFiZQOBT
z+ur#p$*DYMbp)Rpr@$(=xroQ?{CHh91@UivxL!2vrO6h>BM$cLMK|Zh2Rl~?Az?!W
zc5?*#Uw+N%RF`syLe21-b?zBz)Bp7rj>@B+O4W)$3#j_bXc?Uva4@thD0+&s*Sg&;
z<1L@K8;!{GiQO9fCyotXJB@22ZCHe@0vJkZBfAQw3O%Y_Q2B8-WnzqasQs}2XR!1O
zS1vJeeze-1YM>qk(DsFEF}z*r&V(LXC_i7|Ho#}A-P`D@n_2Gk=tf)-T^1Juj47eM
z60VA~pr>^FFN=n=Bl}Co+&Aj;%%op9TjtJrugdJs(r+41G~X7!oC{k&aV)(LfUNt}
zF>ee??0&=Jm`D&PKiNGn9X?hrgS#MT!-ulK>1=n&Lxp7GQPo=iVCabk5HfXCtfa0t
zJPTn@j=SXl!~8(sAN7R0T-;y(Nna*wry!7Si@AmGC<lK3spCS+1m`O5=QOuau3`ec
z=KIBXOhiAyAP?Fh7@g<Nz)S=M&srZT%772w@_b(=b%oN-k)=R~nA8>VlrH9X_)i{n
zMJkP$dh{;`e9>YhR|5Y_b-H7vGD9$&*k~*>1n(O8mt9&V@}H8xfz5J>+8I!=(gjbp
zMWr)w&|DRODVl5mx4!2bYmiy<pmFTJquS`d1!Hmi1O(LgTZ1^As&Z8UZfwkii!FGc
zC|SfkmpBWcZ6bqd4fWt2S{C2|#H8c^60g+GA&65f^K<Ag;^#!-G4N(p&kpbubAe*0
z6{`0V($q8%hQD{VMJ;d48<f!3rp$Q|QRhuwIJZpoE9(3~Py+<T2U9!3tHU*W{1gI*
znW^#41LP3YJZb@a3LiZ_XTWC^6QzJs@u|AQ2zie^$@>$9Gfi+m*qXF#6|E#m?6D^Z
zKS-meY&La~n$9Y^N@_$Bw6%#L{7!7OjtN?fCala_I~9Jhqsj!WHO<BrhPM(%i6y)V
zwHwpxn1vUuGi2Fx_M^Zk%>48BRAg&P7|0*<@jk+qF6BT09>B@DU&0q6U$cY`$+1b(
z@LMPS-otpLW}AE!=O4s(C|4~sja+ZXJpbVPUVj_yqeZ`{y@WD%_zn@KVTrZonNMC1
zJTvH*6e5`e`*0csmPd9)*)-Vo7tV#SvZE}O=4MDMtq{4w*5wt`m}EJT8M+T}BUqY6
z$nd_~i>uoXqjR^JPb~hIRQPN|bM(Tm_vXOy0rrFB2{J~E;C&@YibU~p-%s*=n%Du4
zQQjdRk5OI>Cr;qYq2lPr7f1!F{b9p>L0_(|ErG53;#1(uw5DV%GTv>3_$|)I`Sp++
zzxe#R`KMy_spO(yE4LR#4TC(<#yTB^j|ggjPiJx(Ue@_2Ui51Ep&t+UOo|JN^Kri5
z20%}Fb$VDSy#!|0VRtvzHc8L}XjeCI4m(rO$$uR;E*B)cAVr`$qY{Y{NI?!>k0Pel
z)R6eGt<p&Gle{A6Zm3R<Q{DTpm;$vxPJhZ>pU?b<JwK#ZF?!0)iLQ9fm~Z@J`H5g`
zrSP%E1tGB&I@DP+;EPomM6<3PNl8amiEX*Vv53(2$Ktu6xFOX<d%DY!669r62drIG
z3#Q3%D|oaeBX9e#BoIkO;ySfmBj!Pa+Oh>~7@0L>y-0hkK?_#FpUKb(&O(DZ)NBP$
zN%5jvqx@_EyOhE9`UjMsweK}cRe|rKb`W{+nr%(;EYgeuZLE*?u779|p=I!SQhW@V
z9%IIMVuUYeRHT`L1BTJkrzB+Il0?~tMB+JNWJr#%a+w`>|1GVWj4Zvfr1ap88cGJR
zeIU~aTjxI!9j}p)^H*`J*-r3sJsK0eB1RFPobi7;ZH-1XL&JWknt7e30bh*9HqfRk
zN2Wt>d39QNyrH)Caw=39Ya6DBnLT*rtYR2)FtFM6;ZqB^(d~)PzlvQ@Wy5H%wNZqr
zWD~*BUro7_pc!%E-$(`sWxI8rZ5}3lR1}pRcEYA|r&@6phOh(!VD%acuYMsll1v>A
zKHuoCYqDlxlzHN)y*Cd2xTbXcF_YS>3MK;=28^y+LeTq3MPamj3RW$%XU7Ca9mx38
zVv~ju`@0ASdVjUKOzy;u^j9pQoTPn+XzMm`=xc#Ga;z>lkQb(6T7~qnZ|Y*-)TdKP
z%$eAXqfZX_;#4*;6<b?l(qb2Z!tnG=pPV*Vg$WafdS4<ECL0F^aOn8iQ^4_6^}>j1
zk*k1~n&#-S$nX81B9Ia{27s~3Fmedd=2BZm1Pby;8SycFJZK!5+DuVaHL+aAbqj*P
zPIFqB`aA$conj2Vk8R9k3^#*qWi?eEuaHXYxc6jmEw#bz`OZ|hdA?!M9I}_%s)w<H
z(Z@fPIkAczOpv_(=+-5S+p@>tw!6t4y#E=IK1m}O=zgX$(}2>nF*p-2jT*H>*Py{*
zAmTnFvlBi4lQc(j=Uqj5kh}7*RsFNk5tVcoX(CIoG=RaXOk0@eP55hGK=a30>RI#k
zw{-ej6gBvz-g<i8fG=L~l8eb1%F`W8*Xg<r94hWQpwp$dV@qr0KjtNeg9avp^UU7d
z<orBdzzM~g6f-dDtxbiVugZ<n&b>M8lZzwnw1L0>g@CFvOL>Fl?MQeMlL>)4a0hpy
zA7gdJ`D;ivLt^aUwSzcmFv~vJ-#>WeIFgx%db+VrM39XCz5lH6n_#WovlM0?Uszv4
z4@Vqgsuk<JZsL^J4lC}>M>L(jS55TXbY3`L$_T8|KD^@E`?O@d^ta$_n!Z4!+wzuh
zC+B;O%Y50K2K(%uB)E1+Z=I+SCO(I0`(^c;S5Bo7lF3$ciFmNgC7MnnR-aZ49=Z*U
z*%>GR_4$A-pxaU~cNWobn>1gbkxYP<abH)hCEQAsM-I?>q_Cld!cf0Wv`oxI!*#ex
zsah8?A^v24W;@2K<nCd%MybW+sN2rq--=9V&P$=kj9fe$9+lO?wY|~iXhJZ6_c1w-
zx3S@0;hvyaGS+}MQFS}^$N1jh)l(R5lu7dMTp4b^pw?be=2x!|cN{`>MIRr!|7uk#
zB>btwSc7L!$A|m-hR*#&oD|Nq{{=47_aaxZU1%Pi?Kp;v#XH`<p~F6bU_yRG#3P`$
zZG{DTF7KVi$V}8DUyI5PW(|A(J}O^HCanR-pBLpDm}AWh<eu+kEdEZzWybw?8vYG6
ze8WU&cy1;fC@RW^*%y~5$Y?4IGw|(Lf#Pq$4Af4HkPg7Q&-RvLgByayg^%Th@~!F6
F{{nQUQ`!Ik

delta 4426
zcmZ9Q30xFMzQ?<+uI`?mX&B{DQD^XgtQhb{;{^s4qJ&FPMzMh?WC8*~gG3^jXpigj
z08xv$Q8C7#n>>Y}Hk!mhb`v!(y8*LNa!S@D8e<}A63^(?%<S8@`{wicQdR%@SJl7k
z>R(gcb{ADw|AcD#S!W9ZZRH#l1Oe7Yjsvrs_1)26z#B0jX1rz!A*ulcK}@ywS6{bn
z);_n!ThFRztar67T9GzW8)Un0`_$&PC8&n&uzJhdY~5hZw>gdkqGT1~D-8TT%}KI&
z-_@+aWp@(Z7v90Xu1$2--7Ji(%PkBi3B3Ey*|qTn4w5ej<T7io&32GydA5Kxm(F$6
zH5HX$?lY8qotf((TX_$u48Q~j+AavpF>6vdxgZE&C=1+F?jWmqyNB2{x!6Ja3IbZl
zn%l=XT7Fylg^ldwUMb9ZyLWKi&(Dn`mHdIPu;!MBgX^ZR$^?V!cCB(i8p1{tmG+W0
z@R0eKc2*OZ(;K3zb=Ow)A>w}CgzahNErwLR4aL`3)zSIEb$6<iFhz^w{&a%&qxPA0
zQah~e(Kcx-wE}I97RM*!fwjfaJs8wY+Z@<?GVgb?4Go0(i<d5bI%nD9C+Nl(3O0KR
zHUkdiAP(jbj%XHarZ2{by!R#W14i3uc=S8gUDoHU3#^Y=`>MCqF4a`GtIO34b(Cti
zT(fjo4p}x?iY&7%!z_yOy>g1Js4fp@Z?w_q^eU1~CXq0F7k`G2;d)$-=i)KAH@bn&
zpk`EqicvBej#T&q`~V(+>tH^d4u?PtE`WEz9#9Pyfyto1aL@LY15JZ77f)aO#MqX=
z?!N-|_#NtC%5@sf+TWuN5bsNv{0num#%nYlO!gaQdkw}l>I9Fl(qCvCTkOrp`YS*2
zRzB)AjPV;nf2Hwkkk>H6XE4)lQ5pE_(yr6@&5OU%rvNLyLtph9*ZfNJfa>>cdyjra
zj&@MspnUG!FiK!6dT2qFazp7<4k;Uzr<6n`LLu@6xn15ZKPS87@p6dti}bP7ENzyG
zq{pO(;8}PWZh<8*8AeGGy-44u`{){)N8_oJ3gUV3gt$|z6kXy3u@AXL&XU7q3n?MV
zB#J2b5`G`t1D}Cbz`!$L4j2u33D<=dd-o*32Bq7b?8mwG*Zi@D-k=A8?|_*9oo!DC
zEN710Vg8n3?*Z&sru`}l%;5e38TP;UbC0ImKLmSxdC%Cplp}Fuj$)3zYx(PFv>F~`
zG)ApsFUP109OylC5HVDZ3Q!7)MGhpv9=IRYz!gx3GhvJwJVFJa&e8oc>x@-H&CZeP
zsNvvQMs&54b?IsZc+tGCtM?K33t#TjfHf{r`+F`dQ8`wQjiYe_%nM5b2Yg=zCJ0MF
zD1;7hAAA9hgL*yz8E^+&fn%@@T|pn9{m4L1pm^kf_eld;MHY}pNMC$Y*{&?t&TA*|
zS@<P<3&!Ikcq=Z$Y2*TVSE`b-rAbm4y-Po%$7nq*r*r8T+FS0B56Ojck{l_E(l^q(
zQiC0Yir2*s@u0Xtbc-{^p(18_irt~eo0JS?lwy~!vFeoE&@gqa`h+?SOaLxW2~L2W
z&<O=_9<G6T{KN-#M>2h3rISR%JfUxGT(EC}*v^G~6*}kJ9l@$PO$g$9>py>fulWn@
zgM3~rBg-D{Us|%jJ_`7ahvwVYu<coPC*n7o-?YGGUsvZWa<HQLyn%OMc6&kPRi7zq
zQRS;V<Mb6y&9krd*AL6CJj2e;uj~hI`)WcLRYv&AY*bd|lRRhd$8KlYBUtdJ@_uIH
zyvjnrhXXFYhM9m(byYgePqQi?{4*w#2WsecL+@qiy$wCc(1Q&<#Lz<xy^o>yHS~Ul
z9%ktM4Sj&24>WX#p*szoHyLE;gAIL%p$|3m2t$uF^oI=ncZNR9(4!1}xS>C6=+TBA
zW9TCceWam}GW5}gKE}|;8u~axk3Fi72TeRMVS`BmCS1a-b8b=yc*&pC`4Z3Qpb4Bu
zI1@ROIFmV3I8!-soOsSOb9B(79hY$t1Ol7dQ9k9!jD)e?eZ7V~2NE0}Crsc>=gi>D
zG@UT9`)%*Y8%@%dcoDNbCtV?|<D_eZF9(8siJA9a;;!`;xJ+0LHVEK*(8&T)l4d!?
z{}Pvr+2RZ_M(iU(@&n)Kd%*^{kl&fnFcbn76EMNWcK3vhn}YA*Z}5lsFn$TI!G$;j
zPsD?<ihf34pg*J6(N<LH?G`Kp3;3y+g+`+=gy9wVH+}|Qfg2zT>=`qSHCzkRSa)iY
z$XZjAKIUOVldoh8WXZ0i5Ho&GQZ!~G&Q}DR$3Ll<3R!M;QV=A`EOkLru;*u266Z0_
zEY586XIHW<Blv6KDd9H(wV~Z;6<UZUqJHoW{FDVWB~K57Cfo+gU@CtWEBFDN2901X
z$OCa;pzs^p(v+NG7yFaD<WpjjZKRB(l4#sm8`qz;HzzyItmfn?(D#xCJA4V-2@<Ax
zXZjL9SKs)Y*yY2?iH!U{tv}0HpSF&rKA*P4{Ayj=asapd%2u}~J3VL3WX|K96!WZ^
z8g(jQw2%wS1&dR8pnR#kDQ2+P>a@i1<**(egLmO)C>u@UbJva<P!&$#bBxg6i3MNA
zr}2L5!Arzm<T~jjO=L4!N@kNN_EJZAC~N8oQdn$5Q81fYlQ`J4*Nl1GyJ=$C*Ds_w
z%&zCtb|S3U1xIaM7&~GnJ7C=+pTaPQeNz4`67fO)TnG4b?eo=oK3|{4N#|s6=5Xe6
zGCA`&^Ep}O=j&ZV$582*&;S-e7SQI>+4eTqE3CUMk+Oj?Wkc9^O%DgK?wGO=b5Xmi
z2eIZqxq{8nW6O3x2u3n+%GK(f&QW~WXzvElSj_t_$%9V2I15a4dLcN8p9YhB=OB(H
z)@1JuupHwp{_V%wUd)d3$t};q+HB4ub78ICxC(4!Bp~N1yC0Af!G<@uB{b7E(i|F?
zb6N&N`GDa}9gx$<9M&%<6MBQV&TT)j4+rD~u~B>7!~dz7l6<MBdq9raJs@}R2&ohl
z3!nxRGbttaD|WD>d@Z|MlkEVNz7W7lPjhOn*_@h}o{h5TWk#Fw2ANS!dHX0|i+-%r
z%nLC=YaR;4SG+ItgPr{+uvICA6V2*?kx_vCu`_S1WSec93?6_U9?+vK+SbczK1eTg
z0qsBK)-uoDkMqpEA3u>D6(T+(6aZBa=ZK^KZ*$<wETExi01GXdtFqjwlln^j?LsWx
zTV);gsvqxW7@nHzFm<r_eeBbwpx&3T*{QkSy$&|C1a_|jJ}*zWw3xGmlg}yOJZXkY
z?rvr)5sJY)LD``g%F{|Vo2-|f73pYolMr7U*W0TwC8p<;24Js+Ki5Q`$>gRK8R7^o
zE(c-eEG`W(uPiO?4U8uD(Wa+BL!#yuF2G2E&ZCKR0v$%fs8zf#UKP8=PVrr_MSMlv
zCK_V7SRl?9lf*~FD6zk2BM(Rq`I?*|f8tVRAK6YkWCd&M>>uf!>GZ0T7SqybVHS_2
z+>&p}w9K%KvqV@zEL6FvTvW~}Clym^RG8vX%9VU2Q<<TR;}R=Gq4G`nqI^z1DVuVm
z%w&&TF6Yac@(g*L93h9uRJti$l+H;fB~xmYnB<YlrF<z<>(RQk4y{dV(i*fHQcy+a
zk(nfxM3PV<;agl`b>UOEl^^YTybiCx1$Z8wiDPjj4#g6>g)X5kbPBa{u~CoKp%q;H
z%tJG|{)v=kNaLgkDMX_5CRcUm=t-?wD?y=L7u|xFU>7_ETe&`}=L&cQHEAPd)WhY5
zJs%dpd0a5X!bq*g+a$+(GpDoax-yML?<`AU=XaJhu_?RD+5<E+5dBNx+v_wlYffPa
zFlT2Mws8HFUO17J>?|v0hjx{1HfLrQ66%%s99F%n>|xe5w=mbx3k|)<(3c+7i*bNd
zLw@BR^suRx6gv>#S|38st>wk$t>q>1<tnLB*oFpK<!ae2XULPe7_v+Er0=8-={Oq1
z@9A&JN8}jUOE!{nl0zONW5_@v;~V%(d=fX~Kj5{v7|+Mk@NgW00r~-bg5E&~P#t;>
z<!hbVo7z5YvsR(yX|uI)np3mbezBdmowl{ucG^6)Qk$#FmSBsv^|2xAkJfY6cI#`_
zZPqI5lh$<WBx{5<P`#^utA3>RvwUoMg@2qZvcxEtlrzd($}%O}GTpM=a$F^rtJ*~_
zPsh_!w3+UpFVI3dhfbyuG(fy9{$2bZ@h}(LhFC1l6XV3+iGk`{>H&3|x>_w#=c}U<
z)Dco0mxxbEnbI^VTI$Ew_69w#Bq?K+aK$Fyk-wAA$S34K%G;Iw%2rF5MdDL<4S27u
z-VhhF_E+7(?CnN(DC>UB9b{I#?%oDj?H+e92w^#U+@YrQs(UwJrAteDu?0&@D_A?v
zft9|5mF;y0VP(D0i@iM{XAp}$<UYk#7nPo3CHvh$ta!gWL{aVwivRBQePOb~qS7FL
z^&j@Thbxxv|GhfWU-RXDcQAf~xAGTnc#AFnD#{1kQTVjC=s4gG{@?B68xibxM}etq
z-Cp-DUsE&ZfEyw2;{@R?-wJ|JQhK!HY21cW`76k$Q_S5lWd)?g(ft$j3k`kZ5NduD
zTQ)M2T4IE5&>@&FH?34aIP8FJun9Ks&xdOMX{5sxI2Fb~2Mplixd(7hCN-_xD%JhX
zdjtf*)K9Ez0RR6y95?x)aZpzMQdtdm5?K3`hlaE6H&$xqN5@vyVxytVXjo=6EH@gS
zIoeQ;V~*hBJ(6c%SGl>bYsI2-Jo4v#k&j^Gn<_?`MpMO~MIL?{@V^b;d9#9=^{o|!
zAvi;d_jx9;7dk3tn`b*JOw2v6`Gk|^N$sjIQ@fsR$rOQFFR1nWM%|>E^%GYX^ip|X
b-XH(31vP!2@kbn}$IAc6*u*6(?`i)4df~P)

diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U19-L4 明天见_20260608_124202.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U19-L4 明天见_20260608_124202.html
new file mode 100644
index 0000000..50106f2
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U19-L4 明天见_20260608_124202.html	
@@ -0,0 +1,4805 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U19-L4 明天见 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U19-L4 明天见</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 12:42:02</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: NCj5wELQdibErnkaPoZclUmQnKh</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1219401</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1219401" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="和玩具说晚安" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-img" class="ve-input ve-str" value="1219401.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;I want to say goodnight!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219401&quot;,
+  &quot;title&quot;: &quot;和玩具说晚安&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1219401.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I want to say goodnight!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1219401" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;say&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219401&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;say&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="17">【任务标题】和玩具说晚安
+【资源配置】
+图片时机：互动内容互动反馈
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+User: I want to say goodnight!（朗读）
+
+【互动反馈】
+正确：User: To my toys!
+错误：Mum : Hmm? What did you say, dear?
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">say</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1219402</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1219402" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="哄玩具睡觉" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Goodnight, bear.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;It&#x27;s time to ___.&quot;,
+  &quot;content&quot;: &quot;It&#x27;s time to go to bed.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;go to bed&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;get up&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Wait, what?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219402&quot;,
+  &quot;title&quot;: &quot;哄玩具睡觉&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Goodnight, bear.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;It&#x27;s time to ___.&quot;,
+    &quot;content&quot;: &quot;It&#x27;s time to go to bed.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;go to bed&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;get up&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Wait, what?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="19">【任务标题】哄玩具睡觉
+【资源配置】
+图片时机：【互动内容】
+音频载体：无
+
+【情境引入】
+User: Goodnight, bear.
+
+【互动内容】
+It&#x27;s time to ___.
+选项1：go to bed（正确）
+选项2：get up
+
+【互动反馈】
+正确：无
+错误：Dad: Wait, what?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1219403</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1219403" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="还有很多要说晚安" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I have many toys!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;I need to ___ goodnight many times!&quot;,
+  &quot;content&quot;: &quot;I need to say goodnight many times!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;say&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;play&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Hmm, that&#x27;s not right. Try again!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219403&quot;,
+  &quot;title&quot;: &quot;还有很多要说晚安&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;I have many toys!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;I need to ___ goodnight many times!&quot;,
+    &quot;content&quot;: &quot;I need to say goodnight many times!&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;say&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;play&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Hmm, that&#x27;s not right. Try again!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1219403" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;say&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219403&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;say&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="19">【任务标题】还有很多要说晚安
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: I have many toys!
+
+【互动内容】
+I need to ___ goodnight many times!
+选项1：say（正确）
+选项2：play
+
+【互动反馈】
+正确：无
+错误：Dad : Hmm, that&#x27;s not right. Try again!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">say</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1219404</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1219404" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="选择晚安告别" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;It&#x27;s time to say goodnight!&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;It&#x27;s time to say goodmorning!&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Goodnight, my friend!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Hmm... It&#x27;s night time, not morning.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1219404&quot;,
+  &quot;title&quot;: &quot;选择晚安告别&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;It&#x27;s time to say goodnight!&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;It&#x27;s time to say goodmorning!&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Goodnight, my friend!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Hmm... It&#x27;s night time, not morning.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1219404" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;It&#x27;s time to...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1219404&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;It&#x27;s time to...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="18">【任务标题】选择晚安告别
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+无
+
+【互动内容】
+要求：选择正确的语句
+选项：（音频）
+选项1：It&#x27;s time to say goodnight!（正确）
+- 反馈 Dad : Goodnight, my friend!
+选项2：It&#x27;s time to say goodmorning!
+- 反馈 Dad : Hmm... It&#x27;s night time, not morning.
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">It&#x27;s time to...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1219405</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1219405" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="表达时间还早" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;It&#x27;s too early for bed!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="16" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219405&quot;,
+  &quot;title&quot;: &quot;表达时间还早&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;It&#x27;s too early for bed!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1219405" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;early&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219405&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;early&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="17">【任务标题】表达时间还早
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+User: It&#x27;s too early for bed!（朗读）
+
+【互动反馈】
+正确：无
+错误：Dad: Not really, dear.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">early</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">对话选读</span>
+        <span class="comp-cid">cId: 1219406</span>
+        <span class="comp-ctype">mid_dialog_select</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1219406" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="表达不想睡觉" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;I don&#x27;t want to go to bed!&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Dad&quot;,
+      &quot;content&quot;: &quot;I know, but it&#x27;s late now.&quot;
+    }
+  },
+  {
+    &quot;option&quot;: &quot;I want to go to bed later!&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Dad&quot;,
+      &quot;content&quot;: &quot;Nice try, but it&#x27;s time now.&quot;
+    }
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1219406&quot;,
+  &quot;title&quot;: &quot;表达不想睡觉&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;I don&#x27;t want to go to bed!&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Dad&quot;,
+        &quot;content&quot;: &quot;I know, but it&#x27;s late now.&quot;
+      }
+    },
+    {
+      &quot;option&quot;: &quot;I want to go to bed later!&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Dad&quot;,
+        &quot;content&quot;: &quot;Nice try, but it&#x27;s time now.&quot;
+      }
+    }
+  ],
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1219406" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;go to bed&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1219406&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;go to bed&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="18">【任务标题】表达不想睡觉
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+要求：选择一个你想表达的观点
+选项：
+选项1（音频）：I don&#x27;t want to go to bed!
+- 反馈 Dad : I know, but it&#x27;s late now.
+选项2（音频）：I want to go to bed later!
+- 反馈 Dad : Nice try, but it&#x27;s time now.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">go to bed</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1219407</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1219407" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="组句表达不想睡觉" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;But I&#x27;m not ready!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;表达自己还不想睡觉&quot;,
+  &quot;content&quot;: &quot;I don&#x27;t want to go to bed.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;don&#x27;t want to&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;I&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;go to bed&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  1,
+  0,
+  2
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-tip" class="ve-input ve-str" value="go to bed 表示上床睡觉。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Hmm?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1219407&quot;,
+  &quot;title&quot;: &quot;组句表达不想睡觉&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;But I&#x27;m not ready!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;表达自己还不想睡觉&quot;,
+    &quot;content&quot;: &quot;I don&#x27;t want to go to bed.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;don&#x27;t want to&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;I&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;go to bed&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    1,
+    0,
+    2
+  ],
+  &quot;tip&quot;: &quot;go to bed 表示上床睡觉。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Hmm?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1219407" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;go to bed&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1219407&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;go to bed&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="22">【任务标题】组句表达不想睡觉
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: But I&#x27;m not ready! 
+
+【互动内容】
+题目：表达自己还不想睡觉
+选项1：don&#x27;t want to
+选项2：I
+选项3：go to bed
+答案：I don&#x27;t want to go to bed.
+辅助信息：go to bed 表示上床睡觉。
+
+【互动反馈】
+正确：无
+错误：Dad: Hmm?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">go to bed</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1219408</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1219408" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="提醒早起定闹钟" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Wait, wait, wait.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;We need to get up early for tomorrow!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="21" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219408&quot;,
+  &quot;title&quot;: &quot;提醒早起定闹钟&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Wait, wait, wait.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;We need to get up early for tomorrow!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1219408" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;early&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219408&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;early&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="17">【任务标题】提醒早起定闹钟
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: Wait, wait, wait.
+
+【互动内容】
+User: We need to get up early for tomorrow!（朗读）
+
+【互动反馈】
+正确：无
+错误：Dad : Hmm? What was that?
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">early</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1219409</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1219409" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="选择早起闹钟" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose the time to get up $early$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1219409_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1219409_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1219409_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1219409_option_01.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-tip" class="ve-input ve-str" value="early 表示早的，闹钟定在6点就算早起。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;User&quot;,
+  &quot;content&quot;: &quot;That&#x27;s too late! We need to get up early!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cDesc" class="ve-input ve-str" value="You picked the right alarm clock for getting up early. (你选对了早起的闹钟。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1219409&quot;,
+  &quot;title&quot;: &quot;选择早起闹钟&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose the time to get up $early$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1219409_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1219409_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1219409_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1219409_option_01.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    1
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;early 表示早的，闹钟定在6点就算早起。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;User&quot;,
+    &quot;content&quot;: &quot;That&#x27;s too late! We need to get up early!&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You picked the right alarm clock for getting up early. (你选对了早起的闹钟。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="18">【任务标题】选择早起闹钟
+【情境引入】
+空
+
+【互动内容】
+题干：Choose the time to get up $early$.
+选项：
+00
+01
+正确选项：01
+辅助信息：early 表示早的，闹钟定在6点就算早起。
+
+【互动反馈】
+正确：无
+错误：User: That&#x27;s too late! We need to get up early!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1219410</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1219410" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="确认时间合适" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Okay!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;That is not too ___, not too late.&quot;,
+  &quot;content&quot;: &quot;That is not too early, not too late.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;early&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;fast&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Mum&quot;,
+  &quot;content&quot;: &quot;Hmm, is that the right word?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219410&quot;,
+  &quot;title&quot;: &quot;确认时间合适&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Okay!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;That is not too ___, not too late.&quot;,
+    &quot;content&quot;: &quot;That is not too early, not too late.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;early&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;fast&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Mum&quot;,
+    &quot;content&quot;: &quot;Hmm, is that the right word?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1219410" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;early&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219410&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;early&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="19">【任务标题】确认时间合适
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: Okay!
+
+【互动内容】
+That is not too ___, not too late.
+选项1：early（正确）
+选项2：fast
+
+【互动反馈】
+正确：无
+错误：Mum : Hmm, is that the right word?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">early</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话选读</span>
+        <span class="comp-cid">cId: 1219411</span>
+        <span class="comp-ctype">mid_dialog_select</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">已保存</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1219411" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="表达不想明天到来" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Mum...&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;I don&#x27;t want tomorrow to come.&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Mum&quot;,
+      &quot;content&quot;: &quot;I know, dear. But...&quot;
+    }
+  },
+  {
+    &quot;option&quot;: &quot;I can&#x27;t wait for tomorrow!&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Mum&quot;,
+      &quot;content&quot;: &quot;Really?&quot;
+    }
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1219411&quot;,
+  &quot;title&quot;: &quot;表达不想明天到来&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Mum...&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;I don&#x27;t want tomorrow to come.&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Mum&quot;,
+        &quot;content&quot;: &quot;I know, dear. But...&quot;
+      }
+    },
+    {
+      &quot;option&quot;: &quot;I can&#x27;t wait for tomorrow!&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Mum&quot;,
+        &quot;content&quot;: &quot;Really?&quot;
+      }
+    }
+  ],
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1219411" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;tomorrow&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1219411&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;tomorrow&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="18">【任务标题】表达不想明天到来
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: Mum...
+
+【互动内容】
+要求：选择一个你想表达的观点
+选项：（音频）
+选项1：I don&#x27;t want tomorrow to come.
+- 反馈 Mum: I know, dear. But...
+选项2：I can&#x27;t wait for tomorrow!
+- 反馈 Mum: Really? 
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">tomorrow</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1219412</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1219412" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="表达想说的话" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;I want to say something!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="16" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219412&quot;,
+  &quot;title&quot;: &quot;表达想说的话&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I want to say something!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1219412" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;I want to say...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219412&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;I want to say...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="17">【任务标题】表达想说的话
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+User: I want to say something!（朗读）
+
+【互动反馈】
+正确：无
+错误：Dad: Sorry, I didn&#x27;t catch it.
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">I want to say...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1219413</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1219413" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="表达还有话说" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;I want to say more!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="16" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219413&quot;,
+  &quot;title&quot;: &quot;表达还有话说&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I want to say more!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1219413" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;I want to say...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1219413&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;I want to say...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="17">【任务标题】表达还有话说
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+User: I want to say more!（朗读）
+
+【互动反馈】
+正确：无
+错误：Dad: Hmm? I didn&#x27;t catch that.
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">I want to say...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1219414</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1219414" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="组句让爸爸说话" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉爸爸轮到你对我说话了&quot;,
+  &quot;content&quot;: &quot;It&#x27;s time for you to say something.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;it&#x27;s time&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;for you&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;to say something&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  0,
+  1,
+  2
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-tip" class="ve-input ve-str" value="It&#x27;s time for sb. to do sth. 表示某人该做某事了" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;Hmm, I don&#x27;t understand. Try again!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1219414&quot;,
+  &quot;title&quot;: &quot;组句让爸爸说话&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉爸爸轮到你对我说话了&quot;,
+    &quot;content&quot;: &quot;It&#x27;s time for you to say something.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;it&#x27;s time&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;for you&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;to say something&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    1,
+    2
+  ],
+  &quot;tip&quot;: &quot;It&#x27;s time for sb. to do sth. 表示某人该做某事了&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;Hmm, I don&#x27;t understand. Try again!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1219414" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;It&#x27;s time to...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1219414&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;It&#x27;s time to...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="22">【任务标题】组句让爸爸说话
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+题目：告诉爸爸轮到你对我说话了
+选项1：it&#x27;s time
+选项2：for you
+选项3：to say something
+答案：It&#x27;s time for you to say something.
+辅助信息：It&#x27;s time for sb. to do sth. 表示某人该做某事了
+
+【互动反馈】
+正确：无
+错误：Dad : Hmm, I don&#x27;t understand. Try again!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">It&#x27;s time to...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1219415</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1219415" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="表达从不迟到" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;I&#x27;m always ___...&quot;,
+  &quot;content&quot;: &quot;I&#x27;m always early...&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;early&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;happy&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Dad&quot;,
+  &quot;content&quot;: &quot;I&#x27;m happy you&#x27;re happy! But still, don&#x27;t be late!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219415&quot;,
+  &quot;title&quot;: &quot;表达从不迟到&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;I&#x27;m always ___...&quot;,
+    &quot;content&quot;: &quot;I&#x27;m always early...&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;early&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;happy&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Dad&quot;,
+    &quot;content&quot;: &quot;I&#x27;m happy you&#x27;re happy! But still, don&#x27;t be late!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1219415" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;early&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1219415&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;early&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="19">【任务标题】表达从不迟到
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+I&#x27;m always ___...
+选项1：early（正确）
+选项2：happy
+
+【互动反馈】
+正确：无
+错误：Dad: I&#x27;m happy you&#x27;re happy! But still, don&#x27;t be late!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">early</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">看图选词</span>
+        <span class="comp-cid">cId: 1219416</span>
+        <span class="comp-ctype">core_reading_imageDrag</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-taskInfo','ve-16-taskInfo','ta-16-taskInfo','16','taskInfo')">
+          <span id="btn-sec-16-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-taskInfo" data-idx="16" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cType" class="ve-input ve-str" value="core_reading_imageDrag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cId" class="ve-input ve-str" value="1219416" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-title" class="ve-input ve-str" value="回顾这一天" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="taskDesc">taskDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-taskDesc" class="ve-input ve-str" value="观察主图内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-sceneDesc" class="ve-input ve-str" value="爸爸妈妈离开的前一晚，真希望时间永远停驻。回忆一下，刚刚你们都做了什么？" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;go to bed&quot;,
+        &quot;desc&quot;: &quot;v. 上床睡觉&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;say&quot;,
+        &quot;desc&quot;: &quot;v. 说&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;tomorrow&quot;,
+        &quot;desc&quot;: &quot;n. 明天&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;It&#x27;s time to...&quot;,
+        &quot;desc&quot;: &quot;&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-resourceMapping" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;Dad&quot;: 648,
+  &quot;Mum&quot;: 649
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">Brainy hears something odd and asks what is happening, then we learn from the conversation that Mum and Dad will go tomorrow.（布莱恩好奇地询问发生了什么，我们顺着对话内容得知爸爸妈妈明天就要出发了，大家正珍惜着相聚的最后一晚，想要好好记住此刻的时光。）</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span></div>
+          <textarea id="ta-16-taskInfo" data-idx="16" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_reading_imageDrag&quot;,
+  &quot;cId&quot;: &quot;1219416&quot;,
+  &quot;title&quot;: &quot;回顾这一天&quot;,
+  &quot;taskDesc&quot;: &quot;观察主图内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。&quot;,
+  &quot;sceneDesc&quot;: &quot;爸爸妈妈离开的前一晚，真希望时间永远停驻。回忆一下，刚刚你们都做了什么？&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;go to bed&quot;,
+          &quot;desc&quot;: &quot;v. 上床睡觉&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;say&quot;,
+          &quot;desc&quot;: &quot;v. 说&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;tomorrow&quot;,
+          &quot;desc&quot;: &quot;n. 明天&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;It&#x27;s time to...&quot;,
+          &quot;desc&quot;: &quot;&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Dad&quot;: 648,
+    &quot;Mum&quot;: 649
+  },
+  &quot;cDesc&quot;: &quot;Brainy hears something odd and asks what is happening, then we learn from the conversation that Mum and Dad will go tomorrow.（布莱恩好奇地询问发生了什么，我们顺着对话内容得知爸爸妈妈明天就要出发了，大家正珍惜着相聚的最后一晚，想要好好记住此刻的时光。）&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">questionGroup</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-questionGroup"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span></div>
+        <textarea id="ta-16-questionGroup" data-idx="16" data-key="questionGroup" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;image&quot;: &quot;1219416_03.png&quot;,
+    &quot;questionList&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Brainy&quot;,
+        &quot;content&quot;: &quot;What&#x27;s going on?&quot;,
+        &quot;desc&quot;: &quot;Mum and Dad will go ___.&quot;,
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;tomorrow&quot;
+          },
+          {
+            &quot;option&quot;: &quot;yesterday&quot;
+          },
+          {
+            &quot;option&quot;: &quot;today&quot;
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      }
+    ]
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-studyInfo','ve-16-studyInfo','ta-16-studyInfo','16','studyInfo')">
+          <span id="btn-sec-16-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-studyInfo" data-idx="16" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;image&quot;: &quot;1219416_03.png&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;小朋友你好呀，今天我们要学习的核心词汇是表示时间的单词，我们来看看你能不能认出它们吧~&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;yesterday&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;这个单词的意思是“昨天”，是已经过去的时间哦，不符合这句话的时态要求，再试一下吧~&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;tomorrow&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;答对啦！tomorrow的意思是“明天”，你太棒了，已经掌握这个单词啦。&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;today&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;这个单词的意思是“今天”，是当下正在度过的时间，和句子要表达的时间不匹配，再选一次呀~&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;现在我们来看这道题哦，题目里的句子意思是“爸爸妈妈要___走”，你要选一个合适的时间词填进去哦。&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;tomorrow&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;答对啦！在这个情境里填tomorrow的话，句子意思就是“爸爸妈妈明天要走”，完全符合语境哦，太棒啦，你可以大声把这个句子朗读出来哦。&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;yesterday&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;yesterday是昨天的意思，句子里的will表示是将来要发生的事，和昨天这个过去的时间不匹配哦，再根据题意试一下吧。&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;today&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;today是今天的意思，放在句子里不符合对话的情境哦，再想一想选哪个更合适吧~&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;,
+  &quot;content&quot;: &quot;太棒了！你已经顺利完成了这道题的学习，还掌握了tomorrow、yesterday、today这几个时间相关的重点单词，你真的超厉害的，继续保持哦！&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span><span>83</span><span>84</span><span>85</span><span>86</span></div>
+          <textarea id="ta-16-studyInfo" data-idx="16" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;image&quot;: &quot;1219416_03.png&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;小朋友你好呀，今天我们要学习的核心词汇是表示时间的单词，我们来看看你能不能认出它们吧~&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;yesterday&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;这个单词的意思是“昨天”，是已经过去的时间哦，不符合这句话的时态要求，再试一下吧~&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;tomorrow&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;答对啦！tomorrow的意思是“明天”，你太棒了，已经掌握这个单词啦。&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;today&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;这个单词的意思是“今天”，是当下正在度过的时间，和句子要表达的时间不匹配，再选一次呀~&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            1
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;现在我们来看这道题哦，题目里的句子意思是“爸爸妈妈要___走”，你要选一个合适的时间词填进去哦。&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;tomorrow&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;答对啦！在这个情境里填tomorrow的话，句子意思就是“爸爸妈妈明天要走”，完全符合语境哦，太棒啦，你可以大声把这个句子朗读出来哦。&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;yesterday&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;yesterday是昨天的意思，句子里的will表示是将来要发生的事，和昨天这个过去的时间不匹配哦，再根据题意试一下吧。&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;today&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;,
+                &quot;content&quot;: &quot;today是今天的意思，放在句子里不符合对话的情境哦，再想一想选哪个更合适吧~&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;太棒了！你已经顺利完成了这道题的学习，还掌握了tomorrow、yesterday、today这几个时间相关的重点单词，你真的超厉害的，继续保持哦！&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">```
+# 小题 3
+## 材料内容
+【展示该小题对应的图片 ID：1219416_03.png】
+
+## 互动题目
+### 1. 句意选词题
+Brainy：小朋友你好呀，今天我们要学习的核心词汇是表示时间的单词，我们来看看你能不能认出它们吧~
+- 选项 A：yesterday
+  Brainy：这个单词的意思是“昨天”，是已经过去的时间哦，不符合这句话的时态要求，再试一下吧~
+- 选项 B：tomorrow [正确]
+  Brainy：答对啦！tomorrow的意思是“明天”，你太棒了，已经掌握这个单词啦。
+- 选项 C：today
+  Brainy：这个单词的意思是“今天”，是当下正在度过的时间，和句子要表达的时间不匹配，再选一次呀~
+
+### 2. 原题降级
+Brainy：现在我们来看这道题哦，题目里的句子意思是“爸爸妈妈要___走”，你要选一个合适的时间词填进去哦。
+- 选项 A：tomorrow [正确]
+  Brainy：答对啦！在这个情境里填tomorrow的话，句子意思就是“爸爸妈妈明天要走”，完全符合语境哦，太棒啦，你可以大声把这个句子朗读出来哦。
+- 选项 B：yesterday
+  Brainy：yesterday是昨天的意思，句子里的will表示是将来要发生的事，和昨天这个过去的时间不匹配哦，再根据题意试一下吧。
+- 选项 C：today
+  Brainy：today是今天的意思，放在句子里不符合对话的情境哦，再想一想选哪个更合适吧~
+
+---
+# 完结反馈
+Brainy：太棒了！你已经顺利完成了这道题的学习，还掌握了tomorrow、yesterday、today这几个时间相关的重点单词，你真的超厉害的，继续保持哦！
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">Brainy hears something odd and asks what is happening, then we learn from the conversation that Mum and Dad will go tomorrow.（布莱恩好奇地询问发生了什么，我们顺着对话内容得知爸爸妈妈明天就要出发了，大家正珍惜着相聚的最后一晚，想要好好记住此刻的时光。）</pre>
+                    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="25">【任务标题】
+回顾这一天
+【任务背景】
+爸爸妈妈离开的前一晚，真希望时间永远停驻。回忆一下，刚刚你们都做了什么？
+【任务描述】
+观察主图内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。
+【通关知识】
+go to bed        v.        上床睡觉
+say        v.        说
+tomorrow        n.       明天
+It&#x27;s time to... 
+               
+【阅读材料1】
+【材料部分】
+#标题
+最后一晚
+#正文
+图片：[1219416_01.png]
+
+【前置对话】
+User: I didn&#x27;t want to go to bed.
+User: So, we played a game.
+
+【互动问题】
+#题目1
+##题干：
+Brainy: What is the game about?（音频）
+
+##答题区：
+Let&#x27;s ___ goodnight to toys!
+##选项
+say（正确）
+take
+
+【阅读材料2】
+【材料部分】
+#正文
+图片：[1219416_02.png]
+
+【前置对话】
+User: And next, we played one more game.
+
+【互动问题】
+#题目2
+##题干：
+Brainy: What is the game about?（音频）
+##答题区：
+Race to ___.
+##选项
+go to bed（正确）
+go to dining room
+
+
+
+【阅读材料2】
+【材料部分】
+#正文
+图片：[1219416_03.png]
+
+【前置对话】
+User: We had a great night!
+User: But...
+
+【互动问题】
+#题目3
+##题干：
+Brainy: What&#x27;s going on?（音频）
+##答题区：
+Mum and Dad will go ___.
+##选项
+tomorrow（正确）
+yesterday
+today
+
+
+
+【学习过程】
+段落 1
+Let&#x27;s say goodnight to toys!【toy】
+段落 2
+Race to go to bed.【go to bed】
+段落 3
+Mum and Dad will go tomorrow.【tomorrow】</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1219401", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u548c\u73a9\u5177\u8bf4\u665a\u5b89\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\u4e92\u52a8\u53cd\u9988\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: I want to say goodnight!\uff08\u6717\u8bfb\uff09\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1aUser: To my toys!\n\u9519\u8bef\uff1aMum : Hmm? What did you say, dear?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "say", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1219401", "title": "\u548c\u73a9\u5177\u8bf4\u665a\u5b89", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1219401.png", "question": {"type": "user", "content": "I want to say goodnight!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1219401", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "say", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219402", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u54c4\u73a9\u5177\u7761\u89c9\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Goodnight, bear.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nIt's time to ___.\n\u9009\u98791\uff1ago to bed\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aget up\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: Wait, what?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1219402", "title": "\u54c4\u73a9\u5177\u7761\u89c9", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "Goodnight, bear."}], "imgShowTimingList": [], "question": {"type": "user", "desc": "It's time to ___.", "content": "It's time to go to bed."}, "optionGroupList": [{"optionList": [{"option": "go to bed", "needAudio": false}, {"option": "get up", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "Wait, what?"}, "postDialog": []}}, {"cId": "1219403", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fd8\u6709\u5f88\u591a\u8981\u8bf4\u665a\u5b89\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: I have many toys!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nI need to ___ goodnight many times!\n\u9009\u98791\uff1asay\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aplay\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad : Hmm, that's not right. Try again!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "say", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1219403", "title": "\u8fd8\u6709\u5f88\u591a\u8981\u8bf4\u665a\u5b89", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "I have many toys!"}], "imgShowTimingList": [], "question": {"type": "user", "desc": "I need to ___ goodnight many times!", "content": "I need to say goodnight many times!"}, "optionGroupList": [{"optionList": [{"option": "say", "needAudio": false}, {"option": "play", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "Hmm, that's not right. Try again!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1219403", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "say", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219404", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u665a\u5b89\u544a\u522b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u8bed\u53e5\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aIt's time to say goodnight!\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Dad : Goodnight, my friend!\n\u9009\u98792\uff1aIt's time to say goodmorning!\n- \u53cd\u9988 Dad : Hmm... It's night time, not morning.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "It's time to...", "jsonData": {"cType": "mid_dialog_choose", "cId": "1219404", "title": "\u9009\u62e9\u665a\u5b89\u544a\u522b", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "optionList": [{"option": "It's time to say goodnight!", "needAudio": true}, {"option": "It's time to say goodmorning!", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Dad", "content": "Goodnight, my friend!"}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "Hmm... It's night time, not morning."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1219404", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "It's time to...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1219405", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u65f6\u95f4\u8fd8\u65e9\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: It's too early for bed!\uff08\u6717\u8bfb\uff09\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: Not really, dear.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "early", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1219405", "title": "\u8868\u8fbe\u65f6\u95f4\u8fd8\u65e9", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "It's too early for bed!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1219405", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "early", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219406", "cType": "mid_dialog_select", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u4e0d\u60f3\u7761\u89c9\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u4e00\u4e2a\u4f60\u60f3\u8868\u8fbe\u7684\u89c2\u70b9\n\u9009\u9879\uff1a\n\u9009\u98791\uff08\u97f3\u9891\uff09\uff1aI don't want to go to bed!\n- \u53cd\u9988 Dad : I know, but it's late now.\n\u9009\u98792\uff08\u97f3\u9891\uff09\uff1aI want to go to bed later!\n- \u53cd\u9988 Dad : Nice try, but it's time now.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "go to bed", "jsonData": {"cType": "mid_dialog_select", "cId": "1219406", "title": "\u8868\u8fbe\u4e0d\u60f3\u7761\u89c9", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "optionList": [{"option": "I don't want to go to bed!", "needAudio": true, "feedback": {"type": "npc", "npcName": "Dad", "content": "I know, but it's late now."}}, {"option": "I want to go to bed later!", "needAudio": true, "feedback": {"type": "npc", "npcName": "Dad", "content": "Nice try, but it's time now."}}], "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_select", "cId": "1219406", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "go to bed", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219407", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ec4\u53e5\u8868\u8fbe\u4e0d\u60f3\u7761\u89c9\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: But I'm not ready! \n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u8868\u8fbe\u81ea\u5df1\u8fd8\u4e0d\u60f3\u7761\u89c9\n\u9009\u98791\uff1adon't want to\n\u9009\u98792\uff1aI\n\u9009\u98793\uff1ago to bed\n\u7b54\u6848\uff1aI don't want to go to bed.\n\u8f85\u52a9\u4fe1\u606f\uff1ago to bed \u8868\u793a\u4e0a\u5e8a\u7761\u89c9\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: Hmm?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "go to bed", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1219407", "title": "\u7ec4\u53e5\u8868\u8fbe\u4e0d\u60f3\u7761\u89c9", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "But I'm not ready!"}], "imgShowTimingList": [], "question": {"desc": "\u8868\u8fbe\u81ea\u5df1\u8fd8\u4e0d\u60f3\u7761\u89c9", "content": "I don't want to go to bed."}, "optionList": [{"option": "don't want to", "needAudio": false}, {"option": "I", "needAudio": false}, {"option": "go to bed", "needAudio": false}], "answer": [1, 0, 2], "tip": "go to bed \u8868\u793a\u4e0a\u5e8a\u7761\u89c9\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "Hmm?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1219407", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "go to bed", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219408", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u63d0\u9192\u65e9\u8d77\u5b9a\u95f9\u949f\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Wait, wait, wait.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: We need to get up early for tomorrow!\uff08\u6717\u8bfb\uff09\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad : Hmm? What was that?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "early", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1219408", "title": "\u63d0\u9192\u65e9\u8d77\u5b9a\u95f9\u949f", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "Wait, wait, wait."}], "imgShowTimingList": [], "question": {"type": "user", "content": "We need to get up early for tomorrow!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1219408", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "early", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219409", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u65e9\u8d77\u95f9\u949f\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose the time to get up $early$.\n\u9009\u9879\uff1a\n00\n01\n\u6b63\u786e\u9009\u9879\uff1a01\n\u8f85\u52a9\u4fe1\u606f\uff1aearly \u8868\u793a\u65e9\u7684\uff0c\u95f9\u949f\u5b9a\u57286\u70b9\u5c31\u7b97\u65e9\u8d77\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aUser: That's too late! We need to get up early!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "", "jsonData": {"cType": "mid_image_choose", "cId": "1219409", "title": "\u9009\u62e9\u65e9\u8d77\u95f9\u949f", "meaning": "", "resourceMapping": {"Dad": 648, "Mum": 649}, "question": {"desc": "Choose the time to get up $early$."}, "imageInfo": {"questionImg": "1219409_question.png", "answerImg": "1219409_answer.png"}, "optionList": [{"option": "1219409_option_00.png"}, {"option": "1219409_option_01.png"}], "answer": [1], "preDialog": [], "tip": "early \u8868\u793a\u65e9\u7684\uff0c\u95f9\u949f\u5b9a\u57286\u70b9\u5c31\u7b97\u65e9\u8d77\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "User", "content": "That's too late! We need to get up early!"}, "postDialog": [], "cDesc": "You picked the right alarm clock for getting up early. (\u4f60\u9009\u5bf9\u4e86\u65e9\u8d77\u7684\u95f9\u949f\u3002)"}}, {"cId": "1219410", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u786e\u8ba4\u65f6\u95f4\u5408\u9002\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Okay!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nThat is not too ___, not too late.\n\u9009\u98791\uff1aearly\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1afast\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aMum : Hmm, is that the right word?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "early", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1219410", "title": "\u786e\u8ba4\u65f6\u95f4\u5408\u9002", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "Okay!"}], "imgShowTimingList": [], "question": {"type": "user", "desc": "That is not too ___, not too late.", "content": "That is not too early, not too late."}, "optionGroupList": [{"optionList": [{"option": "early", "needAudio": false}, {"option": "fast", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Mum", "content": "Hmm, is that the right word?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1219410", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "early", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219411", "cType": "mid_dialog_select", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u4e0d\u60f3\u660e\u5929\u5230\u6765\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Mum...\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u4e00\u4e2a\u4f60\u60f3\u8868\u8fbe\u7684\u89c2\u70b9\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aI don't want tomorrow to come.\n- \u53cd\u9988 Mum: I know, dear. But...\n\u9009\u98792\uff1aI can't wait for tomorrow!\n- \u53cd\u9988 Mum: Really? \n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "tomorrow", "jsonData": {"cType": "mid_dialog_select", "cId": "1219411", "title": "\u8868\u8fbe\u4e0d\u60f3\u660e\u5929\u5230\u6765", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [{"type": "user", "content": "Mum..."}], "imgShowTimingList": [], "optionList": [{"option": "I don't want tomorrow to come.", "needAudio": true, "feedback": {"type": "npc", "npcName": "Mum", "content": "I know, dear. But..."}}, {"option": "I can't wait for tomorrow!", "needAudio": true, "feedback": {"type": "npc", "npcName": "Mum", "content": "Really?"}}], "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_select", "cId": "1219411", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "tomorrow", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219412", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u60f3\u8bf4\u7684\u8bdd\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: I want to say something!\uff08\u6717\u8bfb\uff09\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: Sorry, I didn't catch it.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "I want to say...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1219412", "title": "\u8868\u8fbe\u60f3\u8bf4\u7684\u8bdd", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "I want to say something!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1219412", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "I want to say...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1219413", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u8fd8\u6709\u8bdd\u8bf4\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: I want to say more!\uff08\u6717\u8bfb\uff09\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: Hmm? I didn't catch that.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "I want to say...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1219413", "title": "\u8868\u8fbe\u8fd8\u6709\u8bdd\u8bf4", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "I want to say more!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1219413", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "I want to say...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1219414", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ec4\u53e5\u8ba9\u7238\u7238\u8bf4\u8bdd\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9\u7238\u7238\u8f6e\u5230\u4f60\u5bf9\u6211\u8bf4\u8bdd\u4e86\n\u9009\u98791\uff1ait's time\n\u9009\u98792\uff1afor you\n\u9009\u98793\uff1ato say something\n\u7b54\u6848\uff1aIt's time for you to say something.\n\u8f85\u52a9\u4fe1\u606f\uff1aIt's time for sb. to do sth. \u8868\u793a\u67d0\u4eba\u8be5\u505a\u67d0\u4e8b\u4e86\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad : Hmm, I don't understand. Try again!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "", "knowledge_text": "It's time to...", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1219414", "title": "\u7ec4\u53e5\u8ba9\u7238\u7238\u8bf4\u8bdd", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9\u7238\u7238\u8f6e\u5230\u4f60\u5bf9\u6211\u8bf4\u8bdd\u4e86", "content": "It's time for you to say something."}, "optionList": [{"option": "it's time", "needAudio": false}, {"option": "for you", "needAudio": false}, {"option": "to say something", "needAudio": false}], "answer": [0, 1, 2], "tip": "It's time for sb. to do sth. \u8868\u793a\u67d0\u4eba\u8be5\u505a\u67d0\u4e8b\u4e86", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "Hmm, I don't understand. Try again!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1219414", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "It's time to...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1219415", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u4ece\u4e0d\u8fdf\u5230\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nI'm always ___...\n\u9009\u98791\uff1aearly\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1ahappy\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aDad: I'm happy you're happy! But still, don't be late!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "early", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1219415", "title": "\u8868\u8fbe\u4ece\u4e0d\u8fdf\u5230", "resourceMapping": {"Dad": 648, "Mum": 649}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "I'm always ___...", "content": "I'm always early..."}, "optionGroupList": [{"optionList": [{"option": "early", "needAudio": false}, {"option": "happy", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Dad", "content": "I'm happy you're happy! But still, don't be late!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1219415", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "early", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1219416", "cType": "core_reading_imageDrag", "category": "core", "type_name": "\u770b\u56fe\u9009\u8bcd", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u56de\u987e\u8fd9\u4e00\u5929\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\n\u7238\u7238\u5988\u5988\u79bb\u5f00\u7684\u524d\u4e00\u665a\uff0c\u771f\u5e0c\u671b\u65f6\u95f4\u6c38\u8fdc\u505c\u9a7b\u3002\u56de\u5fc6\u4e00\u4e0b\uff0c\u521a\u521a\u4f60\u4eec\u90fd\u505a\u4e86\u4ec0\u4e48\uff1f\n\u3010\u4efb\u52a1\u63cf\u8ff0\u3011\n\u89c2\u5bdf\u4e3b\u56fe\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\ngo to bed        v.        \u4e0a\u5e8a\u7761\u89c9\nsay        v.        \u8bf4\ntomorrow        n.       \u660e\u5929\nIt's time to... \n               \n\u3010\u9605\u8bfb\u6750\u65991\u3011\n\u3010\u6750\u6599\u90e8\u5206\u3011\n#\u6807\u9898\n\u6700\u540e\u4e00\u665a\n#\u6b63\u6587\n\u56fe\u7247\uff1a[1219416_01.png]\n\n\u3010\u524d\u7f6e\u5bf9\u8bdd\u3011\nUser: I didn't want to go to bed.\nUser: So, we played a game.\n\n\u3010\u4e92\u52a8\u95ee\u9898\u3011\n#\u9898\u76ee1\n##\u9898\u5e72\uff1a\nBrainy: What is the game about?\uff08\u97f3\u9891\uff09\n\n##\u7b54\u9898\u533a\uff1a\nLet's ___ goodnight to toys!\n##\u9009\u9879\nsay\uff08\u6b63\u786e\uff09\ntake\n\n\u3010\u9605\u8bfb\u6750\u65992\u3011\n\u3010\u6750\u6599\u90e8\u5206\u3011\n#\u6b63\u6587\n\u56fe\u7247\uff1a[1219416_02.png]\n\n\u3010\u524d\u7f6e\u5bf9\u8bdd\u3011\nUser: And next, we played one more game.\n\n\u3010\u4e92\u52a8\u95ee\u9898\u3011\n#\u9898\u76ee2\n##\u9898\u5e72\uff1a\nBrainy: What is the game about?\uff08\u97f3\u9891\uff09\n##\u7b54\u9898\u533a\uff1a\nRace to ___.\n##\u9009\u9879\ngo to bed\uff08\u6b63\u786e\uff09\ngo to dining room\n\n\n\n\u3010\u9605\u8bfb\u6750\u65992\u3011\n\u3010\u6750\u6599\u90e8\u5206\u3011\n#\u6b63\u6587\n\u56fe\u7247\uff1a[1219416_03.png]\n\n\u3010\u524d\u7f6e\u5bf9\u8bdd\u3011\nUser: We had a great night!\nUser: But...\n\n\u3010\u4e92\u52a8\u95ee\u9898\u3011\n#\u9898\u76ee3\n##\u9898\u5e72\uff1a\nBrainy: What's going on?\uff08\u97f3\u9891\uff09\n##\u7b54\u9898\u533a\uff1a\nMum and Dad will go ___.\n##\u9009\u9879\ntomorrow\uff08\u6b63\u786e\uff09\nyesterday\ntoday\n\n\n\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u6bb5\u843d 1\nLet's say goodnight to toys!\u3010toy\u3011\n\u6bb5\u843d 2\nRace to go to bed.\u3010go to bed\u3011\n\u6bb5\u843d 3\nMum and Dad will go tomorrow.\u3010tomorrow\u3011", "config_info": "", "knowledge_text": "", "taskInfo": {"cType": "core_reading_imageDrag", "cId": "1219416", "title": "\u56de\u987e\u8fd9\u4e00\u5929", "taskDesc": "\u89c2\u5bdf\u4e3b\u56fe\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002", "sceneDesc": "\u7238\u7238\u5988\u5988\u79bb\u5f00\u7684\u524d\u4e00\u665a\uff0c\u771f\u5e0c\u671b\u65f6\u95f4\u6c38\u8fdc\u505c\u9a7b\u3002\u56de\u5fc6\u4e00\u4e0b\uff0c\u521a\u521a\u4f60\u4eec\u90fd\u505a\u4e86\u4ec0\u4e48\uff1f", "key": [{"desc": "", "keyList": [{"type": "default", "content": "go to bed", "desc": "v. \u4e0a\u5e8a\u7761\u89c9"}, {"type": "default", "content": "say", "desc": "v. \u8bf4"}, {"type": "default", "content": "tomorrow", "desc": "n. \u660e\u5929"}, {"type": "default", "content": "It's time to...", "desc": ""}]}], "resourceMapping": {"Dad": 648, "Mum": 649}, "cDesc": "Brainy hears something odd and asks what is happening, then we learn from the conversation that Mum and Dad will go tomorrow.\uff08\u5e03\u83b1\u6069\u597d\u5947\u5730\u8be2\u95ee\u53d1\u751f\u4e86\u4ec0\u4e48\uff0c\u6211\u4eec\u987a\u7740\u5bf9\u8bdd\u5185\u5bb9\u5f97\u77e5\u7238\u7238\u5988\u5988\u660e\u5929\u5c31\u8981\u51fa\u53d1\u4e86\uff0c\u5927\u5bb6\u6b63\u73cd\u60dc\u7740\u76f8\u805a\u7684\u6700\u540e\u4e00\u665a\uff0c\u60f3\u8981\u597d\u597d\u8bb0\u4f4f\u6b64\u523b\u7684\u65f6\u5149\u3002\uff09"}, "studyInfo": {"learningPart": [{"image": "1219416_03.png", "learning": [{"question": {"type": "npc", "npcName": "Brainy", "content": "\u5c0f\u670b\u53cb\u4f60\u597d\u5440\uff0c\u4eca\u5929\u6211\u4eec\u8981\u5b66\u4e60\u7684\u6838\u5fc3\u8bcd\u6c47\u662f\u8868\u793a\u65f6\u95f4\u7684\u5355\u8bcd\uff0c\u6211\u4eec\u6765\u770b\u770b\u4f60\u80fd\u4e0d\u80fd\u8ba4\u51fa\u5b83\u4eec\u5427~"}, "optionList": [{"option": "yesterday", "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u8fd9\u4e2a\u5355\u8bcd\u7684\u610f\u601d\u662f\u201c\u6628\u5929\u201d\uff0c\u662f\u5df2\u7ecf\u8fc7\u53bb\u7684\u65f6\u95f4\u54e6\uff0c\u4e0d\u7b26\u5408\u8fd9\u53e5\u8bdd\u7684\u65f6\u6001\u8981\u6c42\uff0c\u518d\u8bd5\u4e00\u4e0b\u5427~"}}, {"option": "tomorrow", "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u7b54\u5bf9\u5566\uff01tomorrow\u7684\u610f\u601d\u662f\u201c\u660e\u5929\u201d\uff0c\u4f60\u592a\u68d2\u4e86\uff0c\u5df2\u7ecf\u638c\u63e1\u8fd9\u4e2a\u5355\u8bcd\u5566\u3002"}}, {"option": "today", "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u8fd9\u4e2a\u5355\u8bcd\u7684\u610f\u601d\u662f\u201c\u4eca\u5929\u201d\uff0c\u662f\u5f53\u4e0b\u6b63\u5728\u5ea6\u8fc7\u7684\u65f6\u95f4\uff0c\u548c\u53e5\u5b50\u8981\u8868\u8fbe\u7684\u65f6\u95f4\u4e0d\u5339\u914d\uff0c\u518d\u9009\u4e00\u6b21\u5440~"}}], "answer": [1]}, {"question": {"type": "npc", "npcName": "Brainy", "content": "\u73b0\u5728\u6211\u4eec\u6765\u770b\u8fd9\u9053\u9898\u54e6\uff0c\u9898\u76ee\u91cc\u7684\u53e5\u5b50\u610f\u601d\u662f\u201c\u7238\u7238\u5988\u5988\u8981___\u8d70\u201d\uff0c\u4f60\u8981\u9009\u4e00\u4e2a\u5408\u9002\u7684\u65f6\u95f4\u8bcd\u586b\u8fdb\u53bb\u54e6\u3002"}, "optionList": [{"option": "tomorrow", "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u7b54\u5bf9\u5566\uff01\u5728\u8fd9\u4e2a\u60c5\u5883\u91cc\u586btomorrow\u7684\u8bdd\uff0c\u53e5\u5b50\u610f\u601d\u5c31\u662f\u201c\u7238\u7238\u5988\u5988\u660e\u5929\u8981\u8d70\u201d\uff0c\u5b8c\u5168\u7b26\u5408\u8bed\u5883\u54e6\uff0c\u592a\u68d2\u5566\uff0c\u4f60\u53ef\u4ee5\u5927\u58f0\u628a\u8fd9\u4e2a\u53e5\u5b50\u6717\u8bfb\u51fa\u6765\u54e6\u3002"}}, {"option": "yesterday", "feedback": {"type": "npc", "npcName": "Brainy", "content": "yesterday\u662f\u6628\u5929\u7684\u610f\u601d\uff0c\u53e5\u5b50\u91cc\u7684will\u8868\u793a\u662f\u5c06\u6765\u8981\u53d1\u751f\u7684\u4e8b\uff0c\u548c\u6628\u5929\u8fd9\u4e2a\u8fc7\u53bb\u7684\u65f6\u95f4\u4e0d\u5339\u914d\u54e6\uff0c\u518d\u6839\u636e\u9898\u610f\u8bd5\u4e00\u4e0b\u5427\u3002"}}, {"option": "today", "feedback": {"type": "npc", "npcName": "Brainy", "content": "today\u662f\u4eca\u5929\u7684\u610f\u601d\uff0c\u653e\u5728\u53e5\u5b50\u91cc\u4e0d\u7b26\u5408\u5bf9\u8bdd\u7684\u60c5\u5883\u54e6\uff0c\u518d\u60f3\u4e00\u60f3\u9009\u54ea\u4e2a\u66f4\u5408\u9002\u5427~"}}], "answer": [0]}]}], "closing": {"type": "npc", "npcName": "Brainy", "content": "\u592a\u68d2\u4e86\uff01\u4f60\u5df2\u7ecf\u987a\u5229\u5b8c\u6210\u4e86\u8fd9\u9053\u9898\u7684\u5b66\u4e60\uff0c\u8fd8\u638c\u63e1\u4e86tomorrow\u3001yesterday\u3001today\u8fd9\u51e0\u4e2a\u65f6\u95f4\u76f8\u5173\u7684\u91cd\u70b9\u5355\u8bcd\uff0c\u4f60\u771f\u7684\u8d85\u5389\u5bb3\u7684\uff0c\u7ee7\u7eed\u4fdd\u6301\u54e6\uff01"}}, "questionGroup": [{"image": "1219416_03.png", "questionList": [{"type": "npc", "npcName": "Brainy", "content": "What's going on?", "desc": "Mum and Dad will go ___.", "optionList": [{"option": "tomorrow"}, {"option": "yesterday"}, {"option": "today"}], "answer": [0]}]}]}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Dad": 648, "Mum": 649};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Dad": 648}}, {"sections": [], "characters": {"Mum": 649}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 12:42:02';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_113031.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_113031.html
new file mode 100644
index 0000000..4c6d1f4
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_113031.html	
@@ -0,0 +1,5094 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L1 寻人启事 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L1 寻人启事</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 11:30:31</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: VhyTwlhh5iTXMrkJ4Fccftz5nph?from=from_copylink</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">15</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">1</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221101</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="选择棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221101_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cDesc" class="ve-input ve-str" value="You find Logi&#x27;s baseball cap in the picture. (你在图中找到了洛吉的棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;title&quot;: &quot;选择棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221101_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You find Logi&#x27;s baseball cap in the picture. (你在图中找到了洛吉的棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="17">【任务标题】选择棒球帽
+
+【情境引入】
+Sally: Logi wears a blue baseball cap.
+
+【互动内容】
+题干：Choose Logi&#x27;s $baseball cap$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Look again. Is that a blue baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221102</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="选择眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221102_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s glasses successfully. (你成功找到了Logi的眼镜。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;title&quot;: &quot;选择眼镜&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221102_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears glasses.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s glasses successfully. (你成功找到了Logi的眼镜。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="17">【任务标题】选择眼镜
+
+【情境引入】
+Sally: Logi wears glasses.
+
+【互动内容】
+题干：Choose Logi&#x27;s $glasses$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Hmm... Those are not his glasses.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221103</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="选择鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221103_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Got it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Are those white shoes?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Got it!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s shoes correctly. (你找到了洛吉的鞋子。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;title&quot;: &quot;选择鞋子&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221103_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Got it?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Are those white shoes?&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Ben&quot;,
+      &quot;content&quot;: &quot;Got it!&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s shoes correctly. (你找到了洛吉的鞋子。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="17">【任务标题】选择鞋子
+
+【情境引入】
+无
+
+【互动内容】
+题干：Choose Logi&#x27;s $shoes$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：Sally: Got it?
+错误：Sally: Are those white shoes?
+
+【后置对话】
+Ben: Got it!</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221104</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="辨认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Hmm... No.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221104.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;He wears a blue cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;title&quot;: &quot;辨认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Hmm... No.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221104.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;He wears a blue cap.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="13">【任务标题】辨认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+User: Hmm... No.
+
+【互动内容】
+User: He wears a blue cap.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">wear</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221105</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="确认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;I found a blue hat!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-img" class="ve-input ve-str" value="1221105.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="27" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;title&quot;: &quot;确认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;I found a blue hat!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221105.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="13">【任务标题】确认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+Vicky: I found a blue hat!
+
+【互动内容】
+User: Is it a baseball cap?（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221106</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="辨认帽子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-img" class="ve-input ve-str" value="1221106.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+  &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;wears&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;bears&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;No bears here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;title&quot;: &quot;辨认帽子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221106.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+    &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;wears&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;bears&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;No bears here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="19">【任务标题】辨认帽子
+【资源配置】
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: You&#x27;re right. This is not Logi&#x27;s cap.
+
+【互动内容】
+题目：He ___ a baseball cap.
+选项1：wears（正确）
+选项2：bears
+
+【互动反馈】
+正确：无
+错误：Vicky: No bears here!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">... wear(s)...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221107</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="找到棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221107_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap. (你找到了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;title&quot;: &quot;找到棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221107_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap. (你找到了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="20">【任务标题】找到棒球帽
+
+
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Ben: Is that really a baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221108</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221108.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+  &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;glasses&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;grass&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221108.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;glasses&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;grass&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：Logi wears ___, not sunglasses.
+选项1：glasses（正确）
+选项2：grass
+
+【互动反馈】
+正确：无
+错误：Vicky: Logi can&#x27;t wear grass!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221109</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-img" class="ve-input ve-str" value="1221109.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;These are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221109.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;These are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="12">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: These are not his glasses.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221110</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="辨认鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-img" class="ve-input ve-str" value="1221110.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;A shoe!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;title&quot;: &quot;辨认鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221110.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;A shoe!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="13">【任务标题】辨认鞋子
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: A shoe!（朗读）
+
+
+【后置对话】
+Vicky: But Logi wears white shoes.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读-</span>
+        <span class="comp-cid">cId: 1221111</span>
+        <span class="comp-ctype">?</span>
+        
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status skip" id="status-label-11">跳过</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        <div class="skip-msg">跳过: 未知组件类型: &#x27;对话朗读-&#x27; (清理后: &#x27;&#x27;)</div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="13">【任务标题】辨认白鞋
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: You are right.
+
+【互动内容】
+User: This is not a white shoe.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221112</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="汇报发现" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;What did you find?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-img" class="ve-input ve-str" value="1221112.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his white hat.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great news!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;title&quot;: &quot;汇报发现&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;What did you find?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221112.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his white hat.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】汇报发现
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】Sally: What did you find?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his baseball cap.（正确）
+- 反馈 Sally: Great news!
+选项2：We found his white hat.
+- 反馈 Vicky: Wait, Are you sure?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221113</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="汇报眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news! And?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-img" class="ve-input ve-str" value="1221113.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his glasses.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Oh, I see.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;title&quot;: &quot;汇报眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Great news! And?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221113.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his glasses.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    1
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Oh, I see.&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="17">【任务标题】汇报眼镜
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+Sally: Great news! And?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his sunglasses.
+- 反馈 Sally: Really? He doesn&#x27;t have sunglasses.
+选项2：We found his glasses.（正确）
+- 反馈 Sally: Oh, I see.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221114</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="汇报鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-img" class="ve-input ve-str" value="1221114.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;And a brown shoe.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;And a white shoe.&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;A brown shoe?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;title&quot;: &quot;汇报鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221114.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;And a brown shoe.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;And a white shoe.&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;A brown shoe?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="17">【任务标题】汇报鞋子
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：And a brown shoe.（正确）
+- 反馈 Sally: A brown shoe?
+选项2：And a white shoe.
+- 反馈 Sally: That must be Logi&#x27;s!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221115</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="选出棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221115_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Here you are!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Logi&quot;,
+  &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cDesc" class="ve-input ve-str" value="You found the correct baseball cap. (你找到了正确的棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;title&quot;: &quot;选出棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221115_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Here you are!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the correct baseball cap. (你找到了正确的棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="21">【任务标题】选出棒球帽
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: Here you are!
+
+【互动内容】
+题干：Choose the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Logi: That&#x27;s not my baseball cap.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">听力拖拽</span>
+        <span class="comp-cid">cId: 1221116</span>
+        <span class="comp-ctype">core_listening_drag</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-taskInfo','ve-16-taskInfo','ta-16-taskInfo','16','taskInfo')">
+          <span id="btn-sec-16-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-taskInfo" data-idx="16" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-title" class="ve-input ve-str" value="找回Logi的物品" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-sceneDesc" class="ve-input ve-str" value="Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;wear&quot;,
+        &quot;desc&quot;: &quot;v. 穿着&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;baseball cap&quot;,
+        &quot;desc&quot;: &quot;n. 棒球帽&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;glasses&quot;,
+        &quot;desc&quot;: &quot;n. 眼镜&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;shoe&quot;,
+        &quot;desc&quot;: &quot;n. 鞋子&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">You joined the activity of finding Logi&#x27;s lost items, and successfully picked out the three missing belongings of Logi from all the given items to help Logi get his stuff back.（你参与了找回Logi物品的活动，从给出的所有物品里成功找出了Logi丢失的三件 belongings，帮Logi拿回了他的东西。）</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span></div>
+          <textarea id="ta-16-taskInfo" data-idx="16" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;title&quot;: &quot;找回Logi的物品&quot;,
+  &quot;sceneDesc&quot;: &quot;Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;wear&quot;,
+          &quot;desc&quot;: &quot;v. 穿着&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;baseball cap&quot;,
+          &quot;desc&quot;: &quot;n. 棒球帽&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;glasses&quot;,
+          &quot;desc&quot;: &quot;n. 眼镜&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;shoe&quot;,
+          &quot;desc&quot;: &quot;n. 鞋子&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;cDesc&quot;: &quot;You joined the activity of finding Logi&#x27;s lost items, and successfully picked out the three missing belongings of Logi from all the given items to help Logi get his stuff back.（你参与了找回Logi物品的活动，从给出的所有物品里成功找出了Logi丢失的三件 belongings，帮Logi拿回了他的东西。）&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">preDialog</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-preDialog"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span></div>
+        <textarea id="ta-16-preDialog" data-idx="16" data-key="preDialog" class="json-textarea" rows="12" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Thank you for finding my things!&quot;
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Let me tell you what happened.&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">dialogList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-dialogList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span></div>
+        <textarea id="ta-16-dialogList" data-idx="16" data-key="dialogList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I lost my way in the woods.&quot;,
+      &quot;trans&quot;: &quot;我在树林里迷路了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses! &quot;,
+      &quot;trans&quot;: &quot;一只鸟把我的眼镜叼走了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I cannot see clearly.&quot;,
+      &quot;trans&quot;: &quot;我看不清楚了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My shoe is in the mud.&quot;,
+      &quot;trans&quot;: &quot;我的鞋子陷在泥里了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;Oh, where is my shoe? I can&#x27;t find it!&quot;,
+      &quot;trans&quot;: &quot;哦，我的鞋子在哪？我找不到它了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;The wind blows. My baseball cap flies up, up, up. &quot;,
+      &quot;trans&quot;: &quot;刮起风来了。我的棒球帽飞啊飞啊，越飞越高。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My baseball cap is on the tree branch!&quot;,
+      &quot;trans&quot;: &quot;我的棒球帽挂在树枝上了！&quot;,
+      &quot;isPoint&quot;: false
+    }
+  ]
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">questionList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-questionList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span></div>
+        <textarea id="ta-16-questionList" data-idx="16" data-key="questionList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;imageInfo&quot;: {
+      &quot;questionImg&quot;: &quot;1221116_question.png&quot;,
+      &quot;answerImg&quot;: &quot;1221116_answer.png&quot;
+    },
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;1221116_option_00.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_01.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_02.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_03.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_04.png&quot;
+      }
+    ],
+    &quot;answer&quot;: [
+      0,
+      1,
+      2
+    ],
+    &quot;answerType&quot;: &quot;&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-studyInfo','ve-16-studyInfo','ta-16-studyInfo','16','studyInfo')">
+          <span id="btn-sec-16-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-studyInfo" data-idx="16" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是拿走眼镜。这里的 take 表示“拿、取走”，glasses 就是我们平时戴的“眼镜”哦。&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;仔细听音频，选出你听到的句子吧。&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太棒啦！你精准听出了句子里的关键短语take glasses，太厉害啦！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;A bird takes my hat.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;哎呀，这句话里说的是hat（帽子），不是glasses（眼镜）哦，再仔细听一遍音频试试看~&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;\&quot;一只鸟拿走了我的帽子\&quot;，这句话和你听到的英文意思一致吗？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;对 / Yes&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;不对哦，你再看看句子里说的被拿走的东西是什么，再选一次吧~&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;错 / No&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;答对啦！你已经掌握了glasses的意思，这句话说的是小鸟拿走了眼镜，不是帽子哦~&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span></div>
+          <textarea id="ta-16-studyInfo" data-idx="16" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是拿走眼镜。这里的 take 表示“拿、取走”，glasses 就是我们平时戴的“眼镜”哦。&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;仔细听音频，选出你听到的句子吧。&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太棒啦！你精准听出了句子里的关键短语take glasses，太厉害啦！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;A bird takes my hat.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;哎呀，这句话里说的是hat（帽子），不是glasses（眼镜）哦，再仔细听一遍音频试试看~&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;\&quot;一只鸟拿走了我的帽子\&quot;，这句话和你听到的英文意思一致吗？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;对 / Yes&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;不对哦，你再看看句子里说的被拿走的东西是什么，再选一次吧~&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;错 / No&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;答对啦！你已经掌握了glasses的意思，这句话说的是小鸟拿走了眼镜，不是帽子哦~&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            1
+          ]
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习过程配置</div>
+                      <pre class="intermediate-pre">```
+# 重点句子 1
+音频文本：A bird takes my glasses!
+讲解文本：刚刚听到的音频中，包含了一个关键短语 take glasses，意思是拿走眼镜。这里的 take 表示“拿、取走”，glasses 就是我们平时戴的“眼镜”哦。
+1. 听音选句
+Brainy：仔细听音频，选出你听到的句子吧。
+- A bird takes my glasses. [正确]
+  - Brainy：太棒啦！你精准听出了句子里的关键短语take glasses，太厉害啦！
+- A bird takes my hat.
+  - Brainy：哎呀，这句话里说的是hat（帽子），不是glasses（眼镜）哦，再仔细听一遍音频试试看~
+
+2. 听音选意
+Brainy：&quot;一只鸟拿走了我的帽子&quot;，这句话和你听到的英文意思一致吗？
+- 对 / Yes
+  - Brainy：不对哦，你再看看句子里说的被拿走的东西是什么，再选一次吧~
+- 错 / No [正确]
+  - Brainy：答对啦！你已经掌握了glasses的意思，这句话说的是小鸟拿走了眼镜，不是帽子哦~
+---
+# 完成反馈
+Brainy：很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">You joined the activity of finding Logi&#x27;s lost items, and successfully picked out the three missing belongings of Logi from all the given items to help Logi get his stuff back.（你参与了找回Logi物品的活动，从给出的所有物品里成功找出了Logi丢失的三件 belongings，帮Logi拿回了他的东西。）</pre>
+                    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="25">导览配置
+【任务标题】
+找回Logi的物品
+
+【任务背景】
+Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！
+
+【通关知识】
+单词：
+wear v. 穿着
+baseball cap n. 棒球帽
+glasses n. 眼镜
+shoe n. 鞋子
+
+互动配置
+【开场语】
+Logi: Thank you for finding my things!
+Logi: Let me tell you what happened.
+
+【听力文本】
+# 文本 1
+Logi: I lost my way in the woods.
+Logi: A bird takes my glasses! 
+Logi: I cannot see clearly.
+Logi: My shoe is in the mud.
+Logi: Oh, where is my shoe? I can&#x27;t find it!
+Logi: The wind blows. My baseball cap flies up, up, up. 
+Logi: My baseball cap is on the tree branch!
+
+
+【结束语】
+Logi: Now I can wear my baseball cap, glasses and shoes.
+Logi: Thank you, my friends!
+
+【题目信息】
+#多空选择
+选项图片编号：00,01,02,03,04
+答案图片编号：00,01,02
+
+【学习过程】
+句子 1
+A bird takes my glasses! 【glasses】
+
+句子 2
+My shoe is in the mud.【shoe】
+
+句子 4
+My baseball cap is on the tree branch!【baseball cap】</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="4">wear 
+baseball cap
+glasses
+shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221101", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u68d2\u7403\u5e3d\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears a blue baseball cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $baseball cap$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Look again. Is that a blue baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221101", "title": "\u9009\u62e9\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $baseball cap$."}, "imageInfo": {"questionImg": "1221101_question.png", "answerImg": "1221101_answer.png"}, "optionList": [{"option": "1221101_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears a blue baseball cap."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Look again. Is that a blue baseball cap?"}, "postDialog": [], "cDesc": "You find Logi's baseball cap in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u6d1b\u5409\u7684\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221101", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221102", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u773c\u955c\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears glasses.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $glasses$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Hmm... Those are not his glasses.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_image_choose", "cId": "1221102", "title": "\u9009\u62e9\u773c\u955c", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $glasses$."}, "imageInfo": {"questionImg": "1221102_question.png", "answerImg": "1221102_answer.png"}, "optionList": [{"option": "1221102_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears glasses."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Hmm... Those are not his glasses."}, "postDialog": [], "cDesc": "You found Logi's glasses successfully. (\u4f60\u6210\u529f\u627e\u5230\u4e86Logi\u7684\u773c\u955c\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221102", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221103", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u978b\u5b50\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $shoes$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1aSally: Got it?\n\u9519\u8bef\uff1aSally: Are those white shoes?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nBen: Got it!", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_image_choose", "cId": "1221103", "title": "\u9009\u62e9\u978b\u5b50", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $shoes$."}, "imageInfo": {"questionImg": "1221103_question.png", "answerImg": "1221103_answer.png"}, "optionList": [{"option": "1221103_option_00.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Got it?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Are those white shoes?"}, "postDialog": [{"type": "npc", "npcName": "Ben", "content": "Got it!"}], "cDesc": "You found Logi's shoes correctly. (\u4f60\u627e\u5230\u4e86\u6d1b\u5409\u7684\u978b\u5b50\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221103", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221104", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Hmm... No.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: He wears a blue cap.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "wear", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221104", "title": "\u8fa8\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "Hmm... No."}], "imgShowTimingList": ["preDialog", "content"], "img": "1221104.png", "question": {"type": "user", "content": "He wears a blue cap."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221104", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221105", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u786e\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nVicky: I found a blue hat!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Is it a baseball cap?\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221105", "title": "\u786e\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Vicky", "content": "I found a blue hat!"}], "imgShowTimingList": ["preDialog", "content"], "img": "1221105.png", "question": {"type": "user", "content": "Is it a baseball cap?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221105", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221106", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u5e3d\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You're right. This is not Logi's cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aHe ___ a baseball cap.\n\u9009\u98791\uff1awears\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1abears\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: No bears here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "... wear(s)...", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221106", "title": "\u8fa8\u8ba4\u5e3d\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You're right. This is not Logi's cap."}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221106.png", "question": {"type": "user", "desc": "He ___ a baseball cap.", "content": "He wears a baseball cap."}, "optionGroupList": [{"optionList": [{"option": "wears", "needAudio": false}, {"option": "bears", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "No bears here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221106", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... wear(s)...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221107", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u5230\u68d2\u7403\u5e3d\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Is that really a baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221107", "title": "\u627e\u5230\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Find the $baseball cap$."}, "imageInfo": {"questionImg": "1221107_question.png", "answerImg": "1221107_answer.png"}, "optionList": [{"option": "1221107_option_00.png"}, {"option": "1221107_option_01.png"}, {"option": "1221107_option_02.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Is that really a baseball cap?"}, "postDialog": [], "cDesc": "You found the baseball cap. (\u4f60\u627e\u5230\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221107", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221108", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aLogi wears ___, not sunglasses.\n\u9009\u98791\uff1aglasses\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1agrass\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: Logi can't wear grass!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S8\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221108", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221108.png", "question": {"type": "user", "desc": "Logi wears ___, not sunglasses.", "content": "Logi wears glasses, not sunglasses."}, "optionGroupList": [{"optionList": [{"option": "glasses", "needAudio": false}, {"option": "grass", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Logi can't wear grass!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221108", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221109", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: These are not his glasses.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221109", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221109.png", "question": {"type": "user", "content": "These are not his glasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221109", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221110", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: A shoe!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nVicky: But Logi wears white shoes.", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221110", "title": "\u8fa8\u8ba4\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221110.png", "question": {"type": "user", "content": "A shoe!"}, "postDialog": [{"type": "npc", "npcName": "Vicky", "content": "But Logi wears white shoes."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221110", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221111", "cType": "", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb-", "status": "skipped", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u767d\u978b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You are right.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This is not a white shoe.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "", "error": "", "reason": "\u672a\u77e5\u7ec4\u4ef6\u7c7b\u578b: '\u5bf9\u8bdd\u6717\u8bfb-' (\u6e05\u7406\u540e: '')"}, {"cId": "1221112", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u53d1\u73b0\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011Sally: What did you find?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his baseball cap.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Great news!\n\u9009\u98792\uff1aWe found his white hat.\n- \u53cd\u9988 Vicky: Wait, Are you sure?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221112", "title": "\u6c47\u62a5\u53d1\u73b0", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "What did you find?"}], "imgShowTimingList": ["content", "feedback"], "img": "1221112.png", "optionList": [{"option": "We found his baseball cap.", "needAudio": true}, {"option": "We found his white hat.", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great news!"}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Wait, Are you sure?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221112", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221113", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Great news! And?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his sunglasses.\n- \u53cd\u9988 Sally: Really? He doesn't have sunglasses.\n\u9009\u98792\uff1aWe found his glasses.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Oh, I see.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221113", "title": "\u6c47\u62a5\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Great news! And?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221113.png", "optionList": [{"option": "We found his sunglasses.", "needAudio": true}, {"option": "We found his glasses.", "needAudio": true}], "answer": [1], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Oh, I see."}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Really? He doesn't have sunglasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221113", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221114", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aAnd a brown shoe.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: A brown shoe?\n\u9009\u98792\uff1aAnd a white shoe.\n- \u53cd\u9988 Sally: That must be Logi's!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221114", "title": "\u6c47\u62a5\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221114.png", "optionList": [{"option": "And a brown shoe.", "needAudio": true}, {"option": "And a white shoe.", "needAudio": false}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "A brown shoe?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "That must be Logi's!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221114", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221115", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u51fa\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Here you are!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: That's not my baseball cap.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221115", "title": "\u9009\u51fa\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose the $baseball cap$."}, "imageInfo": {"questionImg": "1221115_question.png", "answerImg": "1221115_answer.png"}, "optionList": [{"option": "1221115_option_00.png"}, {"option": "1221115_option_01.png"}, {"option": "1221115_option_02.png"}], "answer": [0], "preDialog": [{"type": "user", "content": "Here you are!"}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "That's not my baseball cap."}, "postDialog": [], "cDesc": "You found the correct baseball cap. (\u4f60\u627e\u5230\u4e86\u6b63\u786e\u7684\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221115", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221116", "cType": "core_listening_drag", "category": "core", "type_name": "\u542c\u529b\u62d6\u62fd", "status": "saved", "raw_config": "\u5bfc\u89c8\u914d\u7f6e\n\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u56deLogi\u7684\u7269\u54c1\n\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nLogi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01\n\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\n\u5355\u8bcd\uff1a\nwear v. \u7a7f\u7740\nbaseball cap n. \u68d2\u7403\u5e3d\nglasses n. \u773c\u955c\nshoe n. \u978b\u5b50\n\n\u4e92\u52a8\u914d\u7f6e\n\u3010\u5f00\u573a\u8bed\u3011\nLogi: Thank you for finding my things!\nLogi: Let me tell you what happened.\n\n\u3010\u542c\u529b\u6587\u672c\u3011\n# \u6587\u672c 1\nLogi: I lost my way in the woods.\nLogi: A bird takes my glasses! \nLogi: I cannot see clearly.\nLogi: My shoe is in the mud.\nLogi: Oh, where is my shoe? I can't find it!\nLogi: The wind blows. My baseball cap flies up, up, up. \nLogi: My baseball cap is on the tree branch!\n\n\n\u3010\u7ed3\u675f\u8bed\u3011\nLogi: Now I can wear my baseball cap, glasses and shoes.\nLogi: Thank you, my friends!\n\n\u3010\u9898\u76ee\u4fe1\u606f\u3011\n#\u591a\u7a7a\u9009\u62e9\n\u9009\u9879\u56fe\u7247\u7f16\u53f7\uff1a00,01,02,03,04\n\u7b54\u6848\u56fe\u7247\u7f16\u53f7\uff1a00,01,02\n\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u53e5\u5b50 1\nA bird takes my glasses! \u3010glasses\u3011\n\n\u53e5\u5b50 2\nMy shoe is in the mud.\u3010shoe\u3011\n\n\u53e5\u5b50 4\nMy baseball cap is on the tree branch!\u3010baseball cap\u3011", "config_info": "S17\u4e3b\u7ebf", "knowledge_text": "wear \nbaseball cap\nglasses\nshoe", "taskInfo": {"cType": "core_listening_drag", "cId": "1221116", "title": "\u627e\u56deLogi\u7684\u7269\u54c1", "sceneDesc": "Logi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01", "key": [{"desc": "", "keyList": [{"type": "default", "content": "wear", "desc": "v. \u7a7f\u7740"}, {"type": "default", "content": "baseball cap", "desc": "n. \u68d2\u7403\u5e3d"}, {"type": "default", "content": "glasses", "desc": "n. \u773c\u955c"}, {"type": "default", "content": "shoe", "desc": "n. \u978b\u5b50"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "cDesc": "You joined the activity of finding Logi's lost items, and successfully picked out the three missing belongings of Logi from all the given items to help Logi get his stuff back.\uff08\u4f60\u53c2\u4e0e\u4e86\u627e\u56deLogi\u7269\u54c1\u7684\u6d3b\u52a8\uff0c\u4ece\u7ed9\u51fa\u7684\u6240\u6709\u7269\u54c1\u91cc\u6210\u529f\u627e\u51fa\u4e86Logi\u4e22\u5931\u7684\u4e09\u4ef6 belongings\uff0c\u5e2eLogi\u62ff\u56de\u4e86\u4ed6\u7684\u4e1c\u897f\u3002\uff09"}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "A bird takes my glasses!", "learning": [{"question": {"content": "\u521a\u521a\u542c\u5230\u7684\u97f3\u9891\u4e2d\uff0c\u5305\u542b\u4e86\u4e00\u4e2a\u5173\u952e\u77ed\u8bed take glasses\uff0c\u610f\u601d\u662f\u62ff\u8d70\u773c\u955c\u3002\u8fd9\u91cc\u7684 take \u8868\u793a\u201c\u62ff\u3001\u53d6\u8d70\u201d\uff0cglasses \u5c31\u662f\u6211\u4eec\u5e73\u65f6\u6234\u7684\u201c\u773c\u955c\u201d\u54e6\u3002", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u4ed4\u7ec6\u542c\u97f3\u9891\uff0c\u9009\u51fa\u4f60\u542c\u5230\u7684\u53e5\u5b50\u5427\u3002", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "A bird takes my glasses.", "feedback": {"type": "npc", "content": "\u592a\u68d2\u5566\uff01\u4f60\u7cbe\u51c6\u542c\u51fa\u4e86\u53e5\u5b50\u91cc\u7684\u5173\u952e\u77ed\u8bedtake glasses\uff0c\u592a\u5389\u5bb3\u5566\uff01", "npcName": "Brainy"}}, {"option": "A bird takes my hat.", "feedback": {"type": "npc", "content": "\u54ce\u5440\uff0c\u8fd9\u53e5\u8bdd\u91cc\u8bf4\u7684\u662fhat\uff08\u5e3d\u5b50\uff09\uff0c\u4e0d\u662fglasses\uff08\u773c\u955c\uff09\u54e6\uff0c\u518d\u4ed4\u7ec6\u542c\u4e00\u904d\u97f3\u9891\u8bd5\u8bd5\u770b~", "npcName": "Brainy"}}], "answer": [0]}, {"question": {"content": "A bird takes my glasses!", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\"\u4e00\u53ea\u9e1f\u62ff\u8d70\u4e86\u6211\u7684\u5e3d\u5b50\"\uff0c\u8fd9\u53e5\u8bdd\u548c\u4f60\u542c\u5230\u7684\u82f1\u6587\u610f\u601d\u4e00\u81f4\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "\u5bf9 / Yes", "feedback": {"type": "npc", "content": "\u4e0d\u5bf9\u54e6\uff0c\u4f60\u518d\u770b\u770b\u53e5\u5b50\u91cc\u8bf4\u7684\u88ab\u62ff\u8d70\u7684\u4e1c\u897f\u662f\u4ec0\u4e48\uff0c\u518d\u9009\u4e00\u6b21\u5427~", "npcName": "Brainy"}}, {"option": "\u9519 / No", "feedback": {"type": "npc", "content": "\u7b54\u5bf9\u5566\uff01\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86glasses\u7684\u610f\u601d\uff0c\u8fd9\u53e5\u8bdd\u8bf4\u7684\u662f\u5c0f\u9e1f\u62ff\u8d70\u4e86\u773c\u955c\uff0c\u4e0d\u662f\u5e3d\u5b50\u54e6~", "npcName": "Brainy"}}], "answer": [1]}]}], "closing": {"type": "npc", "content": "\u5f88\u597d\uff01\u4f60\u5df2\u7ecf\u56de\u7b54\u5b8c\u4e86\u5168\u90e8\u95ee\u9898\uff0c\u76f8\u4fe1\u4f60\u5df2\u7ecf\u542c\u61c2\u4e86\u8fd9\u4e2a\u4efb\u52a1\u4e2d\u6240\u6709\u7684\u91cd\u70b9\u53e5\u5b50\u3002\u73b0\u5728\u8ba9\u6211\u4eec\u6765\u67e5\u770b\u7ed3\u679c\u5427!", "npcName": "Brainy"}}, "questionList": [{"imageInfo": {"questionImg": "1221116_question.png", "answerImg": "1221116_answer.png"}, "optionList": [{"option": "1221116_option_00.png"}, {"option": "1221116_option_01.png"}, {"option": "1221116_option_02.png"}, {"option": "1221116_option_03.png"}, {"option": "1221116_option_04.png"}], "answer": [0, 1, 2], "answerType": ""}], "preDialog": [{"type": "npc", "npcName": "Logi", "content": "Thank you for finding my things!"}, {"type": "npc", "npcName": "Logi", "content": "Let me tell you what happened."}], "dialogList": [[{"type": "npc", "npcName": "Logi", "content": "I lost my way in the woods.", "trans": "\u6211\u5728\u6811\u6797\u91cc\u8ff7\u8def\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "A bird takes my glasses! ", "trans": "\u4e00\u53ea\u9e1f\u628a\u6211\u7684\u773c\u955c\u53fc\u8d70\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "I cannot see clearly.", "trans": "\u6211\u770b\u4e0d\u6e05\u695a\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My shoe is in the mud.", "trans": "\u6211\u7684\u978b\u5b50\u9677\u5728\u6ce5\u91cc\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "Oh, where is my shoe? I can't find it!", "trans": "\u54e6\uff0c\u6211\u7684\u978b\u5b50\u5728\u54ea\uff1f\u6211\u627e\u4e0d\u5230\u5b83\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "The wind blows. My baseball cap flies up, up, up. ", "trans": "\u522e\u8d77\u98ce\u6765\u4e86\u3002\u6211\u7684\u68d2\u7403\u5e3d\u98de\u554a\u98de\u554a\uff0c\u8d8a\u98de\u8d8a\u9ad8\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My baseball cap is on the tree branch!", "trans": "\u6211\u7684\u68d2\u7403\u5e3d\u6302\u5728\u6811\u679d\u4e0a\u4e86\uff01", "isPoint": false}]], "kpInfo": {"pushType": "relationKp", "cType": "core_listening_drag", "cId": "1221116", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 11:30:31';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_122228.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_122228.html
new file mode 100644
index 0000000..3f86896
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_122228.html	
@@ -0,0 +1,5093 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L1 寻人启事 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L1 寻人启事</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 12:22:28</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: VhyTwlhh5iTXMrkJ4Fccftz5nph</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">15</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">1</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221101</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="选择棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221101_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s baseball cap correctly.（你正确找到了洛吉的棒球帽。）" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;title&quot;: &quot;选择棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221101_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s baseball cap correctly.（你正确找到了洛吉的棒球帽。）&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="17">【任务标题】选择棒球帽
+
+【情境引入】
+Sally: Logi wears a blue baseball cap.
+
+【互动内容】
+题干：Choose Logi&#x27;s $baseball cap$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Look again. Is that a blue baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221102</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="选择眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221102_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s glasses from the picture. (你从图中找到了洛吉的眼镜。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;title&quot;: &quot;选择眼镜&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221102_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears glasses.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s glasses from the picture. (你从图中找到了洛吉的眼镜。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="17">【任务标题】选择眼镜
+
+【情境引入】
+Sally: Logi wears glasses.
+
+【互动内容】
+题干：Choose Logi&#x27;s $glasses$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Hmm... Those are not his glasses.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221103</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="选择鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221103_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Got it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Are those white shoes?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Got it!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s shoes in the picture. (你在图中找到了罗吉的鞋子。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;title&quot;: &quot;选择鞋子&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221103_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Got it?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Are those white shoes?&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Ben&quot;,
+      &quot;content&quot;: &quot;Got it!&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s shoes in the picture. (你在图中找到了罗吉的鞋子。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="17">【任务标题】选择鞋子
+
+【情境引入】
+无
+
+【互动内容】
+题干：Choose Logi&#x27;s $shoes$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：Sally: Got it?
+错误：Sally: Are those white shoes?
+
+【后置对话】
+Ben: Got it!</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221104</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="辨认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Hmm... No.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221104.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;He wears a blue cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;title&quot;: &quot;辨认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Hmm... No.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221104.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;He wears a blue cap.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="13">【任务标题】辨认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+User: Hmm... No.
+
+【互动内容】
+User: He wears a blue cap.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">wear</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221105</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="确认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;I found a blue hat!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-img" class="ve-input ve-str" value="1221105.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="27" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;title&quot;: &quot;确认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;I found a blue hat!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221105.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="13">【任务标题】确认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+Vicky: I found a blue hat!
+
+【互动内容】
+User: Is it a baseball cap?（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221106</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="辨认帽子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-img" class="ve-input ve-str" value="1221106.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+  &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;wears&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;bears&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;No bears here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;title&quot;: &quot;辨认帽子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221106.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+    &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;wears&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;bears&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;No bears here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="19">【任务标题】辨认帽子
+【资源配置】
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: You&#x27;re right. This is not Logi&#x27;s cap.
+
+【互动内容】
+题目：He ___ a baseball cap.
+选项1：wears（正确）
+选项2：bears
+
+【互动反馈】
+正确：无
+错误：Vicky: No bears here!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">... wear(s)...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221107</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="找到棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221107_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap correctly. (你找对了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;title&quot;: &quot;找到棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221107_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap correctly. (你找对了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="20">【任务标题】找到棒球帽
+
+
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Ben: Is that really a baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221108</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221108.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+  &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;glasses&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;grass&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221108.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;glasses&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;grass&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：Logi wears ___, not sunglasses.
+选项1：glasses（正确）
+选项2：grass
+
+【互动反馈】
+正确：无
+错误：Vicky: Logi can&#x27;t wear grass!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221109</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-img" class="ve-input ve-str" value="1221109.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;These are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221109.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;These are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="12">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: These are not his glasses.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221110</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="辨认鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-img" class="ve-input ve-str" value="1221110.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;A shoe!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;title&quot;: &quot;辨认鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221110.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;A shoe!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="13">【任务标题】辨认鞋子
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: A shoe!（朗读）
+
+
+【后置对话】
+Vicky: But Logi wears white shoes.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读-</span>
+        <span class="comp-cid">cId: 1221111</span>
+        <span class="comp-ctype">?</span>
+        
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status skip" id="status-label-11">跳过</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        <div class="skip-msg">跳过: 未知组件类型: &#x27;对话朗读-&#x27; (清理后: &#x27;&#x27;)</div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="12">【任务标题】辨认白鞋
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: You are right.
+
+【互动内容】
+User: This is not a white shoe.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221112</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="汇报发现" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;What did you find?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-img" class="ve-input ve-str" value="1221112.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his white hat.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great news!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;title&quot;: &quot;汇报发现&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;What did you find?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221112.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his white hat.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】汇报发现
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】Sally: What did you find?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his baseball cap.（正确）
+- 反馈 Sally: Great news!
+选项2：We found his white hat.
+- 反馈 Vicky: Wait, Are you sure?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221113</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="汇报眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news! And?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-img" class="ve-input ve-str" value="1221113.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his glasses.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Oh, I see.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;title&quot;: &quot;汇报眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Great news! And?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221113.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his glasses.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    1
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Oh, I see.&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="17">【任务标题】汇报眼镜
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+Sally: Great news! And?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his sunglasses.
+- 反馈 Sally: Really? He doesn&#x27;t have sunglasses.
+选项2：We found his glasses.（正确）
+- 反馈 Sally: Oh, I see.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221114</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="汇报鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-img" class="ve-input ve-str" value="1221114.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;And a brown shoe.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;And a white shoe.&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;A brown shoe?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;title&quot;: &quot;汇报鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221114.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;And a brown shoe.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;And a white shoe.&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;A brown shoe?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="17">【任务标题】汇报鞋子
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：And a brown shoe.（正确）
+- 反馈 Sally: A brown shoe?
+选项2：And a white shoe.
+- 反馈 Sally: That must be Logi&#x27;s!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221115</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="选出棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221115_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Here you are!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Logi&quot;,
+  &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap correctly. (你正确找到了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;title&quot;: &quot;选出棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221115_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Here you are!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap correctly. (你正确找到了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="21">【任务标题】选出棒球帽
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: Here you are!
+
+【互动内容】
+题干：Choose the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Logi: That&#x27;s not my baseball cap.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">听力拖拽</span>
+        <span class="comp-cid">cId: 1221116</span>
+        <span class="comp-ctype">core_listening_drag</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-taskInfo','ve-16-taskInfo','ta-16-taskInfo','16','taskInfo')">
+          <span id="btn-sec-16-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-taskInfo" data-idx="16" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-title" class="ve-input ve-str" value="找回Logi的物品" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-sceneDesc" class="ve-input ve-str" value="Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;wear&quot;,
+        &quot;desc&quot;: &quot;v. 穿着&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;baseball cap&quot;,
+        &quot;desc&quot;: &quot;n. 棒球帽&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;glasses&quot;,
+        &quot;desc&quot;: &quot;n. 眼镜&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;shoe&quot;,
+        &quot;desc&quot;: &quot;n. 鞋子&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">You joined the mission of finding Logi&#x27;s lost items, carefully picked out the 3 correct belongings from 5 given options, and successfully collected all the things Logi had misplaced.（你参与了找回Logi物品的任务，从给出的5件物品中仔细挑选出了3件正确的所属物，成功集齐了Logi丢失的所有物件。）</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span></div>
+          <textarea id="ta-16-taskInfo" data-idx="16" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;title&quot;: &quot;找回Logi的物品&quot;,
+  &quot;sceneDesc&quot;: &quot;Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;wear&quot;,
+          &quot;desc&quot;: &quot;v. 穿着&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;baseball cap&quot;,
+          &quot;desc&quot;: &quot;n. 棒球帽&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;glasses&quot;,
+          &quot;desc&quot;: &quot;n. 眼镜&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;shoe&quot;,
+          &quot;desc&quot;: &quot;n. 鞋子&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;cDesc&quot;: &quot;You joined the mission of finding Logi&#x27;s lost items, carefully picked out the 3 correct belongings from 5 given options, and successfully collected all the things Logi had misplaced.（你参与了找回Logi物品的任务，从给出的5件物品中仔细挑选出了3件正确的所属物，成功集齐了Logi丢失的所有物件。）&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">preDialog</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-preDialog"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span></div>
+        <textarea id="ta-16-preDialog" data-idx="16" data-key="preDialog" class="json-textarea" rows="12" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Thank you for finding my things!&quot;
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Let me tell you what happened.&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">dialogList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-dialogList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span></div>
+        <textarea id="ta-16-dialogList" data-idx="16" data-key="dialogList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I lost my way in the woods.&quot;,
+      &quot;trans&quot;: &quot;我在树林里迷路了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses! &quot;,
+      &quot;trans&quot;: &quot;一只鸟把我的眼镜叼走了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I cannot see clearly.&quot;,
+      &quot;trans&quot;: &quot;我看不清楚了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My shoe is in the mud.&quot;,
+      &quot;trans&quot;: &quot;我的鞋子陷在泥里了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;Oh, where is my shoe? I can&#x27;t find it!&quot;,
+      &quot;trans&quot;: &quot;哦，我的鞋子在哪里？我找不到它了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;The wind blows. My baseball cap flies up, up, up. &quot;,
+      &quot;trans&quot;: &quot;风刮起来了。我的棒球帽飞啊飞，飞得越来越高。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My baseball cap is on the tree branch!&quot;,
+      &quot;trans&quot;: &quot;我的棒球帽挂在树枝上了！&quot;,
+      &quot;isPoint&quot;: false
+    }
+  ]
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">questionList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-questionList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span></div>
+        <textarea id="ta-16-questionList" data-idx="16" data-key="questionList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;imageInfo&quot;: {
+      &quot;questionImg&quot;: &quot;1221116_question.png&quot;,
+      &quot;answerImg&quot;: &quot;1221116_answer.png&quot;
+    },
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;1221116_option_00.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_01.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_02.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_03.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_04.png&quot;
+      }
+    ],
+    &quot;answer&quot;: [
+      0,
+      1,
+      2
+    ],
+    &quot;answerType&quot;: &quot;&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-studyInfo','ve-16-studyInfo','ta-16-studyInfo','16','studyInfo')">
+          <span id="btn-sec-16-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-studyInfo" data-idx="16" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;刚刚听到的音频里，有一个很常用的短语 take glasses，意思是“拿走眼镜”。这里的 take 就是“拿、带走”的意思哦。&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;仔细听音频哦，下面哪个句子和你听到的内容是一样的呢？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太厉害啦！你精准听出了句子里的关键短语 take glasses 呢！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;A bird takes my bag.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;哎呀，这句话里说的是 bag（包），不是 glasses（眼镜）哦，再认真听一遍音频试试吧！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;现在你已经看到这句话的文本啦，请问“一只鸟叼走了我的帽子”是这句话的意思吗？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;对 / Yes&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;不对哦，句子里说的被拿走的东西不是帽子，再想想看呀。&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;错 / No&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;答对啦！你已经完全理解这句话的意思啦，glasses 是眼镜的意思，你记住了吗？&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span></div>
+          <textarea id="ta-16-studyInfo" data-idx="16" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;刚刚听到的音频里，有一个很常用的短语 take glasses，意思是“拿走眼镜”。这里的 take 就是“拿、带走”的意思哦。&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;仔细听音频哦，下面哪个句子和你听到的内容是一样的呢？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太厉害啦！你精准听出了句子里的关键短语 take glasses 呢！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;A bird takes my bag.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;哎呀，这句话里说的是 bag（包），不是 glasses（眼镜）哦，再认真听一遍音频试试吧！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;现在你已经看到这句话的文本啦，请问“一只鸟叼走了我的帽子”是这句话的意思吗？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;对 / Yes&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;不对哦，句子里说的被拿走的东西不是帽子，再想想看呀。&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;错 / No&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;答对啦！你已经完全理解这句话的意思啦，glasses 是眼镜的意思，你记住了吗？&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            1
+          ]
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习过程配置</div>
+                      <pre class="intermediate-pre">```
+# 重点句子 1
+音频文本：A bird takes my glasses!
+讲解文本：刚刚听到的音频里，有一个很常用的短语 take glasses，意思是“拿走眼镜”。这里的 take 就是“拿、带走”的意思哦。
+1. 听音选句
+Brainy：仔细听音频哦，下面哪个句子和你听到的内容是一样的呢？
+- A bird takes my glasses. [正确]
+  - Brainy：太厉害啦！你精准听出了句子里的关键短语 take glasses 呢！
+- A bird takes my bag.
+  - Brainy：哎呀，这句话里说的是 bag（包），不是 glasses（眼镜）哦，再认真听一遍音频试试吧！
+
+2. 听音选意
+Brainy：现在你已经看到这句话的文本啦，请问“一只鸟叼走了我的帽子”是这句话的意思吗？
+- 对 / Yes
+  - Brainy：不对哦，句子里说的被拿走的东西不是帽子，再想想看呀。
+- 错 / No [正确]
+  - Brainy：答对啦！你已经完全理解这句话的意思啦，glasses 是眼镜的意思，你记住了吗？
+---
+# 完成反馈
+Brainy：很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">You joined the mission of finding Logi&#x27;s lost items, carefully picked out the 3 correct belongings from 5 given options, and successfully collected all the things Logi had misplaced.（你参与了找回Logi物品的任务，从给出的5件物品中仔细挑选出了3件正确的所属物，成功集齐了Logi丢失的所有物件。）</pre>
+                    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="25">导览配置
+【任务标题】
+找回Logi的物品
+
+【任务背景】
+Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！
+
+【通关知识】
+单词：
+wear v. 穿着
+baseball cap n. 棒球帽
+glasses n. 眼镜
+shoe n. 鞋子
+
+互动配置
+【开场语】
+Logi: Thank you for finding my things!
+Logi: Let me tell you what happened.
+
+【听力文本】
+# 文本 1
+Logi: I lost my way in the woods.
+Logi: A bird takes my glasses! 
+Logi: I cannot see clearly.
+Logi: My shoe is in the mud.
+Logi: Oh, where is my shoe? I can&#x27;t find it!
+Logi: The wind blows. My baseball cap flies up, up, up. 
+Logi: My baseball cap is on the tree branch!
+
+
+【结束语】
+Logi: Now I can wear my baseball cap, glasses and shoes.
+Logi: Thank you, my friends!
+
+【题目信息】
+#多空选择
+选项图片编号：00,01,02,03,04
+答案图片编号：00,01,02
+
+【学习过程】
+句子 1
+A bird takes my glasses! 【glasses】
+
+句子 2
+My shoe is in the mud.【shoe】
+
+句子 4
+My baseball cap is on the tree branch!【baseball cap】</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="4">wear 
+baseball cap
+glasses
+shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221101", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u68d2\u7403\u5e3d\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears a blue baseball cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $baseball cap$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Look again. Is that a blue baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221101", "title": "\u9009\u62e9\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $baseball cap$."}, "imageInfo": {"questionImg": "1221101_question.png", "answerImg": "1221101_answer.png"}, "optionList": [{"option": "1221101_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears a blue baseball cap."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Look again. Is that a blue baseball cap?"}, "postDialog": [], "cDesc": "You found Logi's baseball cap correctly.\uff08\u4f60\u6b63\u786e\u627e\u5230\u4e86\u6d1b\u5409\u7684\u68d2\u7403\u5e3d\u3002\uff09"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221101", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221102", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u773c\u955c\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears glasses.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $glasses$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Hmm... Those are not his glasses.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_image_choose", "cId": "1221102", "title": "\u9009\u62e9\u773c\u955c", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $glasses$."}, "imageInfo": {"questionImg": "1221102_question.png", "answerImg": "1221102_answer.png"}, "optionList": [{"option": "1221102_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears glasses."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Hmm... Those are not his glasses."}, "postDialog": [], "cDesc": "You found Logi's glasses from the picture. (\u4f60\u4ece\u56fe\u4e2d\u627e\u5230\u4e86\u6d1b\u5409\u7684\u773c\u955c\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221102", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221103", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u978b\u5b50\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $shoes$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1aSally: Got it?\n\u9519\u8bef\uff1aSally: Are those white shoes?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nBen: Got it!", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_image_choose", "cId": "1221103", "title": "\u9009\u62e9\u978b\u5b50", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $shoes$."}, "imageInfo": {"questionImg": "1221103_question.png", "answerImg": "1221103_answer.png"}, "optionList": [{"option": "1221103_option_00.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Got it?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Are those white shoes?"}, "postDialog": [{"type": "npc", "npcName": "Ben", "content": "Got it!"}], "cDesc": "You found Logi's shoes in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u7f57\u5409\u7684\u978b\u5b50\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221103", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221104", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Hmm... No.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: He wears a blue cap.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "wear", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221104", "title": "\u8fa8\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "Hmm... No."}], "imgShowTimingList": ["preDialog", "content"], "img": "1221104.png", "question": {"type": "user", "content": "He wears a blue cap."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221104", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221105", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u786e\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nVicky: I found a blue hat!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Is it a baseball cap?\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221105", "title": "\u786e\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Vicky", "content": "I found a blue hat!"}], "imgShowTimingList": ["preDialog", "content"], "img": "1221105.png", "question": {"type": "user", "content": "Is it a baseball cap?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221105", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221106", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u5e3d\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You're right. This is not Logi's cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aHe ___ a baseball cap.\n\u9009\u98791\uff1awears\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1abears\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: No bears here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "... wear(s)...", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221106", "title": "\u8fa8\u8ba4\u5e3d\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You're right. This is not Logi's cap."}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221106.png", "question": {"type": "user", "desc": "He ___ a baseball cap.", "content": "He wears a baseball cap."}, "optionGroupList": [{"optionList": [{"option": "wears", "needAudio": false}, {"option": "bears", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "No bears here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221106", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... wear(s)...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221107", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u5230\u68d2\u7403\u5e3d\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Is that really a baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221107", "title": "\u627e\u5230\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Find the $baseball cap$."}, "imageInfo": {"questionImg": "1221107_question.png", "answerImg": "1221107_answer.png"}, "optionList": [{"option": "1221107_option_00.png"}, {"option": "1221107_option_01.png"}, {"option": "1221107_option_02.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Is that really a baseball cap?"}, "postDialog": [], "cDesc": "You found the baseball cap correctly. (\u4f60\u627e\u5bf9\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221107", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221108", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aLogi wears ___, not sunglasses.\n\u9009\u98791\uff1aglasses\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1agrass\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: Logi can't wear grass!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S8\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221108", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221108.png", "question": {"type": "user", "desc": "Logi wears ___, not sunglasses.", "content": "Logi wears glasses, not sunglasses."}, "optionGroupList": [{"optionList": [{"option": "glasses", "needAudio": false}, {"option": "grass", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Logi can't wear grass!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221108", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221109", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: These are not his glasses.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221109", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221109.png", "question": {"type": "user", "content": "These are not his glasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221109", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221110", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: A shoe!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nVicky: But Logi wears white shoes.", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221110", "title": "\u8fa8\u8ba4\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221110.png", "question": {"type": "user", "content": "A shoe!"}, "postDialog": [{"type": "npc", "npcName": "Vicky", "content": "But Logi wears white shoes."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221110", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221111", "cType": "", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb-", "status": "skipped", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u767d\u978b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You are right.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This is not a white shoe.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "", "error": "", "reason": "\u672a\u77e5\u7ec4\u4ef6\u7c7b\u578b: '\u5bf9\u8bdd\u6717\u8bfb-' (\u6e05\u7406\u540e: '')"}, {"cId": "1221112", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u53d1\u73b0\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011Sally: What did you find?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his baseball cap.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Great news!\n\u9009\u98792\uff1aWe found his white hat.\n- \u53cd\u9988 Vicky: Wait, Are you sure?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221112", "title": "\u6c47\u62a5\u53d1\u73b0", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "What did you find?"}], "imgShowTimingList": ["content", "feedback"], "img": "1221112.png", "optionList": [{"option": "We found his baseball cap.", "needAudio": true}, {"option": "We found his white hat.", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great news!"}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Wait, Are you sure?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221112", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221113", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Great news! And?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his sunglasses.\n- \u53cd\u9988 Sally: Really? He doesn't have sunglasses.\n\u9009\u98792\uff1aWe found his glasses.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Oh, I see.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221113", "title": "\u6c47\u62a5\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Great news! And?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221113.png", "optionList": [{"option": "We found his sunglasses.", "needAudio": true}, {"option": "We found his glasses.", "needAudio": true}], "answer": [1], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Oh, I see."}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Really? He doesn't have sunglasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221113", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221114", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aAnd a brown shoe.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: A brown shoe?\n\u9009\u98792\uff1aAnd a white shoe.\n- \u53cd\u9988 Sally: That must be Logi's!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221114", "title": "\u6c47\u62a5\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221114.png", "optionList": [{"option": "And a brown shoe.", "needAudio": true}, {"option": "And a white shoe.", "needAudio": false}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "A brown shoe?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "That must be Logi's!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221114", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221115", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u51fa\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Here you are!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: That's not my baseball cap.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221115", "title": "\u9009\u51fa\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose the $baseball cap$."}, "imageInfo": {"questionImg": "1221115_question.png", "answerImg": "1221115_answer.png"}, "optionList": [{"option": "1221115_option_00.png"}, {"option": "1221115_option_01.png"}, {"option": "1221115_option_02.png"}], "answer": [0], "preDialog": [{"type": "user", "content": "Here you are!"}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "That's not my baseball cap."}, "postDialog": [], "cDesc": "You found the baseball cap correctly. (\u4f60\u6b63\u786e\u627e\u5230\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221115", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221116", "cType": "core_listening_drag", "category": "core", "type_name": "\u542c\u529b\u62d6\u62fd", "status": "saved", "raw_config": "\u5bfc\u89c8\u914d\u7f6e\n\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u56deLogi\u7684\u7269\u54c1\n\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nLogi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01\n\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\n\u5355\u8bcd\uff1a\nwear v. \u7a7f\u7740\nbaseball cap n. \u68d2\u7403\u5e3d\nglasses n. \u773c\u955c\nshoe n. \u978b\u5b50\n\n\u4e92\u52a8\u914d\u7f6e\n\u3010\u5f00\u573a\u8bed\u3011\nLogi: Thank you for finding my things!\nLogi: Let me tell you what happened.\n\n\u3010\u542c\u529b\u6587\u672c\u3011\n# \u6587\u672c 1\nLogi: I lost my way in the woods.\nLogi: A bird takes my glasses! \nLogi: I cannot see clearly.\nLogi: My shoe is in the mud.\nLogi: Oh, where is my shoe? I can't find it!\nLogi: The wind blows. My baseball cap flies up, up, up. \nLogi: My baseball cap is on the tree branch!\n\n\n\u3010\u7ed3\u675f\u8bed\u3011\nLogi: Now I can wear my baseball cap, glasses and shoes.\nLogi: Thank you, my friends!\n\n\u3010\u9898\u76ee\u4fe1\u606f\u3011\n#\u591a\u7a7a\u9009\u62e9\n\u9009\u9879\u56fe\u7247\u7f16\u53f7\uff1a00,01,02,03,04\n\u7b54\u6848\u56fe\u7247\u7f16\u53f7\uff1a00,01,02\n\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u53e5\u5b50 1\nA bird takes my glasses! \u3010glasses\u3011\n\n\u53e5\u5b50 2\nMy shoe is in the mud.\u3010shoe\u3011\n\n\u53e5\u5b50 4\nMy baseball cap is on the tree branch!\u3010baseball cap\u3011", "config_info": "S17\u4e3b\u7ebf", "knowledge_text": "wear \nbaseball cap\nglasses\nshoe", "taskInfo": {"cType": "core_listening_drag", "cId": "1221116", "title": "\u627e\u56deLogi\u7684\u7269\u54c1", "sceneDesc": "Logi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01", "key": [{"desc": "", "keyList": [{"type": "default", "content": "wear", "desc": "v. \u7a7f\u7740"}, {"type": "default", "content": "baseball cap", "desc": "n. \u68d2\u7403\u5e3d"}, {"type": "default", "content": "glasses", "desc": "n. \u773c\u955c"}, {"type": "default", "content": "shoe", "desc": "n. \u978b\u5b50"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "cDesc": "You joined the mission of finding Logi's lost items, carefully picked out the 3 correct belongings from 5 given options, and successfully collected all the things Logi had misplaced.\uff08\u4f60\u53c2\u4e0e\u4e86\u627e\u56deLogi\u7269\u54c1\u7684\u4efb\u52a1\uff0c\u4ece\u7ed9\u51fa\u76845\u4ef6\u7269\u54c1\u4e2d\u4ed4\u7ec6\u6311\u9009\u51fa\u4e863\u4ef6\u6b63\u786e\u7684\u6240\u5c5e\u7269\uff0c\u6210\u529f\u96c6\u9f50\u4e86Logi\u4e22\u5931\u7684\u6240\u6709\u7269\u4ef6\u3002\uff09"}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "A bird takes my glasses!", "learning": [{"question": {"content": "\u521a\u521a\u542c\u5230\u7684\u97f3\u9891\u91cc\uff0c\u6709\u4e00\u4e2a\u5f88\u5e38\u7528\u7684\u77ed\u8bed take glasses\uff0c\u610f\u601d\u662f\u201c\u62ff\u8d70\u773c\u955c\u201d\u3002\u8fd9\u91cc\u7684 take \u5c31\u662f\u201c\u62ff\u3001\u5e26\u8d70\u201d\u7684\u610f\u601d\u54e6\u3002", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u4ed4\u7ec6\u542c\u97f3\u9891\u54e6\uff0c\u4e0b\u9762\u54ea\u4e2a\u53e5\u5b50\u548c\u4f60\u542c\u5230\u7684\u5185\u5bb9\u662f\u4e00\u6837\u7684\u5462\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "A bird takes my glasses.", "feedback": {"type": "npc", "content": "\u592a\u5389\u5bb3\u5566\uff01\u4f60\u7cbe\u51c6\u542c\u51fa\u4e86\u53e5\u5b50\u91cc\u7684\u5173\u952e\u77ed\u8bed take glasses \u5462\uff01", "npcName": "Brainy"}}, {"option": "A bird takes my bag.", "feedback": {"type": "npc", "content": "\u54ce\u5440\uff0c\u8fd9\u53e5\u8bdd\u91cc\u8bf4\u7684\u662f bag\uff08\u5305\uff09\uff0c\u4e0d\u662f glasses\uff08\u773c\u955c\uff09\u54e6\uff0c\u518d\u8ba4\u771f\u542c\u4e00\u904d\u97f3\u9891\u8bd5\u8bd5\u5427\uff01", "npcName": "Brainy"}}], "answer": [0]}, {"question": {"content": "A bird takes my glasses!", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u73b0\u5728\u4f60\u5df2\u7ecf\u770b\u5230\u8fd9\u53e5\u8bdd\u7684\u6587\u672c\u5566\uff0c\u8bf7\u95ee\u201c\u4e00\u53ea\u9e1f\u53fc\u8d70\u4e86\u6211\u7684\u5e3d\u5b50\u201d\u662f\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "\u5bf9 / Yes", "feedback": {"type": "npc", "content": "\u4e0d\u5bf9\u54e6\uff0c\u53e5\u5b50\u91cc\u8bf4\u7684\u88ab\u62ff\u8d70\u7684\u4e1c\u897f\u4e0d\u662f\u5e3d\u5b50\uff0c\u518d\u60f3\u60f3\u770b\u5440\u3002", "npcName": "Brainy"}}, {"option": "\u9519 / No", "feedback": {"type": "npc", "content": "\u7b54\u5bf9\u5566\uff01\u4f60\u5df2\u7ecf\u5b8c\u5168\u7406\u89e3\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\u5566\uff0cglasses \u662f\u773c\u955c\u7684\u610f\u601d\uff0c\u4f60\u8bb0\u4f4f\u4e86\u5417\uff1f", "npcName": "Brainy"}}], "answer": [1]}]}], "closing": {"type": "npc", "content": "\u5f88\u597d\uff01\u4f60\u5df2\u7ecf\u56de\u7b54\u5b8c\u4e86\u5168\u90e8\u95ee\u9898\uff0c\u76f8\u4fe1\u4f60\u5df2\u7ecf\u542c\u61c2\u4e86\u8fd9\u4e2a\u4efb\u52a1\u4e2d\u6240\u6709\u7684\u91cd\u70b9\u53e5\u5b50\u3002\u73b0\u5728\u8ba9\u6211\u4eec\u6765\u67e5\u770b\u7ed3\u679c\u5427!", "npcName": "Brainy"}}, "questionList": [{"imageInfo": {"questionImg": "1221116_question.png", "answerImg": "1221116_answer.png"}, "optionList": [{"option": "1221116_option_00.png"}, {"option": "1221116_option_01.png"}, {"option": "1221116_option_02.png"}, {"option": "1221116_option_03.png"}, {"option": "1221116_option_04.png"}], "answer": [0, 1, 2], "answerType": ""}], "preDialog": [{"type": "npc", "npcName": "Logi", "content": "Thank you for finding my things!"}, {"type": "npc", "npcName": "Logi", "content": "Let me tell you what happened."}], "dialogList": [[{"type": "npc", "npcName": "Logi", "content": "I lost my way in the woods.", "trans": "\u6211\u5728\u6811\u6797\u91cc\u8ff7\u8def\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "A bird takes my glasses! ", "trans": "\u4e00\u53ea\u9e1f\u628a\u6211\u7684\u773c\u955c\u53fc\u8d70\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "I cannot see clearly.", "trans": "\u6211\u770b\u4e0d\u6e05\u695a\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My shoe is in the mud.", "trans": "\u6211\u7684\u978b\u5b50\u9677\u5728\u6ce5\u91cc\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "Oh, where is my shoe? I can't find it!", "trans": "\u54e6\uff0c\u6211\u7684\u978b\u5b50\u5728\u54ea\u91cc\uff1f\u6211\u627e\u4e0d\u5230\u5b83\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "The wind blows. My baseball cap flies up, up, up. ", "trans": "\u98ce\u522e\u8d77\u6765\u4e86\u3002\u6211\u7684\u68d2\u7403\u5e3d\u98de\u554a\u98de\uff0c\u98de\u5f97\u8d8a\u6765\u8d8a\u9ad8\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My baseball cap is on the tree branch!", "trans": "\u6211\u7684\u68d2\u7403\u5e3d\u6302\u5728\u6811\u679d\u4e0a\u4e86\uff01", "isPoint": false}]], "kpInfo": {"pushType": "relationKp", "cType": "core_listening_drag", "cId": "1221116", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 12:22:28';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_123114.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_123114.html
new file mode 100644
index 0000000..b417bad
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_123114.html	
@@ -0,0 +1,5245 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L1 寻人启事 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L1 寻人启事</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 12:31:14</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: VhyTwlhh5iTXMrkJ4Fccftz5nph</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221101</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="选择棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221101_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s baseball cap correctly. (你正确找到了洛吉的棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;title&quot;: &quot;选择棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221101_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s baseball cap correctly. (你正确找到了洛吉的棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="17">【任务标题】选择棒球帽
+
+【情境引入】
+Sally: Logi wears a blue baseball cap.
+
+【互动内容】
+题干：Choose Logi&#x27;s $baseball cap$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Look again. Is that a blue baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221102</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="选择眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221102_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s glasses in the picture. (你在图中找到了Logi的眼镜。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;title&quot;: &quot;选择眼镜&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221102_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears glasses.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s glasses in the picture. (你在图中找到了Logi的眼镜。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="17">【任务标题】选择眼镜
+
+【情境引入】
+Sally: Logi wears glasses.
+
+【互动内容】
+题干：Choose Logi&#x27;s $glasses$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：无
+错误：Sally: Hmm... Those are not his glasses.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221103</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="选择鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221103_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Got it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Are those white shoes?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Got it!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cDesc" class="ve-input ve-str" value="You find Logi&#x27;s shoes in the picture. (你在图中找到了罗吉的鞋子。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;title&quot;: &quot;选择鞋子&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221103_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Got it?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Are those white shoes?&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Ben&quot;,
+      &quot;content&quot;: &quot;Got it!&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You find Logi&#x27;s shoes in the picture. (你在图中找到了罗吉的鞋子。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="17">【任务标题】选择鞋子
+
+【情境引入】
+无
+
+【互动内容】
+题干：Choose Logi&#x27;s $shoes$.
+选项：
+00
+正确：00
+
+【互动反馈】
+正确：Sally: Got it?
+错误：Sally: Are those white shoes?
+
+【后置对话】
+Ben: Got it!</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221104</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="辨认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Hmm... No.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221104.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;He wears a blue cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;title&quot;: &quot;辨认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Hmm... No.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221104.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;He wears a blue cap.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="13">【任务标题】辨认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+User: Hmm... No.
+
+【互动内容】
+User: He wears a blue cap.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">wear</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221105</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="确认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;I found a blue hat!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-img" class="ve-input ve-str" value="1221105.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="27" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;title&quot;: &quot;确认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;I found a blue hat!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221105.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="13">【任务标题】确认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+Vicky: I found a blue hat!
+
+【互动内容】
+User: Is it a baseball cap?（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221106</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="辨认帽子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-img" class="ve-input ve-str" value="1221106.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+  &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;wears&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;bears&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;No bears here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;title&quot;: &quot;辨认帽子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221106.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+    &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;wears&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;bears&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;No bears here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="19">【任务标题】辨认帽子
+【资源配置】
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: You&#x27;re right. This is not Logi&#x27;s cap.
+
+【互动内容】
+题目：He ___ a baseball cap.
+选项1：wears（正确）
+选项2：bears
+
+【互动反馈】
+正确：无
+错误：Vicky: No bears here!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">... wear(s)...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221107</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="找到棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221107_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap in the picture. (你在图中找到了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;title&quot;: &quot;找到棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221107_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap in the picture. (你在图中找到了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="20">【任务标题】找到棒球帽
+
+
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Ben: Is that really a baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221108</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221108.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+  &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;glasses&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;grass&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221108.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;glasses&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;grass&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：Logi wears ___, not sunglasses.
+选项1：glasses（正确）
+选项2：grass
+
+【互动反馈】
+正确：无
+错误：Vicky: Logi can&#x27;t wear grass!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221109</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-img" class="ve-input ve-str" value="1221109.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;These are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221109.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;These are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="12">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: These are not his glasses.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221110</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="辨认鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-img" class="ve-input ve-str" value="1221110.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;A shoe!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;title&quot;: &quot;辨认鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221110.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;A shoe!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="13">【任务标题】辨认鞋子
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: A shoe!（朗读）
+
+
+【后置对话】
+Vicky: But Logi wears white shoes.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221111</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">已保存</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1221111" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="辨认白鞋" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You are right.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-img" class="ve-input ve-str" value="1221111.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;This is not a white shoe.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="25" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221111&quot;,
+  &quot;title&quot;: &quot;辨认白鞋&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You are right.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221111.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;This is not a white shoe.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1221111" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221111&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="12">【任务标题】辨认白鞋
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: You are right.
+
+【互动内容】
+User: This is not a white shoe.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221112</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="汇报发现" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;What did you find?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-img" class="ve-input ve-str" value="1221112.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his white hat.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great news!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;title&quot;: &quot;汇报发现&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;What did you find?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221112.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his white hat.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】汇报发现
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】Sally: What did you find?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his baseball cap.（正确）
+- 反馈 Sally: Great news!
+选项2：We found his white hat.
+- 反馈 Vicky: Wait, Are you sure?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221113</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="汇报眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news! And?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-img" class="ve-input ve-str" value="1221113.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his glasses.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Oh, I see.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;title&quot;: &quot;汇报眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Great news! And?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221113.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his glasses.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    1
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Oh, I see.&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="17">【任务标题】汇报眼镜
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+Sally: Great news! And?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his sunglasses.
+- 反馈 Sally: Really? He doesn&#x27;t have sunglasses.
+选项2：We found his glasses.（正确）
+- 反馈 Sally: Oh, I see.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221114</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="汇报鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-img" class="ve-input ve-str" value="1221114.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;And a brown shoe.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;And a white shoe.&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;A brown shoe?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;title&quot;: &quot;汇报鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221114.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;And a brown shoe.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;And a white shoe.&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;A brown shoe?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="17">【任务标题】汇报鞋子
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：And a brown shoe.（正确）
+- 反馈 Sally: A brown shoe?
+选项2：And a white shoe.
+- 反馈 Sally: That must be Logi&#x27;s!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221115</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="选出棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221115_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Here you are!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Logi&quot;,
+  &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cDesc" class="ve-input ve-str" value="You picked out the baseball cap correctly. (你正确地选出了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;title&quot;: &quot;选出棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221115_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Here you are!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You picked out the baseball cap correctly. (你正确地选出了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="21">【任务标题】选出棒球帽
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: Here you are!
+
+【互动内容】
+题干：Choose the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+
+【互动反馈】
+正确：无
+错误：Logi: That&#x27;s not my baseball cap.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">听力拖拽</span>
+        <span class="comp-cid">cId: 1221116</span>
+        <span class="comp-ctype">core_listening_drag</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-taskInfo','ve-16-taskInfo','ta-16-taskInfo','16','taskInfo')">
+          <span id="btn-sec-16-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-taskInfo" data-idx="16" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-title" class="ve-input ve-str" value="找回Logi的物品" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-sceneDesc" class="ve-input ve-str" value="Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;wear&quot;,
+        &quot;desc&quot;: &quot;v. 穿着&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;baseball cap&quot;,
+        &quot;desc&quot;: &quot;n. 棒球帽&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;glasses&quot;,
+        &quot;desc&quot;: &quot;n. 眼镜&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;shoe&quot;,
+        &quot;desc&quot;: &quot;n. 鞋子&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">You joined the &quot;Find Logi&#x27;s Belongings&quot; activity, looked through 5 different item pictures, and successfully picked out the three items that Logi had lost to help him get all his stuff back. (你参与了“找回Logi的物品”活动，浏览了五张不同的物品图片，成功找出了Logi丢失的三件物品，帮他收回了全部失物。)</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span></div>
+          <textarea id="ta-16-taskInfo" data-idx="16" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;title&quot;: &quot;找回Logi的物品&quot;,
+  &quot;sceneDesc&quot;: &quot;Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;wear&quot;,
+          &quot;desc&quot;: &quot;v. 穿着&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;baseball cap&quot;,
+          &quot;desc&quot;: &quot;n. 棒球帽&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;glasses&quot;,
+          &quot;desc&quot;: &quot;n. 眼镜&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;shoe&quot;,
+          &quot;desc&quot;: &quot;n. 鞋子&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;cDesc&quot;: &quot;You joined the \&quot;Find Logi&#x27;s Belongings\&quot; activity, looked through 5 different item pictures, and successfully picked out the three items that Logi had lost to help him get all his stuff back. (你参与了“找回Logi的物品”活动，浏览了五张不同的物品图片，成功找出了Logi丢失的三件物品，帮他收回了全部失物。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">preDialog</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-preDialog"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span></div>
+        <textarea id="ta-16-preDialog" data-idx="16" data-key="preDialog" class="json-textarea" rows="12" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Thank you for finding my things!&quot;
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Let me tell you what happened.&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">dialogList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-dialogList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span></div>
+        <textarea id="ta-16-dialogList" data-idx="16" data-key="dialogList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I lost my way in the woods.&quot;,
+      &quot;trans&quot;: &quot;我在树林里迷路了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+      &quot;trans&quot;: &quot;一只鸟叼走了我的眼镜！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I cannot see clearly.&quot;,
+      &quot;trans&quot;: &quot;我看不清楚了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My shoe is in the mud.&quot;,
+      &quot;trans&quot;: &quot;我的鞋子陷在泥里了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;Oh, where is my shoe? I can&#x27;t find it!&quot;,
+      &quot;trans&quot;: &quot;哦，我的鞋子在哪里？我找不到它了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;The wind blows. My baseball cap flies up, up, up.&quot;,
+      &quot;trans&quot;: &quot;刮起风来了。我的棒球帽飞啊飞，越飞越高。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My baseball cap is on the tree branch!&quot;,
+      &quot;trans&quot;: &quot;我的棒球帽挂在树枝上了！&quot;,
+      &quot;isPoint&quot;: false
+    }
+  ]
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">questionList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-questionList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span></div>
+        <textarea id="ta-16-questionList" data-idx="16" data-key="questionList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;imageInfo&quot;: {
+      &quot;questionImg&quot;: &quot;1221116_question.png&quot;,
+      &quot;answerImg&quot;: &quot;1221116_answer.png&quot;
+    },
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;1221116_option_00.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_01.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_02.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_03.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_04.png&quot;
+      }
+    ],
+    &quot;answer&quot;: [
+      0,
+      1,
+      2
+    ],
+    &quot;answerType&quot;: &quot;&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-studyInfo','ve-16-studyInfo','ta-16-studyInfo','16','studyInfo')">
+          <span id="btn-sec-16-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-studyInfo" data-idx="16" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的take是“拿走、带走”的意思，glasses是“眼镜”的意思哦。&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;仔细听音频，你能选出和听到的内容一致的句子吗？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的核心短语take glasses哦！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;A bird takes my bag.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;呀，这句话里说的是bag（包），没有提到glasses（眼镜）哦，再仔细听听音频试试吧！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;“一只鸟拿走了我的帽子”，这个意思和你听到的句子对应吗？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;对 / Yes&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;不对哦，句子里说的物品不是帽子，再回忆一下句子内容试试看~&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;错 / No&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太棒啦！你完全理解了句子的意思，还记住了glasses是眼镜的意思，真不错！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span></div>
+          <textarea id="ta-16-studyInfo" data-idx="16" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的take是“拿走、带走”的意思，glasses是“眼镜”的意思哦。&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;仔细听音频，你能选出和听到的内容一致的句子吗？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的核心短语take glasses哦！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;A bird takes my bag.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;呀，这句话里说的是bag（包），没有提到glasses（眼镜）哦，再仔细听听音频试试吧！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;“一只鸟拿走了我的帽子”，这个意思和你听到的句子对应吗？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;对 / Yes&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;不对哦，句子里说的物品不是帽子，再回忆一下句子内容试试看~&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;错 / No&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太棒啦！你完全理解了句子的意思，还记住了glasses是眼镜的意思，真不错！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            1
+          ]
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习过程配置</div>
+                      <pre class="intermediate-pre">```
+# 重点句子 1
+音频文本：A bird takes my glasses!
+讲解文本：刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的take是“拿走、带走”的意思，glasses是“眼镜”的意思哦。
+1. 听音选句
+Brainy：仔细听音频，你能选出和听到的内容一致的句子吗？
+- A bird takes my glasses. [正确]
+  - Brainy：太厉害啦！你准确听出了句子里的核心短语take glasses哦！
+- A bird takes my bag.
+  - Brainy：呀，这句话里说的是bag（包），没有提到glasses（眼镜）哦，再仔细听听音频试试吧！
+
+2. 听音选意
+Brainy：“一只鸟拿走了我的帽子”，这个意思和你听到的句子对应吗？
+- 对 / Yes
+  - Brainy：不对哦，句子里说的物品不是帽子，再回忆一下句子内容试试看~
+- 错 / No [正确]
+  - Brainy：太棒啦！你完全理解了句子的意思，还记住了glasses是眼镜的意思，真不错！
+---
+# 完成反馈
+Brainy：很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">You joined the &quot;Find Logi&#x27;s Belongings&quot; activity, looked through 5 different item pictures, and successfully picked out the three items that Logi had lost to help him get all his stuff back. (你参与了“找回Logi的物品”活动，浏览了五张不同的物品图片，成功找出了Logi丢失的三件物品，帮他收回了全部失物。)</pre>
+                    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="25">导览配置
+【任务标题】
+找回Logi的物品
+
+【任务背景】
+Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！
+
+【通关知识】
+单词：
+wear v. 穿着
+baseball cap n. 棒球帽
+glasses n. 眼镜
+shoe n. 鞋子
+
+互动配置
+【开场语】
+Logi: Thank you for finding my things!
+Logi: Let me tell you what happened.
+
+【听力文本】
+# 文本 1
+Logi: I lost my way in the woods.
+Logi: A bird takes my glasses! 
+Logi: I cannot see clearly.
+Logi: My shoe is in the mud.
+Logi: Oh, where is my shoe? I can&#x27;t find it!
+Logi: The wind blows. My baseball cap flies up, up, up. 
+Logi: My baseball cap is on the tree branch!
+
+
+【结束语】
+Logi: Now I can wear my baseball cap, glasses and shoes.
+Logi: Thank you, my friends!
+
+【题目信息】
+#多空选择
+选项图片编号：00,01,02,03,04
+答案图片编号：00,01,02
+
+【学习过程】
+句子 1
+A bird takes my glasses! 【glasses】
+
+句子 2
+My shoe is in the mud.【shoe】
+
+句子 4
+My baseball cap is on the tree branch!【baseball cap】</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="4">wear 
+baseball cap
+glasses
+shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221101", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u68d2\u7403\u5e3d\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears a blue baseball cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $baseball cap$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Look again. Is that a blue baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221101", "title": "\u9009\u62e9\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $baseball cap$."}, "imageInfo": {"questionImg": "1221101_question.png", "answerImg": "1221101_answer.png"}, "optionList": [{"option": "1221101_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears a blue baseball cap."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Look again. Is that a blue baseball cap?"}, "postDialog": [], "cDesc": "You found Logi's baseball cap correctly. (\u4f60\u6b63\u786e\u627e\u5230\u4e86\u6d1b\u5409\u7684\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221101", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221102", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u773c\u955c\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears glasses.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $glasses$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Hmm... Those are not his glasses.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_image_choose", "cId": "1221102", "title": "\u9009\u62e9\u773c\u955c", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $glasses$."}, "imageInfo": {"questionImg": "1221102_question.png", "answerImg": "1221102_answer.png"}, "optionList": [{"option": "1221102_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears glasses."}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Hmm... Those are not his glasses."}, "postDialog": [], "cDesc": "You found Logi's glasses in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86Logi\u7684\u773c\u955c\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221102", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221103", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u978b\u5b50\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $shoes$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1aSally: Got it?\n\u9519\u8bef\uff1aSally: Are those white shoes?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nBen: Got it!", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_image_choose", "cId": "1221103", "title": "\u9009\u62e9\u978b\u5b50", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $shoes$."}, "imageInfo": {"questionImg": "1221103_question.png", "answerImg": "1221103_answer.png"}, "optionList": [{"option": "1221103_option_00.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Got it?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Are those white shoes?"}, "postDialog": [{"type": "npc", "npcName": "Ben", "content": "Got it!"}], "cDesc": "You find Logi's shoes in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u7f57\u5409\u7684\u978b\u5b50\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221103", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221104", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Hmm... No.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: He wears a blue cap.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "wear", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221104", "title": "\u8fa8\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "Hmm... No."}], "imgShowTimingList": ["preDialog", "content"], "img": "1221104.png", "question": {"type": "user", "content": "He wears a blue cap."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221104", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221105", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u786e\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nVicky: I found a blue hat!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Is it a baseball cap?\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221105", "title": "\u786e\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Vicky", "content": "I found a blue hat!"}], "imgShowTimingList": ["preDialog", "content"], "img": "1221105.png", "question": {"type": "user", "content": "Is it a baseball cap?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221105", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221106", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u5e3d\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You're right. This is not Logi's cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aHe ___ a baseball cap.\n\u9009\u98791\uff1awears\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1abears\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: No bears here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "... wear(s)...", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221106", "title": "\u8fa8\u8ba4\u5e3d\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You're right. This is not Logi's cap."}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221106.png", "question": {"type": "user", "desc": "He ___ a baseball cap.", "content": "He wears a baseball cap."}, "optionGroupList": [{"optionList": [{"option": "wears", "needAudio": false}, {"option": "bears", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "No bears here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221106", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... wear(s)...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221107", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u5230\u68d2\u7403\u5e3d\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Is that really a baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221107", "title": "\u627e\u5230\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Find the $baseball cap$."}, "imageInfo": {"questionImg": "1221107_question.png", "answerImg": "1221107_answer.png"}, "optionList": [{"option": "1221107_option_00.png"}, {"option": "1221107_option_01.png"}, {"option": "1221107_option_02.png"}], "answer": [0], "preDialog": [], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Is that really a baseball cap?"}, "postDialog": [], "cDesc": "You found the baseball cap in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221107", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221108", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aLogi wears ___, not sunglasses.\n\u9009\u98791\uff1aglasses\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1agrass\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: Logi can't wear grass!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S8\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221108", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221108.png", "question": {"type": "user", "desc": "Logi wears ___, not sunglasses.", "content": "Logi wears glasses, not sunglasses."}, "optionGroupList": [{"optionList": [{"option": "glasses", "needAudio": false}, {"option": "grass", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Logi can't wear grass!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221108", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221109", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: These are not his glasses.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221109", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221109.png", "question": {"type": "user", "content": "These are not his glasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221109", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221110", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: A shoe!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nVicky: But Logi wears white shoes.", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221110", "title": "\u8fa8\u8ba4\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221110.png", "question": {"type": "user", "content": "A shoe!"}, "postDialog": [{"type": "npc", "npcName": "Vicky", "content": "But Logi wears white shoes."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221110", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221111", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u767d\u978b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You are right.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This is not a white shoe.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S11\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221111", "title": "\u8fa8\u8ba4\u767d\u978b", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You are right."}], "imgShowTimingList": ["content"], "img": "1221111.png", "question": {"type": "user", "content": "This is not a white shoe."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221111", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221112", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u53d1\u73b0\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011Sally: What did you find?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his baseball cap.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Great news!\n\u9009\u98792\uff1aWe found his white hat.\n- \u53cd\u9988 Vicky: Wait, Are you sure?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221112", "title": "\u6c47\u62a5\u53d1\u73b0", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "What did you find?"}], "imgShowTimingList": ["content", "feedback"], "img": "1221112.png", "optionList": [{"option": "We found his baseball cap.", "needAudio": true}, {"option": "We found his white hat.", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great news!"}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Wait, Are you sure?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221112", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221113", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Great news! And?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his sunglasses.\n- \u53cd\u9988 Sally: Really? He doesn't have sunglasses.\n\u9009\u98792\uff1aWe found his glasses.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Oh, I see.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221113", "title": "\u6c47\u62a5\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Great news! And?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221113.png", "optionList": [{"option": "We found his sunglasses.", "needAudio": true}, {"option": "We found his glasses.", "needAudio": true}], "answer": [1], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Oh, I see."}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Really? He doesn't have sunglasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221113", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221114", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aAnd a brown shoe.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: A brown shoe?\n\u9009\u98792\uff1aAnd a white shoe.\n- \u53cd\u9988 Sally: That must be Logi's!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221114", "title": "\u6c47\u62a5\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221114.png", "optionList": [{"option": "And a brown shoe.", "needAudio": true}, {"option": "And a white shoe.", "needAudio": false}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "A brown shoe?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "That must be Logi's!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221114", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221115", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u51fa\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Here you are!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: That's not my baseball cap.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221115", "title": "\u9009\u51fa\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose the $baseball cap$."}, "imageInfo": {"questionImg": "1221115_question.png", "answerImg": "1221115_answer.png"}, "optionList": [{"option": "1221115_option_00.png"}, {"option": "1221115_option_01.png"}, {"option": "1221115_option_02.png"}], "answer": [0], "preDialog": [{"type": "user", "content": "Here you are!"}], "tip": "", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "That's not my baseball cap."}, "postDialog": [], "cDesc": "You picked out the baseball cap correctly. (\u4f60\u6b63\u786e\u5730\u9009\u51fa\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221115", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221116", "cType": "core_listening_drag", "category": "core", "type_name": "\u542c\u529b\u62d6\u62fd", "status": "saved", "raw_config": "\u5bfc\u89c8\u914d\u7f6e\n\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u56deLogi\u7684\u7269\u54c1\n\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nLogi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01\n\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\n\u5355\u8bcd\uff1a\nwear v. \u7a7f\u7740\nbaseball cap n. \u68d2\u7403\u5e3d\nglasses n. \u773c\u955c\nshoe n. \u978b\u5b50\n\n\u4e92\u52a8\u914d\u7f6e\n\u3010\u5f00\u573a\u8bed\u3011\nLogi: Thank you for finding my things!\nLogi: Let me tell you what happened.\n\n\u3010\u542c\u529b\u6587\u672c\u3011\n# \u6587\u672c 1\nLogi: I lost my way in the woods.\nLogi: A bird takes my glasses! \nLogi: I cannot see clearly.\nLogi: My shoe is in the mud.\nLogi: Oh, where is my shoe? I can't find it!\nLogi: The wind blows. My baseball cap flies up, up, up. \nLogi: My baseball cap is on the tree branch!\n\n\n\u3010\u7ed3\u675f\u8bed\u3011\nLogi: Now I can wear my baseball cap, glasses and shoes.\nLogi: Thank you, my friends!\n\n\u3010\u9898\u76ee\u4fe1\u606f\u3011\n#\u591a\u7a7a\u9009\u62e9\n\u9009\u9879\u56fe\u7247\u7f16\u53f7\uff1a00,01,02,03,04\n\u7b54\u6848\u56fe\u7247\u7f16\u53f7\uff1a00,01,02\n\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u53e5\u5b50 1\nA bird takes my glasses! \u3010glasses\u3011\n\n\u53e5\u5b50 2\nMy shoe is in the mud.\u3010shoe\u3011\n\n\u53e5\u5b50 4\nMy baseball cap is on the tree branch!\u3010baseball cap\u3011", "config_info": "S17\u4e3b\u7ebf", "knowledge_text": "wear \nbaseball cap\nglasses\nshoe", "taskInfo": {"cType": "core_listening_drag", "cId": "1221116", "title": "\u627e\u56deLogi\u7684\u7269\u54c1", "sceneDesc": "Logi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01", "key": [{"desc": "", "keyList": [{"type": "default", "content": "wear", "desc": "v. \u7a7f\u7740"}, {"type": "default", "content": "baseball cap", "desc": "n. \u68d2\u7403\u5e3d"}, {"type": "default", "content": "glasses", "desc": "n. \u773c\u955c"}, {"type": "default", "content": "shoe", "desc": "n. \u978b\u5b50"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "cDesc": "You joined the \"Find Logi's Belongings\" activity, looked through 5 different item pictures, and successfully picked out the three items that Logi had lost to help him get all his stuff back. (\u4f60\u53c2\u4e0e\u4e86\u201c\u627e\u56deLogi\u7684\u7269\u54c1\u201d\u6d3b\u52a8\uff0c\u6d4f\u89c8\u4e86\u4e94\u5f20\u4e0d\u540c\u7684\u7269\u54c1\u56fe\u7247\uff0c\u6210\u529f\u627e\u51fa\u4e86Logi\u4e22\u5931\u7684\u4e09\u4ef6\u7269\u54c1\uff0c\u5e2e\u4ed6\u6536\u56de\u4e86\u5168\u90e8\u5931\u7269\u3002)"}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "A bird takes my glasses!", "learning": [{"question": {"content": "\u521a\u521a\u542c\u5230\u7684\u97f3\u9891\u4e2d\uff0c\u5305\u542b\u4e86\u4e00\u4e2a\u5173\u952e\u77ed\u8bed take glasses\uff0c\u610f\u601d\u662f\u201c\u62ff\u8d70\u773c\u955c\u201d\u3002\u8fd9\u91cc\u7684take\u662f\u201c\u62ff\u8d70\u3001\u5e26\u8d70\u201d\u7684\u610f\u601d\uff0cglasses\u662f\u201c\u773c\u955c\u201d\u7684\u610f\u601d\u54e6\u3002", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u4ed4\u7ec6\u542c\u97f3\u9891\uff0c\u4f60\u80fd\u9009\u51fa\u548c\u542c\u5230\u7684\u5185\u5bb9\u4e00\u81f4\u7684\u53e5\u5b50\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "A bird takes my glasses.", "feedback": {"type": "npc", "content": "\u592a\u5389\u5bb3\u5566\uff01\u4f60\u51c6\u786e\u542c\u51fa\u4e86\u53e5\u5b50\u91cc\u7684\u6838\u5fc3\u77ed\u8bedtake glasses\u54e6\uff01", "npcName": "Brainy"}}, {"option": "A bird takes my bag.", "feedback": {"type": "npc", "content": "\u5440\uff0c\u8fd9\u53e5\u8bdd\u91cc\u8bf4\u7684\u662fbag\uff08\u5305\uff09\uff0c\u6ca1\u6709\u63d0\u5230glasses\uff08\u773c\u955c\uff09\u54e6\uff0c\u518d\u4ed4\u7ec6\u542c\u542c\u97f3\u9891\u8bd5\u8bd5\u5427\uff01", "npcName": "Brainy"}}], "answer": [0]}, {"question": {"content": "A bird takes my glasses!", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u201c\u4e00\u53ea\u9e1f\u62ff\u8d70\u4e86\u6211\u7684\u5e3d\u5b50\u201d\uff0c\u8fd9\u4e2a\u610f\u601d\u548c\u4f60\u542c\u5230\u7684\u53e5\u5b50\u5bf9\u5e94\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "\u5bf9 / Yes", "feedback": {"type": "npc", "content": "\u4e0d\u5bf9\u54e6\uff0c\u53e5\u5b50\u91cc\u8bf4\u7684\u7269\u54c1\u4e0d\u662f\u5e3d\u5b50\uff0c\u518d\u56de\u5fc6\u4e00\u4e0b\u53e5\u5b50\u5185\u5bb9\u8bd5\u8bd5\u770b~", "npcName": "Brainy"}}, {"option": "\u9519 / No", "feedback": {"type": "npc", "content": "\u592a\u68d2\u5566\uff01\u4f60\u5b8c\u5168\u7406\u89e3\u4e86\u53e5\u5b50\u7684\u610f\u601d\uff0c\u8fd8\u8bb0\u4f4f\u4e86glasses\u662f\u773c\u955c\u7684\u610f\u601d\uff0c\u771f\u4e0d\u9519\uff01", "npcName": "Brainy"}}], "answer": [1]}]}], "closing": {"type": "npc", "content": "\u5f88\u597d\uff01\u4f60\u5df2\u7ecf\u56de\u7b54\u5b8c\u4e86\u5168\u90e8\u95ee\u9898\uff0c\u76f8\u4fe1\u4f60\u5df2\u7ecf\u542c\u61c2\u4e86\u8fd9\u4e2a\u4efb\u52a1\u4e2d\u6240\u6709\u7684\u91cd\u70b9\u53e5\u5b50\u3002\u73b0\u5728\u8ba9\u6211\u4eec\u6765\u67e5\u770b\u7ed3\u679c\u5427!", "npcName": "Brainy"}}, "questionList": [{"imageInfo": {"questionImg": "1221116_question.png", "answerImg": "1221116_answer.png"}, "optionList": [{"option": "1221116_option_00.png"}, {"option": "1221116_option_01.png"}, {"option": "1221116_option_02.png"}, {"option": "1221116_option_03.png"}, {"option": "1221116_option_04.png"}], "answer": [0, 1, 2], "answerType": ""}], "preDialog": [{"type": "npc", "npcName": "Logi", "content": "Thank you for finding my things!"}, {"type": "npc", "npcName": "Logi", "content": "Let me tell you what happened."}], "dialogList": [[{"type": "npc", "npcName": "Logi", "content": "I lost my way in the woods.", "trans": "\u6211\u5728\u6811\u6797\u91cc\u8ff7\u8def\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "A bird takes my glasses!", "trans": "\u4e00\u53ea\u9e1f\u53fc\u8d70\u4e86\u6211\u7684\u773c\u955c\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "I cannot see clearly.", "trans": "\u6211\u770b\u4e0d\u6e05\u695a\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My shoe is in the mud.", "trans": "\u6211\u7684\u978b\u5b50\u9677\u5728\u6ce5\u91cc\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "Oh, where is my shoe? I can't find it!", "trans": "\u54e6\uff0c\u6211\u7684\u978b\u5b50\u5728\u54ea\u91cc\uff1f\u6211\u627e\u4e0d\u5230\u5b83\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "The wind blows. My baseball cap flies up, up, up.", "trans": "\u522e\u8d77\u98ce\u6765\u4e86\u3002\u6211\u7684\u68d2\u7403\u5e3d\u98de\u554a\u98de\uff0c\u8d8a\u98de\u8d8a\u9ad8\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My baseball cap is on the tree branch!", "trans": "\u6211\u7684\u68d2\u7403\u5e3d\u6302\u5728\u6811\u679d\u4e0a\u4e86\uff01", "isPoint": false}]], "kpInfo": {"pushType": "relationKp", "cType": "core_listening_drag", "cId": "1221116", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 12:31:14';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_124526.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_124526.html
new file mode 100644
index 0000000..842b949
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L1 寻人启事_20260608_124526.html	
@@ -0,0 +1,5250 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L1 寻人启事 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L1 寻人启事</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 12:45:26</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: VhyTwlhh5iTXMrkJ4Fccftz5nph</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221101</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="选择棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221101_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-tip" class="ve-input ve-str" value="baseball cap 意思是“棒球帽”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s baseball cap. (你找到了罗吉的棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;title&quot;: &quot;选择棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221101_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221101_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221101_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears a blue baseball cap.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;baseball cap 意思是“棒球帽”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Look again. Is that a blue baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s baseball cap. (你找到了罗吉的棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221101" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221101&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="18">【任务标题】选择棒球帽
+
+【情境引入】
+Sally: Logi wears a blue baseball cap.
+
+【互动内容】
+题干：Choose Logi&#x27;s $baseball cap$.
+选项：
+00
+正确：00
+辅助信息：baseball cap 意思是“棒球帽”。
+
+【互动反馈】
+正确：无
+错误：Sally: Look again. Is that a blue baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221102</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="选择眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221102_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-tip" class="ve-input ve-str" value="glasses 意思是“眼镜”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s glasses. (你找到了洛吉的眼镜。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;title&quot;: &quot;选择眼镜&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $glasses$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221102_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221102_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221102_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Logi wears glasses.&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;glasses 意思是“眼镜”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Hmm... Those are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s glasses. (你找到了洛吉的眼镜。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221102" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221102&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="18">【任务标题】选择眼镜
+
+【情境引入】
+Sally: Logi wears glasses.
+
+【互动内容】
+题干：Choose Logi&#x27;s $glasses$.
+选项：
+00
+正确：00
+辅助信息：glasses 意思是“眼镜”。
+
+【互动反馈】
+正确：无
+错误：Sally: Hmm... Those are not his glasses.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221103</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="选择鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221103_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-tip" class="ve-input ve-str" value="shoe 意思是“鞋子”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Got it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Are those white shoes?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Got it!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cDesc" class="ve-input ve-str" value="You found Logi&#x27;s shoes correctly. (你找对了罗吉的鞋子。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;title&quot;: &quot;选择鞋子&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose Logi&#x27;s $shoes$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221103_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221103_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221103_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;shoe 意思是“鞋子”。&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Got it?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Are those white shoes?&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Ben&quot;,
+      &quot;content&quot;: &quot;Got it!&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You found Logi&#x27;s shoes correctly. (你找对了罗吉的鞋子。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221103" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221103&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="18">【任务标题】选择鞋子
+
+【情境引入】
+无
+
+【互动内容】
+题干：Choose Logi&#x27;s $shoes$.
+选项：
+00
+正确：00
+辅助信息：shoe 意思是“鞋子”。
+
+【互动反馈】
+正确：Sally: Got it?
+错误：Sally: Are those white shoes?
+
+【后置对话】
+Ben: Got it!</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221104</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="辨认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Hmm... No.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221104.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;He wears a blue cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;title&quot;: &quot;辨认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Hmm... No.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221104.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;He wears a blue cap.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221104" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221104&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="13">【任务标题】辨认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+User: Hmm... No.
+
+【互动内容】
+User: He wears a blue cap.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">wear</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221105</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="确认棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;I found a blue hat!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-img" class="ve-input ve-str" value="1221105.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="27" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;title&quot;: &quot;确认棒球帽&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;I found a blue hat!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221105.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Is it a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221105" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221105&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="13">【任务标题】确认棒球帽
+【资源配置】
+图片时机：情境引入 互动内容
+
+【情境引入】
+Vicky: I found a blue hat!
+
+【互动内容】
+User: Is it a baseball cap?（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221106</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="辨认帽子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-img" class="ve-input ve-str" value="1221106.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+  &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;wears&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;bears&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;No bears here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;title&quot;: &quot;辨认帽子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You&#x27;re right. This is not Logi&#x27;s cap.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221106.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;He ___ a baseball cap.&quot;,
+    &quot;content&quot;: &quot;He wears a baseball cap.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;wears&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;bears&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;No bears here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221106" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221106&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... wear(s)...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="19">【任务标题】辨认帽子
+【资源配置】
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: You&#x27;re right. This is not Logi&#x27;s cap.
+
+【互动内容】
+题目：He ___ a baseball cap.
+选项1：wears（正确）
+选项2：bears
+
+【互动反馈】
+正确：无
+错误：Vicky: No bears here!
+
+【后置对话】
+空</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">... wear(s)...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221107</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="找到棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221107_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221107_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-tip" class="ve-input ve-str" value="baseball cap 意思是“棒球帽”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap correctly. (你正确找到了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;title&quot;: &quot;找到棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221107_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221107_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221107_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221107_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;baseball cap 意思是“棒球帽”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Is that really a baseball cap?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap correctly. (你正确找到了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221107" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221107&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="21">【任务标题】找到棒球帽
+
+
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+辅助信息：baseball cap 意思是“棒球帽”。
+
+【互动反馈】
+正确：无
+错误：Ben: Is that really a baseball cap?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221108</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221108.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+  &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;glasses&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;grass&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221108.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Logi wears ___, not sunglasses.&quot;,
+    &quot;content&quot;: &quot;Logi wears glasses, not sunglasses.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;glasses&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;grass&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Logi can&#x27;t wear grass!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221108" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221108&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：Logi wears ___, not sunglasses.
+选项1：glasses（正确）
+选项2：grass
+
+【互动反馈】
+正确：无
+错误：Vicky: Logi can&#x27;t wear grass!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">glasses</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221109</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="辨认眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-img" class="ve-input ve-str" value="1221109.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;These are not his glasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;title&quot;: &quot;辨认眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221109.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;These are not his glasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221109" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221109&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="12">【任务标题】辨认眼镜
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: These are not his glasses.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221110</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="辨认鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-img" class="ve-input ve-str" value="1221110.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;A shoe!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;title&quot;: &quot;辨认鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221110.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;A shoe!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;But Logi wears white shoes.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221110" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221110&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="13">【任务标题】辨认鞋子
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: A shoe!（朗读）
+
+
+【后置对话】
+Vicky: But Logi wears white shoes.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221111</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">已保存</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1221111" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="辨认白鞋" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You are right.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-img" class="ve-input ve-str" value="1221111.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;This is not a white shoe.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="25" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221111&quot;,
+  &quot;title&quot;: &quot;辨认白鞋&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;You are right.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221111.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;This is not a white shoe.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1221111" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221111&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="12">【任务标题】辨认白鞋
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: You are right.
+
+【互动内容】
+User: This is not a white shoe.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221112</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="汇报发现" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;What did you find?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-img" class="ve-input ve-str" value="1221112.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his white hat.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great news!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;title&quot;: &quot;汇报发现&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;What did you find?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221112.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his baseball cap.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his white hat.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Wait, Are you sure?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221112" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221112&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】汇报发现
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】Sally: What did you find?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his baseball cap.（正确）
+- 反馈 Sally: Great news!
+选项2：We found his white hat.
+- 反馈 Vicky: Wait, Are you sure?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221113</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="汇报眼镜" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great news! And?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-img" class="ve-input ve-str" value="1221113.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;We found his glasses.&quot;,
+    &quot;needAudio&quot;: true
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Oh, I see.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;title&quot;: &quot;汇报眼镜&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Great news! And?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221113.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;We found his sunglasses.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;We found his glasses.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    1
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Oh, I see.&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Really? He doesn&#x27;t have sunglasses.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221113" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221113&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;This is / These are not...&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="17">【任务标题】汇报眼镜
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+Sally: Great news! And?
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：We found his sunglasses.
+- 反馈 Sally: Really? He doesn&#x27;t have sunglasses.
+选项2：We found his glasses.（正确）
+- 反馈 Sally: Oh, I see.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">This is / These are not...</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话选择</span>
+        <span class="comp-cid">cId: 1221114</span>
+        <span class="comp-ctype">mid_dialog_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="汇报鞋子" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-img" class="ve-input ve-str" value="1221114.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;And a brown shoe.&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;And a white shoe.&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;A brown shoe?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;title&quot;: &quot;汇报鞋子&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221114.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;And a brown shoe.&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;And a white shoe.&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;A brown shoe?&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;That must be Logi&#x27;s!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221114" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_choose&quot;,
+  &quot;cId&quot;: &quot;1221114&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="17">【任务标题】汇报鞋子
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+要求：选择正确的回复
+选项：（音频）
+选项1：And a brown shoe.（正确）
+- 反馈 Sally: A brown shoe?
+选项2：And a white shoe.
+- 反馈 Sally: That must be Logi&#x27;s!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221115</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="选出棒球帽" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221115_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221115_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Here you are!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="baseball cap 意思是“棒球帽”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Logi&quot;,
+  &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cDesc" class="ve-input ve-str" value="You found the baseball cap correctly. (你正确找到了棒球帽。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;title&quot;: &quot;选出棒球帽&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Choose the $baseball cap$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221115_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221115_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221115_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221115_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Here you are!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;baseball cap 意思是“棒球帽”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not my baseball cap.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the baseball cap correctly. (你正确找到了棒球帽。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221115" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221115&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="22">【任务标题】选出棒球帽
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+User: Here you are!
+
+【互动内容】
+题干：Choose the $baseball cap$.
+选项：
+00
+01
+02
+正确：00
+辅助信息：baseball cap 意思是“棒球帽”。
+
+【互动反馈】
+正确：无
+错误：Logi: That&#x27;s not my baseball cap.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">baseball cap</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">听力拖拽</span>
+        <span class="comp-cid">cId: 1221116</span>
+        <span class="comp-ctype">core_listening_drag</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-taskInfo','ve-16-taskInfo','ta-16-taskInfo','16','taskInfo')">
+          <span id="btn-sec-16-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-taskInfo" data-idx="16" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-title" class="ve-input ve-str" value="找回Logi的物品" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-16-taskInfo-sceneDesc" class="ve-input ve-str" value="Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;wear&quot;,
+        &quot;desc&quot;: &quot;v. 穿着&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;baseball cap&quot;,
+        &quot;desc&quot;: &quot;n. 棒球帽&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;glasses&quot;,
+        &quot;desc&quot;: &quot;n. 眼镜&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;shoe&quot;,
+        &quot;desc&quot;: &quot;n. 鞋子&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-resourceMapping" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-16-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">You joined the &quot;Find Logi&#x27;s Items&quot; mission, looked through 5 different item pictures and successfully picked out the 3 missing belongings that Logi had lost, helping him get all his precious stuff back. (你参与了“找回Logi的物品”任务，查看了5张不同的物品图片，成功选出了Logi丢失的3件失物，帮他拿回了所有珍贵的物品。)</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span></div>
+          <textarea id="ta-16-taskInfo" data-idx="16" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;title&quot;: &quot;找回Logi的物品&quot;,
+  &quot;sceneDesc&quot;: &quot;Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;wear&quot;,
+          &quot;desc&quot;: &quot;v. 穿着&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;baseball cap&quot;,
+          &quot;desc&quot;: &quot;n. 棒球帽&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;glasses&quot;,
+          &quot;desc&quot;: &quot;n. 眼镜&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;shoe&quot;,
+          &quot;desc&quot;: &quot;n. 鞋子&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658
+  },
+  &quot;cDesc&quot;: &quot;You joined the \&quot;Find Logi&#x27;s Items\&quot; mission, looked through 5 different item pictures and successfully picked out the 3 missing belongings that Logi had lost, helping him get all his precious stuff back. (你参与了“找回Logi的物品”任务，查看了5张不同的物品图片，成功选出了Logi丢失的3件失物，帮他拿回了所有珍贵的物品。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">preDialog</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-preDialog"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span></div>
+        <textarea id="ta-16-preDialog" data-idx="16" data-key="preDialog" class="json-textarea" rows="12" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Thank you for finding my things!&quot;
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Let me tell you what happened.&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">dialogList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-dialogList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span></div>
+        <textarea id="ta-16-dialogList" data-idx="16" data-key="dialogList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I lost my way in the woods.&quot;,
+      &quot;trans&quot;: &quot;我在树林里迷路了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses! &quot;,
+      &quot;trans&quot;: &quot;一只鸟叼走了我的眼镜！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;I cannot see clearly.&quot;,
+      &quot;trans&quot;: &quot;我看不清楚了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My shoe is in the mud.&quot;,
+      &quot;trans&quot;: &quot;我的鞋子陷在泥里了。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;Oh, where is my shoe? I can&#x27;t find it!&quot;,
+      &quot;trans&quot;: &quot;哦，我的鞋子在哪里？我找不到它了！&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;The wind blows. My baseball cap flies up, up, up. &quot;,
+      &quot;trans&quot;: &quot;刮风了。我的棒球帽飞啊飞，越飞越高。&quot;,
+      &quot;isPoint&quot;: false
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;My baseball cap is on the tree branch!&quot;,
+      &quot;trans&quot;: &quot;我的棒球帽挂在树枝上了！&quot;,
+      &quot;isPoint&quot;: false
+    }
+  ]
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">questionList</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-16-questionList"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span></div>
+        <textarea id="ta-16-questionList" data-idx="16" data-key="questionList" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;imageInfo&quot;: {
+      &quot;questionImg&quot;: &quot;1221116_question.png&quot;,
+      &quot;answerImg&quot;: &quot;1221116_answer.png&quot;
+    },
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;1221116_option_00.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_01.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_02.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_03.png&quot;
+      },
+      {
+        &quot;option&quot;: &quot;1221116_option_04.png&quot;
+      }
+    ],
+    &quot;answer&quot;: [
+      0,
+      1,
+      2
+    ],
+    &quot;answerType&quot;: &quot;&quot;
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-studyInfo','ve-16-studyInfo','ta-16-studyInfo','16','studyInfo')">
+          <span id="btn-sec-16-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-studyInfo" data-idx="16" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的 take 是“拿、取走”的意思，glasses 是“眼镜”的意思哦。&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;仔细听音频，哪一个句子和你听到的内容是一致的呢？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的重点短语 take glasses！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;A bird takes my hat.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;哎呀，这句话说的是拿走帽子（hat），不是眼镜哦，再仔细听听音频吧！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;extendQuestion&quot;: {
+          &quot;content&quot;: &quot;这句话的中文意思是“一只鸟叼走了我的帽子”，对吗？&quot;,
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;对 / Yes&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;句子里说的是glasses，不是帽子哦，再想想看~&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;错 / No&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;答对啦！你已经掌握了glasses是眼镜的意思，完整理解了这句话哦！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-16-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span></div>
+          <textarea id="ta-16-studyInfo" data-idx="16" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的 take 是“拿、取走”的意思，glasses 是“眼镜”的意思哦。&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;仔细听音频，哪一个句子和你听到的内容是一致的呢？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;A bird takes my glasses.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的重点短语 take glasses！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;A bird takes my hat.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;哎呀，这句话说的是拿走帽子（hat），不是眼镜哦，再仔细听听音频吧！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;A bird takes my glasses!&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;extendQuestion&quot;: {
+            &quot;content&quot;: &quot;这句话的中文意思是“一只鸟叼走了我的帽子”，对吗？&quot;,
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;对 / Yes&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;句子里说的是glasses，不是帽子哦，再想想看~&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;错 / No&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;答对啦！你已经掌握了glasses是眼镜的意思，完整理解了这句话哦！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            1
+          ]
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;content&quot;: &quot;很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="core_listening_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221116" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;wear&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;glasses&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;shoe&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_listening_drag&quot;,
+  &quot;cId&quot;: &quot;1221116&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;wear&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;baseball cap&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;glasses&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;shoe&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习过程配置</div>
+                      <pre class="intermediate-pre">```
+# 重点句子 1
+音频文本：A bird takes my glasses!
+讲解文本：刚刚听到的音频中，包含了一个关键短语 take glasses，意思是“拿走眼镜”。这里的 take 是“拿、取走”的意思，glasses 是“眼镜”的意思哦。
+1. 听音选句
+Brainy：仔细听音频，哪一个句子和你听到的内容是一致的呢？
+- A bird takes my glasses. [正确]
+  - Brainy：太厉害啦！你准确听出了句子里的重点短语 take glasses！
+- A bird takes my hat.
+  - Brainy：哎呀，这句话说的是拿走帽子（hat），不是眼镜哦，再仔细听听音频吧！
+
+2. 听音选意
+Brainy：这句话的中文意思是“一只鸟叼走了我的帽子”，对吗？
+- 对 / Yes
+  - Brainy：句子里说的是glasses，不是帽子哦，再想想看~
+- 错 / No [正确]
+  - Brainy：答对啦！你已经掌握了glasses是眼镜的意思，完整理解了这句话哦！
+---
+# 完成反馈
+Brainy：很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">You joined the &quot;Find Logi&#x27;s Items&quot; mission, looked through 5 different item pictures and successfully picked out the 3 missing belongings that Logi had lost, helping him get all his precious stuff back. (你参与了“找回Logi的物品”任务，查看了5张不同的物品图片，成功选出了Logi丢失的3件失物，帮他拿回了所有珍贵的物品。)</pre>
+                    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="25">导览配置
+【任务标题】
+找回Logi的物品
+
+【任务背景】
+Logi为什么弄丢了棒球帽，鞋子和眼镜？快来听听他在树林里的遭遇吧！
+
+【通关知识】
+单词：
+wear v. 穿着
+baseball cap n. 棒球帽
+glasses n. 眼镜
+shoe n. 鞋子
+
+互动配置
+【开场语】
+Logi: Thank you for finding my things!
+Logi: Let me tell you what happened.
+
+【听力文本】
+# 文本 1
+Logi: I lost my way in the woods.
+Logi: A bird takes my glasses! 
+Logi: I cannot see clearly.
+Logi: My shoe is in the mud.
+Logi: Oh, where is my shoe? I can&#x27;t find it!
+Logi: The wind blows. My baseball cap flies up, up, up. 
+Logi: My baseball cap is on the tree branch!
+
+
+【结束语】
+Logi: Now I can wear my baseball cap, glasses and shoes.
+Logi: Thank you, my friends!
+
+【题目信息】
+#多空选择
+选项图片编号：00,01,02,03,04
+答案图片编号：00,01,02
+
+【学习过程】
+句子 1
+A bird takes my glasses! 【glasses】
+
+句子 2
+My shoe is in the mud.【shoe】
+
+句子 4
+My baseball cap is on the tree branch!【baseball cap】</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="4">wear 
+baseball cap
+glasses
+shoe</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221101", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u68d2\u7403\u5e3d\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears a blue baseball cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $baseball cap$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1abaseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Look again. Is that a blue baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221101", "title": "\u9009\u62e9\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $baseball cap$."}, "imageInfo": {"questionImg": "1221101_question.png", "answerImg": "1221101_answer.png"}, "optionList": [{"option": "1221101_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears a blue baseball cap."}], "tip": "baseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Look again. Is that a blue baseball cap?"}, "postDialog": [], "cDesc": "You found Logi's baseball cap. (\u4f60\u627e\u5230\u4e86\u7f57\u5409\u7684\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221101", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221102", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u773c\u955c\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Logi wears glasses.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $glasses$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aglasses \u610f\u601d\u662f\u201c\u773c\u955c\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: Hmm... Those are not his glasses.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_image_choose", "cId": "1221102", "title": "\u9009\u62e9\u773c\u955c", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $glasses$."}, "imageInfo": {"questionImg": "1221102_question.png", "answerImg": "1221102_answer.png"}, "optionList": [{"option": "1221102_option_00.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Logi wears glasses."}], "tip": "glasses \u610f\u601d\u662f\u201c\u773c\u955c\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Hmm... Those are not his glasses."}, "postDialog": [], "cDesc": "You found Logi's glasses. (\u4f60\u627e\u5230\u4e86\u6d1b\u5409\u7684\u773c\u955c\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221102", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221103", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u978b\u5b50\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose Logi's $shoes$.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1ashoe \u610f\u601d\u662f\u201c\u978b\u5b50\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1aSally: Got it?\n\u9519\u8bef\uff1aSally: Are those white shoes?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nBen: Got it!", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_image_choose", "cId": "1221103", "title": "\u9009\u62e9\u978b\u5b50", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose Logi's $shoes$."}, "imageInfo": {"questionImg": "1221103_question.png", "answerImg": "1221103_answer.png"}, "optionList": [{"option": "1221103_option_00.png"}], "answer": [0], "preDialog": [], "tip": "shoe \u610f\u601d\u662f\u201c\u978b\u5b50\u201d\u3002", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Got it?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Are those white shoes?"}, "postDialog": [{"type": "npc", "npcName": "Ben", "content": "Got it!"}], "cDesc": "You found Logi's shoes correctly. (\u4f60\u627e\u5bf9\u4e86\u7f57\u5409\u7684\u978b\u5b50\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221103", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221104", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Hmm... No.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: He wears a blue cap.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "wear", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221104", "title": "\u8fa8\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "Hmm... No."}], "imgShowTimingList": ["preDialog", "content"], "img": "1221104.png", "question": {"type": "user", "content": "He wears a blue cap."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221104", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221105", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u786e\u8ba4\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nVicky: I found a blue hat!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Is it a baseball cap?\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221105", "title": "\u786e\u8ba4\u68d2\u7403\u5e3d", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Vicky", "content": "I found a blue hat!"}], "imgShowTimingList": ["preDialog", "content"], "img": "1221105.png", "question": {"type": "user", "content": "Is it a baseball cap?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221105", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221106", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u5e3d\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You're right. This is not Logi's cap.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aHe ___ a baseball cap.\n\u9009\u98791\uff1awears\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1abears\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: No bears here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "... wear(s)...", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221106", "title": "\u8fa8\u8ba4\u5e3d\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You're right. This is not Logi's cap."}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221106.png", "question": {"type": "user", "desc": "He ___ a baseball cap.", "content": "He wears a baseball cap."}, "optionGroupList": [{"optionList": [{"option": "wears", "needAudio": false}, {"option": "bears", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "No bears here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221106", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... wear(s)...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221107", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u5230\u68d2\u7403\u5e3d\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1abaseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Is that really a baseball cap?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221107", "title": "\u627e\u5230\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Find the $baseball cap$."}, "imageInfo": {"questionImg": "1221107_question.png", "answerImg": "1221107_answer.png"}, "optionList": [{"option": "1221107_option_00.png"}, {"option": "1221107_option_01.png"}, {"option": "1221107_option_02.png"}], "answer": [0], "preDialog": [], "tip": "baseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Is that really a baseball cap?"}, "postDialog": [], "cDesc": "You found the baseball cap correctly. (\u4f60\u6b63\u786e\u627e\u5230\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221107", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221108", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aLogi wears ___, not sunglasses.\n\u9009\u98791\uff1aglasses\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1agrass\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: Logi can't wear grass!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S8\u4e3b\u7ebf", "knowledge_text": "glasses", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221108", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221108.png", "question": {"type": "user", "desc": "Logi wears ___, not sunglasses.", "content": "Logi wears glasses, not sunglasses."}, "optionGroupList": [{"optionList": [{"option": "glasses", "needAudio": false}, {"option": "grass", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Logi can't wear grass!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221108", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221109", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: These are not his glasses.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221109", "title": "\u8fa8\u8ba4\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221109.png", "question": {"type": "user", "content": "These are not his glasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221109", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221110", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: A shoe!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nVicky: But Logi wears white shoes.", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221110", "title": "\u8fa8\u8ba4\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221110.png", "question": {"type": "user", "content": "A shoe!"}, "postDialog": [{"type": "npc", "npcName": "Vicky", "content": "But Logi wears white shoes."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221110", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221111", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8fa8\u8ba4\u767d\u978b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: You are right.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This is not a white shoe.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S11\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221111", "title": "\u8fa8\u8ba4\u767d\u978b", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "user", "content": "You are right."}], "imgShowTimingList": ["content"], "img": "1221111.png", "question": {"type": "user", "content": "This is not a white shoe."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221111", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221112", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u53d1\u73b0\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011Sally: What did you find?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his baseball cap.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Great news!\n\u9009\u98792\uff1aWe found his white hat.\n- \u53cd\u9988 Vicky: Wait, Are you sure?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221112", "title": "\u6c47\u62a5\u53d1\u73b0", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "What did you find?"}], "imgShowTimingList": ["content", "feedback"], "img": "1221112.png", "optionList": [{"option": "We found his baseball cap.", "needAudio": true}, {"option": "We found his white hat.", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great news!"}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "Wait, Are you sure?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221112", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221113", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u773c\u955c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nSally: Great news! And?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWe found his sunglasses.\n- \u53cd\u9988 Sally: Really? He doesn't have sunglasses.\n\u9009\u98792\uff1aWe found his glasses.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: Oh, I see.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "This is / These are not...", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221113", "title": "\u6c47\u62a5\u773c\u955c", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [{"type": "npc", "npcName": "Sally", "content": "Great news! And?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221113.png", "optionList": [{"option": "We found his sunglasses.", "needAudio": true}, {"option": "We found his glasses.", "needAudio": true}], "answer": [1], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Oh, I see."}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "Really? He doesn't have sunglasses."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221113", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "This is / These are not...", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221114", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6c47\u62a5\u978b\u5b50\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aAnd a brown shoe.\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Sally: A brown shoe?\n\u9009\u98792\uff1aAnd a white shoe.\n- \u53cd\u9988 Sally: That must be Logi's!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "shoe", "jsonData": {"cType": "mid_dialog_choose", "cId": "1221114", "title": "\u6c47\u62a5\u978b\u5b50", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221114.png", "optionList": [{"option": "And a brown shoe.", "needAudio": true}, {"option": "And a white shoe.", "needAudio": false}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Sally", "content": "A brown shoe?"}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "That must be Logi's!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1221114", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221115", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u51fa\u68d2\u7403\u5e3d\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Here you are!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aChoose the $baseball cap$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1abaseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: That's not my baseball cap.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "baseball cap", "jsonData": {"cType": "mid_image_choose", "cId": "1221115", "title": "\u9009\u51fa\u68d2\u7403\u5e3d", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "question": {"desc": "Choose the $baseball cap$."}, "imageInfo": {"questionImg": "1221115_question.png", "answerImg": "1221115_answer.png"}, "optionList": [{"option": "1221115_option_00.png"}, {"option": "1221115_option_01.png"}, {"option": "1221115_option_02.png"}], "answer": [0], "preDialog": [{"type": "user", "content": "Here you are!"}], "tip": "baseball cap \u610f\u601d\u662f\u201c\u68d2\u7403\u5e3d\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "That's not my baseball cap."}, "postDialog": [], "cDesc": "You found the baseball cap correctly. (\u4f60\u6b63\u786e\u627e\u5230\u4e86\u68d2\u7403\u5e3d\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221115", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221116", "cType": "core_listening_drag", "category": "core", "type_name": "\u542c\u529b\u62d6\u62fd", "status": "saved", "raw_config": "\u5bfc\u89c8\u914d\u7f6e\n\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u56deLogi\u7684\u7269\u54c1\n\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nLogi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01\n\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\n\u5355\u8bcd\uff1a\nwear v. \u7a7f\u7740\nbaseball cap n. \u68d2\u7403\u5e3d\nglasses n. \u773c\u955c\nshoe n. \u978b\u5b50\n\n\u4e92\u52a8\u914d\u7f6e\n\u3010\u5f00\u573a\u8bed\u3011\nLogi: Thank you for finding my things!\nLogi: Let me tell you what happened.\n\n\u3010\u542c\u529b\u6587\u672c\u3011\n# \u6587\u672c 1\nLogi: I lost my way in the woods.\nLogi: A bird takes my glasses! \nLogi: I cannot see clearly.\nLogi: My shoe is in the mud.\nLogi: Oh, where is my shoe? I can't find it!\nLogi: The wind blows. My baseball cap flies up, up, up. \nLogi: My baseball cap is on the tree branch!\n\n\n\u3010\u7ed3\u675f\u8bed\u3011\nLogi: Now I can wear my baseball cap, glasses and shoes.\nLogi: Thank you, my friends!\n\n\u3010\u9898\u76ee\u4fe1\u606f\u3011\n#\u591a\u7a7a\u9009\u62e9\n\u9009\u9879\u56fe\u7247\u7f16\u53f7\uff1a00,01,02,03,04\n\u7b54\u6848\u56fe\u7247\u7f16\u53f7\uff1a00,01,02\n\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u53e5\u5b50 1\nA bird takes my glasses! \u3010glasses\u3011\n\n\u53e5\u5b50 2\nMy shoe is in the mud.\u3010shoe\u3011\n\n\u53e5\u5b50 4\nMy baseball cap is on the tree branch!\u3010baseball cap\u3011", "config_info": "S17\u4e3b\u7ebf", "knowledge_text": "wear \nbaseball cap\nglasses\nshoe", "taskInfo": {"cType": "core_listening_drag", "cId": "1221116", "title": "\u627e\u56deLogi\u7684\u7269\u54c1", "sceneDesc": "Logi\u4e3a\u4ec0\u4e48\u5f04\u4e22\u4e86\u68d2\u7403\u5e3d\uff0c\u978b\u5b50\u548c\u773c\u955c\uff1f\u5feb\u6765\u542c\u542c\u4ed6\u5728\u6811\u6797\u91cc\u7684\u906d\u9047\u5427\uff01", "key": [{"desc": "", "keyList": [{"type": "default", "content": "wear", "desc": "v. \u7a7f\u7740"}, {"type": "default", "content": "baseball cap", "desc": "n. \u68d2\u7403\u5e3d"}, {"type": "default", "content": "glasses", "desc": "n. \u773c\u955c"}, {"type": "default", "content": "shoe", "desc": "n. \u978b\u5b50"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658}, "cDesc": "You joined the \"Find Logi's Items\" mission, looked through 5 different item pictures and successfully picked out the 3 missing belongings that Logi had lost, helping him get all his precious stuff back. (\u4f60\u53c2\u4e0e\u4e86\u201c\u627e\u56deLogi\u7684\u7269\u54c1\u201d\u4efb\u52a1\uff0c\u67e5\u770b\u4e865\u5f20\u4e0d\u540c\u7684\u7269\u54c1\u56fe\u7247\uff0c\u6210\u529f\u9009\u51fa\u4e86Logi\u4e22\u5931\u76843\u4ef6\u5931\u7269\uff0c\u5e2e\u4ed6\u62ff\u56de\u4e86\u6240\u6709\u73cd\u8d35\u7684\u7269\u54c1\u3002)"}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "A bird takes my glasses!", "learning": [{"question": {"content": "\u521a\u521a\u542c\u5230\u7684\u97f3\u9891\u4e2d\uff0c\u5305\u542b\u4e86\u4e00\u4e2a\u5173\u952e\u77ed\u8bed take glasses\uff0c\u610f\u601d\u662f\u201c\u62ff\u8d70\u773c\u955c\u201d\u3002\u8fd9\u91cc\u7684 take \u662f\u201c\u62ff\u3001\u53d6\u8d70\u201d\u7684\u610f\u601d\uff0cglasses \u662f\u201c\u773c\u955c\u201d\u7684\u610f\u601d\u54e6\u3002", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u4ed4\u7ec6\u542c\u97f3\u9891\uff0c\u54ea\u4e00\u4e2a\u53e5\u5b50\u548c\u4f60\u542c\u5230\u7684\u5185\u5bb9\u662f\u4e00\u81f4\u7684\u5462\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "A bird takes my glasses.", "feedback": {"type": "npc", "content": "\u592a\u5389\u5bb3\u5566\uff01\u4f60\u51c6\u786e\u542c\u51fa\u4e86\u53e5\u5b50\u91cc\u7684\u91cd\u70b9\u77ed\u8bed take glasses\uff01", "npcName": "Brainy"}}, {"option": "A bird takes my hat.", "feedback": {"type": "npc", "content": "\u54ce\u5440\uff0c\u8fd9\u53e5\u8bdd\u8bf4\u7684\u662f\u62ff\u8d70\u5e3d\u5b50\uff08hat\uff09\uff0c\u4e0d\u662f\u773c\u955c\u54e6\uff0c\u518d\u4ed4\u7ec6\u542c\u542c\u97f3\u9891\u5427\uff01", "npcName": "Brainy"}}], "answer": [0]}, {"question": {"content": "A bird takes my glasses!", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u8fd9\u53e5\u8bdd\u7684\u4e2d\u6587\u610f\u601d\u662f\u201c\u4e00\u53ea\u9e1f\u53fc\u8d70\u4e86\u6211\u7684\u5e3d\u5b50\u201d\uff0c\u5bf9\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "\u5bf9 / Yes", "feedback": {"type": "npc", "content": "\u53e5\u5b50\u91cc\u8bf4\u7684\u662fglasses\uff0c\u4e0d\u662f\u5e3d\u5b50\u54e6\uff0c\u518d\u60f3\u60f3\u770b~", "npcName": "Brainy"}}, {"option": "\u9519 / No", "feedback": {"type": "npc", "content": "\u7b54\u5bf9\u5566\uff01\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86glasses\u662f\u773c\u955c\u7684\u610f\u601d\uff0c\u5b8c\u6574\u7406\u89e3\u4e86\u8fd9\u53e5\u8bdd\u54e6\uff01", "npcName": "Brainy"}}], "answer": [1]}]}], "closing": {"type": "npc", "content": "\u5f88\u597d\uff01\u4f60\u5df2\u7ecf\u56de\u7b54\u5b8c\u4e86\u5168\u90e8\u95ee\u9898\uff0c\u76f8\u4fe1\u4f60\u5df2\u7ecf\u542c\u61c2\u4e86\u8fd9\u4e2a\u4efb\u52a1\u4e2d\u6240\u6709\u7684\u91cd\u70b9\u53e5\u5b50\u3002\u73b0\u5728\u8ba9\u6211\u4eec\u6765\u67e5\u770b\u7ed3\u679c\u5427!", "npcName": "Brainy"}}, "questionList": [{"imageInfo": {"questionImg": "1221116_question.png", "answerImg": "1221116_answer.png"}, "optionList": [{"option": "1221116_option_00.png"}, {"option": "1221116_option_01.png"}, {"option": "1221116_option_02.png"}, {"option": "1221116_option_03.png"}, {"option": "1221116_option_04.png"}], "answer": [0, 1, 2], "answerType": ""}], "preDialog": [{"type": "npc", "npcName": "Logi", "content": "Thank you for finding my things!"}, {"type": "npc", "npcName": "Logi", "content": "Let me tell you what happened."}], "dialogList": [[{"type": "npc", "npcName": "Logi", "content": "I lost my way in the woods.", "trans": "\u6211\u5728\u6811\u6797\u91cc\u8ff7\u8def\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "A bird takes my glasses! ", "trans": "\u4e00\u53ea\u9e1f\u53fc\u8d70\u4e86\u6211\u7684\u773c\u955c\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "I cannot see clearly.", "trans": "\u6211\u770b\u4e0d\u6e05\u695a\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My shoe is in the mud.", "trans": "\u6211\u7684\u978b\u5b50\u9677\u5728\u6ce5\u91cc\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "Oh, where is my shoe? I can't find it!", "trans": "\u54e6\uff0c\u6211\u7684\u978b\u5b50\u5728\u54ea\u91cc\uff1f\u6211\u627e\u4e0d\u5230\u5b83\u4e86\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "The wind blows. My baseball cap flies up, up, up. ", "trans": "\u522e\u98ce\u4e86\u3002\u6211\u7684\u68d2\u7403\u5e3d\u98de\u554a\u98de\uff0c\u8d8a\u98de\u8d8a\u9ad8\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "My baseball cap is on the tree branch!", "trans": "\u6211\u7684\u68d2\u7403\u5e3d\u6302\u5728\u6811\u679d\u4e0a\u4e86\uff01", "isPoint": false}]], "kpInfo": {"pushType": "relationKp", "cType": "core_listening_drag", "cId": "1221116", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "wear", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "baseball cap", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "glasses", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "shoe", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 12:45:26';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260608_174526.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260608_174526.html
new file mode 100644
index 0000000..494d746
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260608_174526.html	
@@ -0,0 +1,5249 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L2 运输小队 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L2 运输小队</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 17:45:26</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: O7RwwMei6iQCFlk6cHocDqGpn9b</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221201</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221201" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="发现船上有人" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;postDialog&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-img" class="ve-input ve-str" value="1221201.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;A ship. A very big ship.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;Someone is on the ship!&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="29" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221201&quot;,
+  &quot;title&quot;: &quot;发现船上有人&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;postDialog&quot;
+  ],
+  &quot;img&quot;: &quot;1221201.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;A ship. A very big ship.&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Vicky&quot;,
+      &quot;content&quot;: &quot;Someone is on the ship!&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221201" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;ship&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221201&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;ship&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="11">【任务标题】发现船上有人
+【资源配置】
+图片时机：互动内容 后置对话
+【情境引入】
+无
+
+【互动内容】
+User: A ship. A very big ship.（朗读）
+
+【后置对话】
+Vicky: Someone is on the ship!</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">ship</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221202</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221202" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="找到试卷上的叉" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $cross$ on the paper.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221202_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221202_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221202_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221202_option_01.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-tip" class="ve-input ve-str" value="cross 指试卷上的“红叉”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Hey! That&#x27;s my tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cDesc" class="ve-input ve-str" value="You found the cross on the test paper. (你找到了试卷上的红叉。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221202&quot;,
+  &quot;title&quot;: &quot;找到试卷上的叉&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $cross$ on the paper.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221202_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221202_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221202_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221202_option_01.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;cross 指试卷上的“红叉”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Hey! That&#x27;s my tick!&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the cross on the test paper. (你找到了试卷上的红叉。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="19">【任务标题】找到试卷上的叉
+
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $cross$ on the paper.
+选项：
+00
+01
+正确：00
+辅助信息：cross 指试卷上的“红叉”。
+
+【互动反馈】
+正确：无
+错误：Ben: Hey! That&#x27;s my tick!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221203</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221203" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="询问大船状况" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-img" class="ve-input ve-str" value="1221203.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;What&#x27;s wrong with the ___?&quot;,
+  &quot;content&quot;: &quot;What&#x27;s wrong with the ship?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;ship&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;sheep&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Rebecca&quot;,
+  &quot;content&quot;: &quot;A sheep? No, it&#x27;s my ship!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221203&quot;,
+  &quot;title&quot;: &quot;询问大船状况&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221203.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;What&#x27;s wrong with the ___?&quot;,
+    &quot;content&quot;: &quot;What&#x27;s wrong with the ship?&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;ship&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;sheep&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Rebecca&quot;,
+    &quot;content&quot;: &quot;A sheep? No, it&#x27;s my ship!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221203" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;ship&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221203&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;ship&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="17">【任务标题】询问大船状况
+【资源配置】
+图片时机：互动内容 互动反馈
+【情境引入】
+无
+
+【互动内容】
+题目：What&#x27;s wrong with the ___?
+选项1：ship（正确）
+选项2：sheep
+
+【互动反馈】
+正确：无
+错误：Rebecca: A sheep? No, it&#x27;s my ship!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">ship</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221204</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221204" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="建议换小船" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Maybe you need a small ship.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="19" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221204&quot;,
+  &quot;title&quot;: &quot;建议换小船&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Maybe you need a small ship.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221204" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;ship&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221204&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;ship&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="11">【任务标题】建议换小船
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+【互动内容】
+User: Maybe you need a small ship.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">ship</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221205</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221205" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="提醒小船太小" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-img" class="ve-input ve-str" value="1221205.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Rebecca, maybe the boat is too small.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="22" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221205&quot;,
+  &quot;title&quot;: &quot;提醒小船太小&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221205.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Rebecca, maybe the boat is too small.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221205" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;boat&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221205&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;boat&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="12">【任务标题】提醒小船太小
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+User: Rebecca, maybe the boat is too small.（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">boat</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221206</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221206" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="找出小船" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $boat$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221206_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221206_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221206_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221206_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221206_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-tip" class="ve-input ve-str" value="boat 指“小船“。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Vicky&quot;,
+  &quot;content&quot;: &quot;That doesn&#x27;t look like a boat.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cDesc" class="ve-input ve-str" value="You found the boat correctly. (你正确找到了小船。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221206&quot;,
+  &quot;title&quot;: &quot;找出小船&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $boat$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221206_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221206_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221206_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221206_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221206_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;boat 指“小船“。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Vicky&quot;,
+    &quot;content&quot;: &quot;That doesn&#x27;t look like a boat.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the boat correctly. (你正确找到了小船。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221206" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;boat&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221206&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;boat&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="19">【任务标题】找出小船
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $boat$.
+选项：
+00
+01
+02
+正确：00
+辅助信息：boat 指“小船“。
+
+【互动反馈】
+正确：无
+错误：Vicky: That doesn&#x27;t look like a boat.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">boat</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221207</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221207" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="船运不可行" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-img" class="ve-input ve-str" value="1221207.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;You can&#x27;t move it by boat!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="22" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221207&quot;,
+  &quot;title&quot;: &quot;船运不可行&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221207.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You can&#x27;t move it by boat!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221207" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;by+trans.&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221207&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;by+trans.&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="12">【任务标题】船运不可行
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+User: You can&#x27;t move it by boat!（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">by+trans.</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221208</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221208" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="找出直升机" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Find the $helicopter$.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221208_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221208_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221208_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221208_option_01.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221208_option_02.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-tip" class="ve-input ve-str" value="helicopter 指”直升机“。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Is that really a helicopter?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cDesc" class="ve-input ve-str" value="You found the helicopter in the picture. (你在图中找到了直升机。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221208&quot;,
+  &quot;title&quot;: &quot;找出直升机&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Find the $helicopter$.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221208_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221208_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221208_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221208_option_01.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221208_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;helicopter 指”直升机“。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Is that really a helicopter?&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You found the helicopter in the picture. (你在图中找到了直升机。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221208" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;helicopter&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221208&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;helicopter&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="19">【任务标题】找出直升机
+【情境引入】
+无
+
+【互动内容】
+题干：Find the $helicopter$.
+选项：
+00
+01
+02
+正确：00
+辅助信息：helicopter 指”直升机“。
+
+【互动反馈】
+正确：无
+错误：Ben: Is that really a helicopter?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">helicopter</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221209</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221209" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="认出叉号手势" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-img" class="ve-input ve-str" value="1221209.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;It&#x27;s a cross!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="22" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221209&quot;,
+  &quot;title&quot;: &quot;认出叉号手势&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221209.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;It&#x27;s a cross!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221209" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;cross&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221209&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;cross&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="12">【任务标题】认出叉号手势
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+User: It&#x27;s a cross!（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">cross</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221210</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221210" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="为Rebecca加油" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Yes, you can do it!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="19" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221210&quot;,
+  &quot;title&quot;: &quot;为Rebecca加油&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Yes, you can do it!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221210" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;You can do it.&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221210&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;You can do it.&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="14">【任务标题】为Rebecca加油
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Yes, you can do it!（朗读）
+
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">You can do it.</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221211</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">已保存</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1221211" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="描述运输方式" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-img" class="ve-input ve-str" value="1221211.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;She&#x27;s moving the box ___ helicopter.&quot;,
+  &quot;content&quot;: &quot;She&#x27;s moving the box by helicopter.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;by&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;on&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Ben&quot;,
+  &quot;content&quot;: &quot;Hmm... That&#x27;s not the right word.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221211&quot;,
+  &quot;title&quot;: &quot;描述运输方式&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221211.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;She&#x27;s moving the box ___ helicopter.&quot;,
+    &quot;content&quot;: &quot;She&#x27;s moving the box by helicopter.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;by&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;on&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;Hmm... That&#x27;s not the right word.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1221211" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;by+trans.&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221211&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;by+trans.&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="17">【任务标题】描述运输方式
+【资源配置】
+图片时机：互动内容 互动反馈
+【情境引入】
+无
+
+【互动内容】
+题目：She&#x27;s moving the box ___ helicopter.
+选项1：by（正确）
+选项2：on
+
+【互动反馈】
+正确：无
+错误：Ben: Hmm... That&#x27;s not the right word.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">by+trans.</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话选读</span>
+        <span class="comp-cid">cId: 1221212</span>
+        <span class="comp-ctype">mid_dialog_select</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221212" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="关心Rebecca" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I&#x27;m so sorry...&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;Will you have a big cross?&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Rebecca&quot;,
+      &quot;content&quot;: &quot;Yes... Never mind.&quot;
+    }
+  },
+  {
+    &quot;option&quot;: &quot;We all get a cross sometimes.&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Rebecca&quot;,
+      &quot;content&quot;: &quot;True. You are right.&quot;
+    }
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1221212&quot;,
+  &quot;title&quot;: &quot;关心Rebecca&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;I&#x27;m so sorry...&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;Will you have a big cross?&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Rebecca&quot;,
+        &quot;content&quot;: &quot;Yes... Never mind.&quot;
+      }
+    },
+    {
+      &quot;option&quot;: &quot;We all get a cross sometimes.&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Rebecca&quot;,
+        &quot;content&quot;: &quot;True. You are right.&quot;
+      }
+    }
+  ],
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_select" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221212" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;cross&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1221212&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;cross&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="17">【任务标题】关心Rebecca
+【资源配置】
+无
+
+【情境引入】
+User: I&#x27;m so sorry...
+
+【互动内容】
+要求：选择一个你想表达的态度
+选项：（音频）
+选项1：Will you have a big cross?
+- 反馈 Rebecca: Yes... Never mind.
+选项2: We all get a cross sometimes.
+- 反馈 Rebecca: True. You are right.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">cross</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">看图拼词</span>
+        <span class="comp-cid">cId: 1221213</span>
+        <span class="comp-ctype">core_writing_imgMakeWord</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-taskInfo','ve-13-taskInfo','ta-13-taskInfo','13','taskInfo')">
+          <span id="btn-sec-13-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-taskInfo" data-idx="13" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-taskInfo-cId" class="ve-input ve-str" value="1221213" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-taskInfo-cType" class="ve-input ve-str" value="core_writing_imgMakeWord" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-taskInfo-title" class="ve-input ve-str" value="向 Sally 演示搬箱子的过程" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-13-taskInfo-sceneDesc" class="ve-input ve-str" value="Rebecca 尝试多次，还是没能把箱子搬到岸上。看来她需要帮助。请向 Sally 演示搬箱子的过程，看看她有什么好办法！" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-13-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">Sally, let&#x27;s watch how to move the box together: there is a boat, a ship, a helicopter and a red cross on the box.（萨莉，咱们一起看看怎么搬这个箱子吧：箱子上有一艘小船、一艘大船、一架直升机和一个红色的十字标记哦。）</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-13-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;boat&quot;,
+        &quot;desc&quot;: &quot;n. 小船&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;ship&quot;,
+        &quot;desc&quot;: &quot;n. 船&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;helicopter&quot;,
+        &quot;desc&quot;: &quot;n. 直升机&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;cross&quot;,
+        &quot;desc&quot;: &quot;n. 十字，叉号&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-taskInfo-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span></div>
+          <textarea id="ta-13-taskInfo" data-idx="13" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cId&quot;: &quot;1221213&quot;,
+  &quot;cType&quot;: &quot;core_writing_imgMakeWord&quot;,
+  &quot;title&quot;: &quot;向 Sally 演示搬箱子的过程&quot;,
+  &quot;sceneDesc&quot;: &quot;Rebecca 尝试多次，还是没能把箱子搬到岸上。看来她需要帮助。请向 Sally 演示搬箱子的过程，看看她有什么好办法！&quot;,
+  &quot;cDesc&quot;: &quot;Sally, let&#x27;s watch how to move the box together: there is a boat, a ship, a helicopter and a red cross on the box.（萨莉，咱们一起看看怎么搬这个箱子吧：箱子上有一艘小船、一艘大船、一架直升机和一个红色的十字标记哦。）&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;boat&quot;,
+          &quot;desc&quot;: &quot;n. 小船&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;ship&quot;,
+          &quot;desc&quot;: &quot;n. 船&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;helicopter&quot;,
+          &quot;desc&quot;: &quot;n. 直升机&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;cross&quot;,
+          &quot;desc&quot;: &quot;n. 十字，叉号&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-studyInfo','ve-13-studyInfo','ta-13-studyInfo','13','studyInfo')">
+          <span id="btn-sec-13-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-studyInfo" data-idx="13" data-key="studyInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="learningPart">learningPart</td>
+              <td class="ve-val"><textarea id="vf-13-studyInfo-learningPart" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;boat&quot;,
+    &quot;image&quot;: &quot;1221213_question_00.png&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;如图所示，首先要帮 Sally 演示搬箱子会用到的交通工具是\&quot;小船\&quot;，\&quot;小船\&quot;的英文是\&quot;boat\&quot;。先来抄写一下这个词吧！&quot;,
+          &quot;desc&quot;: &quot;boat&quot;,
+          &quot;answerText&quot;: &quot;boat&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;b&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;a&quot;
+          },
+          {
+            &quot;option&quot;: &quot;t&quot;
+          }
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;很好。接下来，记一下\&quot;boat\&quot;的拼写，是\&quot;b-o-a-t\&quot;。然后看着图片，试试听写出\&quot;小船\&quot;这个词吧！&quot;,
+          &quot;desc&quot;: &quot;(4)&quot;,
+          &quot;answerText&quot;: &quot;boat&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;b&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;a&quot;
+          },
+          {
+            &quot;option&quot;: &quot;t&quot;
+          }
+        ],
+        &quot;feedback&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;没错！\&quot;小船\&quot;对应的英文词汇是\&quot;boat\&quot;，你的拼写完全正确！&quot;
+        }
+      }
+    ]
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;ship&quot;,
+    &quot;image&quot;: &quot;1221213_question_01.png&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是\&quot;船\&quot;，\&quot;船\&quot;的英文是\&quot;ship\&quot;。先来抄写一下这个词吧！&quot;,
+          &quot;desc&quot;: &quot;ship&quot;,
+          &quot;answerText&quot;: &quot;ship&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;s&quot;
+          },
+          {
+            &quot;option&quot;: &quot;h&quot;
+          },
+          {
+            &quot;option&quot;: &quot;i&quot;
+          },
+          {
+            &quot;option&quot;: &quot;p&quot;
+          }
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;很好。接下来，记一下\&quot;ship\&quot;的拼写，是\&quot;s-h-i-p\&quot;。然后看着图片，试试听写出\&quot;船\&quot;这个词吧！&quot;,
+          &quot;desc&quot;: &quot;(4)&quot;,
+          &quot;answerText&quot;: &quot;ship&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;s&quot;
+          },
+          {
+            &quot;option&quot;: &quot;h&quot;
+          },
+          {
+            &quot;option&quot;: &quot;i&quot;
+          },
+          {
+            &quot;option&quot;: &quot;p&quot;
+          }
+        ],
+        &quot;feedback&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;没错！\&quot;船\&quot;对应的英文词汇是\&quot;ship\&quot;，你的拼写完全正确！&quot;
+        }
+      }
+    ]
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;helicopter&quot;,
+    &quot;image&quot;: &quot;1221213_question_02.png&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是\&quot;直升机\&quot;，\&quot;直升机\&quot;的英文是\&quot;helicopter\&quot;。先来抄写一下这个词吧！&quot;,
+          &quot;desc&quot;: &quot;helicopter&quot;,
+          &quot;answerText&quot;: &quot;helicopter&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;h&quot;
+          },
+          {
+            &quot;option&quot;: &quot;e&quot;
+          },
+          {
+            &quot;option&quot;: &quot;l&quot;
+          },
+          {
+            &quot;option&quot;: &quot;i&quot;
+          },
+          {
+            &quot;option&quot;: &quot;c&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;p&quot;
+          },
+          {
+            &quot;option&quot;: &quot;t&quot;
+          },
+          {
+            &quot;option&quot;: &quot;e&quot;
+          },
+          {
+            &quot;option&quot;: &quot;r&quot;
+          }
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;很好。接下来，记一下\&quot;helicopter\&quot;的拼写，是\&quot;h-e-l-i-c-o-p-t-e-r\&quot;。然后看着图片，试试听写出\&quot;直升机\&quot;这个词吧！&quot;,
+          &quot;desc&quot;: &quot;(10)&quot;,
+          &quot;answerText&quot;: &quot;helicopter&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;h&quot;
+          },
+          {
+            &quot;option&quot;: &quot;e&quot;
+          },
+          {
+            &quot;option&quot;: &quot;l&quot;
+          },
+          {
+            &quot;option&quot;: &quot;i&quot;
+          },
+          {
+            &quot;option&quot;: &quot;c&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;p&quot;
+          },
+          {
+            &quot;option&quot;: &quot;t&quot;
+          },
+          {
+            &quot;option&quot;: &quot;e&quot;
+          },
+          {
+            &quot;option&quot;: &quot;r&quot;
+          }
+        ],
+        &quot;feedback&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;没错！\&quot;直升机\&quot;对应的英文词汇是\&quot;helicopter\&quot;，你的拼写完全正确！&quot;
+        }
+      }
+    ]
+  },
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;cross&quot;,
+    &quot;image&quot;: &quot;1221213_question_03.png&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;如图所示，最后要帮 Sally 演示搬箱子时标记错误操作的符号是\&quot;十字，叉号\&quot;，\&quot;十字，叉号\&quot;的英文是\&quot;cross\&quot;。先来抄写一下这个词吧！&quot;,
+          &quot;desc&quot;: &quot;cross&quot;,
+          &quot;answerText&quot;: &quot;cross&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;c&quot;
+          },
+          {
+            &quot;option&quot;: &quot;r&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;s&quot;
+          },
+          {
+            &quot;option&quot;: &quot;s&quot;
+          }
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;很好。接下来，记一下\&quot;cross\&quot;的拼写，是\&quot;c-r-o-s-s\&quot;。然后看着图片，试试听写出\&quot;十字，叉号\&quot;这个词吧！&quot;,
+          &quot;desc&quot;: &quot;(5)&quot;,
+          &quot;answerText&quot;: &quot;cross&quot;
+        },
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;c&quot;
+          },
+          {
+            &quot;option&quot;: &quot;r&quot;
+          },
+          {
+            &quot;option&quot;: &quot;o&quot;
+          },
+          {
+            &quot;option&quot;: &quot;s&quot;
+          },
+          {
+            &quot;option&quot;: &quot;s&quot;
+          }
+        ],
+        &quot;feedback&quot;: {
+          &quot;type&quot;: &quot;npc&quot;,
+          &quot;npcName&quot;: &quot;Brainy&quot;,
+          &quot;content&quot;: &quot;没错！\&quot;十字，叉号\&quot;对应的英文词汇是\&quot;cross\&quot;，你的拼写完全正确！&quot;
+        }
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="closing">closing</td>
+              <td class="ve-val"><textarea id="vf-13-studyInfo-closing" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Brainy&quot;,
+  &quot;content&quot;: &quot;太棒了！你复习了所有的关键知识点，拼对了每一个词，相信下一次你一定可以做得更好！&quot;
+}</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-studyInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span><span>63</span><span>64</span><span>65</span><span>66</span><span>67</span><span>68</span><span>69</span><span>70</span><span>71</span><span>72</span><span>73</span><span>74</span><span>75</span><span>76</span><span>77</span><span>78</span><span>79</span><span>80</span><span>81</span><span>82</span><span>83</span><span>84</span><span>85</span><span>86</span><span>87</span><span>88</span><span>89</span><span>90</span><span>91</span><span>92</span><span>93</span><span>94</span><span>95</span><span>96</span><span>97</span><span>98</span><span>99</span><span>100</span><span>101</span><span>102</span><span>103</span><span>104</span><span>105</span><span>106</span><span>107</span><span>108</span><span>109</span><span>110</span><span>111</span><span>112</span><span>113</span><span>114</span><span>115</span><span>116</span><span>117</span><span>118</span><span>119</span><span>120</span><span>121</span><span>122</span><span>123</span><span>124</span><span>125</span><span>126</span><span>127</span><span>128</span><span>129</span><span>130</span><span>131</span><span>132</span><span>133</span><span>134</span><span>135</span><span>136</span><span>137</span><span>138</span><span>139</span><span>140</span><span>141</span><span>142</span><span>143</span><span>144</span><span>145</span><span>146</span><span>147</span><span>148</span><span>149</span><span>150</span><span>151</span><span>152</span><span>153</span><span>154</span><span>155</span><span>156</span><span>157</span><span>158</span><span>159</span><span>160</span><span>161</span><span>162</span><span>163</span><span>164</span><span>165</span><span>166</span><span>167</span><span>168</span><span>169</span><span>170</span><span>171</span><span>172</span><span>173</span><span>174</span><span>175</span><span>176</span><span>177</span><span>178</span><span>179</span><span>180</span><span>181</span><span>182</span><span>183</span><span>184</span><span>185</span><span>186</span><span>187</span><span>188</span><span>189</span><span>190</span><span>191</span><span>192</span><span>193</span><span>194</span><span>195</span><span>196</span><span>197</span><span>198</span><span>199</span><span>200</span><span>201</span><span>202</span><span>203</span><span>204</span><span>205</span><span>206</span><span>207</span><span>208</span><span>209</span><span>210</span><span>211</span><span>212</span><span>213</span><span>214</span><span>215</span><span>216</span><span>217</span><span>218</span><span>219</span><span>220</span><span>221</span><span>222</span><span>223</span><span>224</span><span>225</span><span>226</span><span>227</span><span>228</span><span>229</span><span>230</span><span>231</span><span>232</span><span>233</span><span>234</span><span>235</span><span>236</span><span>237</span><span>238</span><span>239</span><span>240</span><span>241</span><span>242</span><span>243</span><span>244</span><span>245</span><span>246</span><span>247</span><span>248</span><span>249</span><span>250</span><span>251</span><span>252</span><span>253</span><span>254</span><span>255</span><span>256</span><span>257</span><span>258</span><span>259</span><span>260</span><span>261</span><span>262</span><span>263</span><span>264</span><span>265</span><span>266</span><span>267</span><span>268</span><span>269</span><span>270</span><span>271</span><span>272</span><span>273</span><span>274</span><span>275</span><span>276</span><span>277</span><span>278</span><span>279</span><span>280</span><span>281</span><span>282</span><span>283</span><span>284</span><span>285</span><span>286</span><span>287</span></div>
+          <textarea id="ta-13-studyInfo" data-idx="13" data-key="studyInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;learningPart&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;boat&quot;,
+      &quot;image&quot;: &quot;1221213_question_00.png&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;如图所示，首先要帮 Sally 演示搬箱子会用到的交通工具是\&quot;小船\&quot;，\&quot;小船\&quot;的英文是\&quot;boat\&quot;。先来抄写一下这个词吧！&quot;,
+            &quot;desc&quot;: &quot;boat&quot;,
+            &quot;answerText&quot;: &quot;boat&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;b&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;a&quot;
+            },
+            {
+              &quot;option&quot;: &quot;t&quot;
+            }
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;很好。接下来，记一下\&quot;boat\&quot;的拼写，是\&quot;b-o-a-t\&quot;。然后看着图片，试试听写出\&quot;小船\&quot;这个词吧！&quot;,
+            &quot;desc&quot;: &quot;(4)&quot;,
+            &quot;answerText&quot;: &quot;boat&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;b&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;a&quot;
+            },
+            {
+              &quot;option&quot;: &quot;t&quot;
+            }
+          ],
+          &quot;feedback&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;没错！\&quot;小船\&quot;对应的英文词汇是\&quot;boat\&quot;，你的拼写完全正确！&quot;
+          }
+        }
+      ]
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;ship&quot;,
+      &quot;image&quot;: &quot;1221213_question_01.png&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是\&quot;船\&quot;，\&quot;船\&quot;的英文是\&quot;ship\&quot;。先来抄写一下这个词吧！&quot;,
+            &quot;desc&quot;: &quot;ship&quot;,
+            &quot;answerText&quot;: &quot;ship&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;s&quot;
+            },
+            {
+              &quot;option&quot;: &quot;h&quot;
+            },
+            {
+              &quot;option&quot;: &quot;i&quot;
+            },
+            {
+              &quot;option&quot;: &quot;p&quot;
+            }
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;很好。接下来，记一下\&quot;ship\&quot;的拼写，是\&quot;s-h-i-p\&quot;。然后看着图片，试试听写出\&quot;船\&quot;这个词吧！&quot;,
+            &quot;desc&quot;: &quot;(4)&quot;,
+            &quot;answerText&quot;: &quot;ship&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;s&quot;
+            },
+            {
+              &quot;option&quot;: &quot;h&quot;
+            },
+            {
+              &quot;option&quot;: &quot;i&quot;
+            },
+            {
+              &quot;option&quot;: &quot;p&quot;
+            }
+          ],
+          &quot;feedback&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;没错！\&quot;船\&quot;对应的英文词汇是\&quot;ship\&quot;，你的拼写完全正确！&quot;
+          }
+        }
+      ]
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;helicopter&quot;,
+      &quot;image&quot;: &quot;1221213_question_02.png&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是\&quot;直升机\&quot;，\&quot;直升机\&quot;的英文是\&quot;helicopter\&quot;。先来抄写一下这个词吧！&quot;,
+            &quot;desc&quot;: &quot;helicopter&quot;,
+            &quot;answerText&quot;: &quot;helicopter&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;h&quot;
+            },
+            {
+              &quot;option&quot;: &quot;e&quot;
+            },
+            {
+              &quot;option&quot;: &quot;l&quot;
+            },
+            {
+              &quot;option&quot;: &quot;i&quot;
+            },
+            {
+              &quot;option&quot;: &quot;c&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;p&quot;
+            },
+            {
+              &quot;option&quot;: &quot;t&quot;
+            },
+            {
+              &quot;option&quot;: &quot;e&quot;
+            },
+            {
+              &quot;option&quot;: &quot;r&quot;
+            }
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;很好。接下来，记一下\&quot;helicopter\&quot;的拼写，是\&quot;h-e-l-i-c-o-p-t-e-r\&quot;。然后看着图片，试试听写出\&quot;直升机\&quot;这个词吧！&quot;,
+            &quot;desc&quot;: &quot;(10)&quot;,
+            &quot;answerText&quot;: &quot;helicopter&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;h&quot;
+            },
+            {
+              &quot;option&quot;: &quot;e&quot;
+            },
+            {
+              &quot;option&quot;: &quot;l&quot;
+            },
+            {
+              &quot;option&quot;: &quot;i&quot;
+            },
+            {
+              &quot;option&quot;: &quot;c&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;p&quot;
+            },
+            {
+              &quot;option&quot;: &quot;t&quot;
+            },
+            {
+              &quot;option&quot;: &quot;e&quot;
+            },
+            {
+              &quot;option&quot;: &quot;r&quot;
+            }
+          ],
+          &quot;feedback&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;没错！\&quot;直升机\&quot;对应的英文词汇是\&quot;helicopter\&quot;，你的拼写完全正确！&quot;
+          }
+        }
+      ]
+    },
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Brainy&quot;,
+      &quot;content&quot;: &quot;cross&quot;,
+      &quot;image&quot;: &quot;1221213_question_03.png&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;如图所示，最后要帮 Sally 演示搬箱子时标记错误操作的符号是\&quot;十字，叉号\&quot;，\&quot;十字，叉号\&quot;的英文是\&quot;cross\&quot;。先来抄写一下这个词吧！&quot;,
+            &quot;desc&quot;: &quot;cross&quot;,
+            &quot;answerText&quot;: &quot;cross&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;c&quot;
+            },
+            {
+              &quot;option&quot;: &quot;r&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;s&quot;
+            },
+            {
+              &quot;option&quot;: &quot;s&quot;
+            }
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;很好。接下来，记一下\&quot;cross\&quot;的拼写，是\&quot;c-r-o-s-s\&quot;。然后看着图片，试试听写出\&quot;十字，叉号\&quot;这个词吧！&quot;,
+            &quot;desc&quot;: &quot;(5)&quot;,
+            &quot;answerText&quot;: &quot;cross&quot;
+          },
+          &quot;optionList&quot;: [
+            {
+              &quot;option&quot;: &quot;c&quot;
+            },
+            {
+              &quot;option&quot;: &quot;r&quot;
+            },
+            {
+              &quot;option&quot;: &quot;o&quot;
+            },
+            {
+              &quot;option&quot;: &quot;s&quot;
+            },
+            {
+              &quot;option&quot;: &quot;s&quot;
+            }
+          ],
+          &quot;feedback&quot;: {
+            &quot;type&quot;: &quot;npc&quot;,
+            &quot;npcName&quot;: &quot;Brainy&quot;,
+            &quot;content&quot;: &quot;没错！\&quot;十字，叉号\&quot;对应的英文词汇是\&quot;cross\&quot;，你的拼写完全正确！&quot;
+          }
+        }
+      ]
+    }
+  ],
+  &quot;closing&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Brainy&quot;,
+    &quot;content&quot;: &quot;太棒了！你复习了所有的关键知识点，拼对了每一个词，相信下一次你一定可以做得更好！&quot;
+  }
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-studyInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-imageInfo">
+      <div class="json-section-label">
+        imageInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-imageInfo','ve-13-imageInfo','ta-13-imageInfo','13','imageInfo')">
+          <span id="btn-sec-13-imageInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-imageInfo" data-idx="13" data-key="imageInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="questionImg">questionImg</td>
+              <td class="ve-val"><input type="text" id="vf-13-imageInfo-questionImg" class="ve-input ve-str" value="1221213_question.png" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-imageInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-imageInfo"><span>1</span><span>2</span><span>3</span></div>
+          <textarea id="ta-13-imageInfo" data-idx="13" data-key="imageInfo" class="json-textarea" rows="5" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;questionImg&quot;: &quot;1221213_question.png&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-imageInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">```
+# 小题 1
+## 互动题目
+1. 抄写题
+Brainy：如图所示，首先要帮 Sally 演示搬箱子会用到的交通工具是&quot;小船&quot;，&quot;小船&quot;的英文是&quot;boat&quot;。先来抄写一下这个词吧！
+
+2. 听写题
+Brainy：很好。接下来，记一下&quot;boat&quot;的拼写，是&quot;b-o-a-t&quot;。然后看着图片，试试听写出&quot;小船&quot;这个词吧！
+
+Brainy：没错！&quot;小船&quot;对应的英文词汇是&quot;boat&quot;，你的拼写完全正确！
+
+# 小题 2
+## 互动题目
+1. 抄写题
+Brainy：如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是&quot;船&quot;，&quot;船&quot;的英文是&quot;ship&quot;。先来抄写一下这个词吧！
+
+2. 听写题
+Brainy：很好。接下来，记一下&quot;ship&quot;的拼写，是&quot;s-h-i-p&quot;。然后看着图片，试试听写出&quot;船&quot;这个词吧！
+
+Brainy：没错！&quot;船&quot;对应的英文词汇是&quot;ship&quot;，你的拼写完全正确！
+
+# 小题 3
+## 互动题目
+1. 抄写题
+Brainy：如图所示，接着要帮 Sally 演示搬箱子会用到的交通工具是&quot;直升机&quot;，&quot;直升机&quot;的英文是&quot;helicopter&quot;。先来抄写一下这个词吧！
+
+2. 听写题
+Brainy：很好。接下来，记一下&quot;helicopter&quot;的拼写，是&quot;h-e-l-i-c-o-p-t-e-r&quot;。然后看着图片，试试听写出&quot;直升机&quot;这个词吧！
+
+Brainy：没错！&quot;直升机&quot;对应的英文词汇是&quot;helicopter&quot;，你的拼写完全正确！
+
+# 小题 4
+## 互动题目
+1. 抄写题
+Brainy：如图所示，最后要帮 Sally 演示搬箱子时标记错误操作的符号是&quot;十字，叉号&quot;，&quot;十字，叉号&quot;的英文是&quot;cross&quot;。先来抄写一下这个词吧！
+
+2. 听写题
+Brainy：很好。接下来，记一下&quot;cross&quot;的拼写，是&quot;c-r-o-s-s&quot;。然后看着图片，试试听写出&quot;十字，叉号&quot;这个词吧！
+
+Brainy：没错！&quot;十字，叉号&quot;对应的英文词汇是&quot;cross&quot;，你的拼写完全正确！
+
+# 完结反馈
+Brainy：太棒了！你复习了所有的关键知识点，拼对了每一个词，相信下一次你一定可以做得更好！
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">Sally, let&#x27;s watch how to move the box together: there is a boat, a ship, a helicopter and a red cross on the box.（萨莉，咱们一起看看怎么搬这个箱子吧：箱子上有一艘小船、一艘大船、一架直升机和一个红色的十字标记哦。）</pre>
+                    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="11">【任务标题】
+向 Sally 演示搬箱子的过程
+【任务背景】
+Rebecca 尝试多次，还是没能把箱子搬到岸上。看来她需要帮助。请向 Sally 演示搬箱子的过程，看看她有什么好办法！
+【任务描述】
+观察图片内容，将单词拼写到对应的空白处。
+【通关知识】
+boat n. 小船
+ship n. 船
+helicopter n. 直升机
+cross n. 十字，叉号</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3"></textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221214</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-jsonData','ve-14-jsonData','ta-14-jsonData','14','jsonData')">
+          <span id="btn-sec-14-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-jsonData" data-idx="14" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-cId" class="ve-input ve-str" value="1221214" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-title" class="ve-input ve-str" value="提议画叉号" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-14-jsonData-img" class="ve-input ve-str" value="1221214.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;We can paint a big ___!&quot;,
+  &quot;content&quot;: &quot;We can paint a big cross!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;cross&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;clock&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;A clock? Any better ideas?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-14-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-14-jsonData" data-idx="14" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221214&quot;,
+  &quot;title&quot;: &quot;提议画叉号&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221214.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;We can paint a big ___!&quot;,
+    &quot;content&quot;: &quot;We can paint a big cross!&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;cross&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;clock&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;A clock? Any better ideas?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221214" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;cross&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221214&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;cross&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="17">【任务标题】提议画叉号
+【资源配置】
+图片时机：互动内容 互动反馈
+【情境引入】
+无
+
+【互动内容】
+题目：We can paint a big ___!
+选项1：cross（正确）
+选项2：clock
+
+【互动反馈】
+正确：无
+错误：Sally: A clock? Any better ideas?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">cross</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">图片拖拽</span>
+        <span class="comp-cid">cId: 1221215</span>
+        <span class="comp-ctype">mid_image_drag</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_image_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221215" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="拖拽正确标记" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Drag the $cross$ to the landing spot.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221215_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221215_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221215_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221215_option_01.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="cross 指“十字，叉号”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Logi&quot;,
+  &quot;content&quot;: &quot;That&#x27;s not a cross.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cDesc" class="ve-input ve-str" value="You drag the cross to the landing spot. (你把十字标记拖到着陆点。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_drag&quot;,
+  &quot;cId&quot;: &quot;1221215&quot;,
+  &quot;title&quot;: &quot;拖拽正确标记&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Drag the $cross$ to the landing spot.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221215_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221215_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221215_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221215_option_01.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;cross 指“十字，叉号”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not a cross.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You drag the cross to the landing spot. (你把十字标记拖到着陆点。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_image_drag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221215" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;cross&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_drag&quot;,
+  &quot;cId&quot;: &quot;1221215&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;cross&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="18">【任务标题】拖拽正确标记
+【情境引入】
+无
+
+【互动内容】
+题干：Drag the $cross$ to the landing spot.
+选项：
+00
+01
+正确：00
+辅助信息：cross 指“十字，叉号”。
+
+【互动反馈】
+正确：无
+错误：Logi: That&#x27;s not a cross.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">cross</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="comp-type">对话表达</span>
+        <span class="comp-cid">cId: 1221216</span>
+        <span class="comp-ctype">mid_dialog_express</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-jsonData','ve-16-jsonData','ta-16-jsonData','16','jsonData')">
+          <span id="btn-sec-16-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-jsonData" data-idx="16" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cType" class="ve-input ve-str" value="mid_dialog_express" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cId" class="ve-input ve-str" value="1221216" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-title" class="ve-input ve-str" value="祝贺 Rebecca" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="asrPrompt">asrPrompt</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-asrPrompt" class="ve-input ve-str" value="Rebecca,You can do it" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-resourceMapping" class="ve-input ve-complex" rows="7" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Logi&quot;: 767,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Rebecca&quot;: 294
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;We always believe you.&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-tip" class="ve-input ve-str" value="可以用&quot;You can do it!&quot;来表达对别人的鼓励。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Rebecca&quot;,
+  &quot;content&quot;: &quot;Sorry, what did you say?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉 Rebecca：你一定行！&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="example">example</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-example" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;You can do it!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span></div>
+          <textarea id="ta-16-jsonData" data-idx="16" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_express&quot;,
+  &quot;cId&quot;: &quot;1221216&quot;,
+  &quot;title&quot;: &quot;祝贺 Rebecca&quot;,
+  &quot;asrPrompt&quot;: &quot;Rebecca,You can do it&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Logi&quot;: 767,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Rebecca&quot;: 294
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;We always believe you.&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;tip&quot;: &quot;可以用\&quot;You can do it!\&quot;来表达对别人的鼓励。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Rebecca&quot;,
+    &quot;content&quot;: &quot;Sorry, what did you say?&quot;
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉 Rebecca：你一定行！&quot;
+  },
+  &quot;example&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;You can do it!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_express" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221216" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;You can do it.&quot;,
+    &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;语义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_express&quot;,
+  &quot;cId&quot;: &quot;1221216&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;You can do it.&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;语义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="18">【任务标题】祝贺 Rebecca
+【资源配置】
+无
+
+【情境引入】
+User: We always believe you.
+
+【互动内容】
+表达：告诉 Rebecca：你一定行！
+示例回答：User: You can do it!
+辅助信息：可以用&quot;You can do it!&quot;来表达对别人的鼓励。
+
+【互动反馈】
+正确：无
+错误：Rebecca: Sorry, what did you say?
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="3">You can do it.</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221201", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u53d1\u73b0\u8239\u4e0a\u6709\u4eba\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u540e\u7f6e\u5bf9\u8bdd\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: A ship. A very big ship.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nVicky: Someone is on the ship!", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "ship", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221201", "title": "\u53d1\u73b0\u8239\u4e0a\u6709\u4eba", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content", "postDialog"], "img": "1221201.png", "question": {"type": "user", "content": "A ship. A very big ship."}, "postDialog": [{"type": "npc", "npcName": "Vicky", "content": "Someone is on the ship!"}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221201", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221202", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u5230\u8bd5\u5377\u4e0a\u7684\u53c9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $cross$ on the paper.\n\u9009\u9879\uff1a\n00\n01\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1across \u6307\u8bd5\u5377\u4e0a\u7684\u201c\u7ea2\u53c9\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Hey! That's my tick!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "", "jsonData": {"cType": "mid_image_choose", "cId": "1221202", "title": "\u627e\u5230\u8bd5\u5377\u4e0a\u7684\u53c9", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Find the $cross$ on the paper."}, "imageInfo": {"questionImg": "1221202_question.png", "answerImg": "1221202_answer.png"}, "optionList": [{"option": "1221202_option_00.png"}, {"option": "1221202_option_01.png"}], "answer": [0], "preDialog": [], "tip": "cross \u6307\u8bd5\u5377\u4e0a\u7684\u201c\u7ea2\u53c9\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Hey! That's my tick!"}, "postDialog": [], "cDesc": "You found the cross on the test paper. (\u4f60\u627e\u5230\u4e86\u8bd5\u5377\u4e0a\u7684\u7ea2\u53c9\u3002)"}}, {"cId": "1221203", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8be2\u95ee\u5927\u8239\u72b6\u51b5\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aWhat's wrong with the ___?\n\u9009\u98791\uff1aship\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1asheep\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aRebecca: A sheep? No, it's my ship!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "ship", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221203", "title": "\u8be2\u95ee\u5927\u8239\u72b6\u51b5", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221203.png", "question": {"type": "user", "desc": "What's wrong with the ___?", "content": "What's wrong with the ship?"}, "optionGroupList": [{"optionList": [{"option": "ship", "needAudio": false}, {"option": "sheep", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Rebecca", "content": "A sheep? No, it's my ship!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221203", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221204", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5efa\u8bae\u6362\u5c0f\u8239\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Maybe you need a small ship.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "ship", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221204", "title": "\u5efa\u8bae\u6362\u5c0f\u8239", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Maybe you need a small ship."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221204", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221205", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u63d0\u9192\u5c0f\u8239\u592a\u5c0f\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Rebecca, maybe the boat is too small.\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "boat", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221205", "title": "\u63d0\u9192\u5c0f\u8239\u592a\u5c0f", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221205.png", "question": {"type": "user", "content": "Rebecca, maybe the boat is too small."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221205", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "boat", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221206", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u51fa\u5c0f\u8239\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $boat$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aboat \u6307\u201c\u5c0f\u8239\u201c\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aVicky: That doesn't look like a boat.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "boat", "jsonData": {"cType": "mid_image_choose", "cId": "1221206", "title": "\u627e\u51fa\u5c0f\u8239", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Find the $boat$."}, "imageInfo": {"questionImg": "1221206_question.png", "answerImg": "1221206_answer.png"}, "optionList": [{"option": "1221206_option_00.png"}, {"option": "1221206_option_01.png"}, {"option": "1221206_option_02.png"}], "answer": [0], "preDialog": [], "tip": "boat \u6307\u201c\u5c0f\u8239\u201c\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Vicky", "content": "That doesn't look like a boat."}, "postDialog": [], "cDesc": "You found the boat correctly. (\u4f60\u6b63\u786e\u627e\u5230\u4e86\u5c0f\u8239\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221206", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "boat", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221207", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8239\u8fd0\u4e0d\u53ef\u884c\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: You can't move it by boat!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "by+trans.", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221207", "title": "\u8239\u8fd0\u4e0d\u53ef\u884c", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221207.png", "question": {"type": "user", "content": "You can't move it by boat!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221207", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "by+trans.", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221208", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u51fa\u76f4\u5347\u673a\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aFind the $helicopter$.\n\u9009\u9879\uff1a\n00\n01\n02\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1ahelicopter \u6307\u201d\u76f4\u5347\u673a\u201c\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Is that really a helicopter?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "helicopter", "jsonData": {"cType": "mid_image_choose", "cId": "1221208", "title": "\u627e\u51fa\u76f4\u5347\u673a", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Find the $helicopter$."}, "imageInfo": {"questionImg": "1221208_question.png", "answerImg": "1221208_answer.png"}, "optionList": [{"option": "1221208_option_00.png"}, {"option": "1221208_option_01.png"}, {"option": "1221208_option_02.png"}], "answer": [0], "preDialog": [], "tip": "helicopter \u6307\u201d\u76f4\u5347\u673a\u201c\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Is that really a helicopter?"}, "postDialog": [], "cDesc": "You found the helicopter in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u76f4\u5347\u673a\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221208", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "helicopter", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221209", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8ba4\u51fa\u53c9\u53f7\u624b\u52bf\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: It's a cross!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221209", "title": "\u8ba4\u51fa\u53c9\u53f7\u624b\u52bf", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221209.png", "question": {"type": "user", "content": "It's a cross!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221209", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221210", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u4e3aRebecca\u52a0\u6cb9\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Yes, you can do it!\uff08\u6717\u8bfb\uff09\n\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S8\u4e3b\u7ebf", "knowledge_text": "You can do it.", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221210", "title": "\u4e3aRebecca\u52a0\u6cb9", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Yes, you can do it!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221210", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "You can do it.", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1221211", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u63cf\u8ff0\u8fd0\u8f93\u65b9\u5f0f\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aShe's moving the box ___ helicopter.\n\u9009\u98791\uff1aby\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aon\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aBen: Hmm... That's not the right word.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "by+trans.", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221211", "title": "\u63cf\u8ff0\u8fd0\u8f93\u65b9\u5f0f", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221211.png", "question": {"type": "user", "desc": "She's moving the box ___ helicopter.", "content": "She's moving the box by helicopter."}, "optionGroupList": [{"optionList": [{"option": "by", "needAudio": false}, {"option": "on", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "Hmm... That's not the right word."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221211", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "by+trans.", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221212", "cType": "mid_dialog_select", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5173\u5fc3Rebecca\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: I'm so sorry...\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u4e00\u4e2a\u4f60\u60f3\u8868\u8fbe\u7684\u6001\u5ea6\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aWill you have a big cross?\n- \u53cd\u9988 Rebecca: Yes... Never mind.\n\u9009\u98792: We all get a cross sometimes.\n- \u53cd\u9988 Rebecca: True. You are right.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_dialog_select", "cId": "1221212", "title": "\u5173\u5fc3Rebecca", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [{"type": "user", "content": "I'm so sorry..."}], "imgShowTimingList": [], "optionList": [{"option": "Will you have a big cross?", "needAudio": true, "feedback": {"type": "npc", "npcName": "Rebecca", "content": "Yes... Never mind."}}, {"option": "We all get a cross sometimes.", "needAudio": true, "feedback": {"type": "npc", "npcName": "Rebecca", "content": "True. You are right."}}], "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_select", "cId": "1221212", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221213", "cType": "core_writing_imgMakeWord", "category": "core", "type_name": "\u770b\u56fe\u62fc\u8bcd", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u5411 Sally \u6f14\u793a\u642c\u7bb1\u5b50\u7684\u8fc7\u7a0b\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nRebecca \u5c1d\u8bd5\u591a\u6b21\uff0c\u8fd8\u662f\u6ca1\u80fd\u628a\u7bb1\u5b50\u642c\u5230\u5cb8\u4e0a\u3002\u770b\u6765\u5979\u9700\u8981\u5e2e\u52a9\u3002\u8bf7\u5411 Sally \u6f14\u793a\u642c\u7bb1\u5b50\u7684\u8fc7\u7a0b\uff0c\u770b\u770b\u5979\u6709\u4ec0\u4e48\u597d\u529e\u6cd5\uff01\n\u3010\u4efb\u52a1\u63cf\u8ff0\u3011\n\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u5c06\u5355\u8bcd\u62fc\u5199\u5230\u5bf9\u5e94\u7684\u7a7a\u767d\u5904\u3002\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\nboat n. \u5c0f\u8239\nship n. \u8239\nhelicopter n. \u76f4\u5347\u673a\ncross n. \u5341\u5b57\uff0c\u53c9\u53f7", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "", "taskInfo": {"cId": "1221213", "cType": "core_writing_imgMakeWord", "title": "\u5411 Sally \u6f14\u793a\u642c\u7bb1\u5b50\u7684\u8fc7\u7a0b", "sceneDesc": "Rebecca \u5c1d\u8bd5\u591a\u6b21\uff0c\u8fd8\u662f\u6ca1\u80fd\u628a\u7bb1\u5b50\u642c\u5230\u5cb8\u4e0a\u3002\u770b\u6765\u5979\u9700\u8981\u5e2e\u52a9\u3002\u8bf7\u5411 Sally \u6f14\u793a\u642c\u7bb1\u5b50\u7684\u8fc7\u7a0b\uff0c\u770b\u770b\u5979\u6709\u4ec0\u4e48\u597d\u529e\u6cd5\uff01", "cDesc": "Sally, let's watch how to move the box together: there is a boat, a ship, a helicopter and a red cross on the box.\uff08\u8428\u8389\uff0c\u54b1\u4eec\u4e00\u8d77\u770b\u770b\u600e\u4e48\u642c\u8fd9\u4e2a\u7bb1\u5b50\u5427\uff1a\u7bb1\u5b50\u4e0a\u6709\u4e00\u8258\u5c0f\u8239\u3001\u4e00\u8258\u5927\u8239\u3001\u4e00\u67b6\u76f4\u5347\u673a\u548c\u4e00\u4e2a\u7ea2\u8272\u7684\u5341\u5b57\u6807\u8bb0\u54e6\u3002\uff09", "key": [{"desc": "", "keyList": [{"type": "default", "content": "boat", "desc": "n. \u5c0f\u8239"}, {"type": "default", "content": "ship", "desc": "n. \u8239"}, {"type": "default", "content": "helicopter", "desc": "n. \u76f4\u5347\u673a"}, {"type": "default", "content": "cross", "desc": "n. \u5341\u5b57\uff0c\u53c9\u53f7"}]}], "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "boat", "image": "1221213_question_00.png", "learning": [{"question": {"type": "npc", "npcName": "Brainy", "content": "\u5982\u56fe\u6240\u793a\uff0c\u9996\u5148\u8981\u5e2e Sally \u6f14\u793a\u642c\u7bb1\u5b50\u4f1a\u7528\u5230\u7684\u4ea4\u901a\u5de5\u5177\u662f\"\u5c0f\u8239\"\uff0c\"\u5c0f\u8239\"\u7684\u82f1\u6587\u662f\"boat\"\u3002\u5148\u6765\u6284\u5199\u4e00\u4e0b\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "boat", "answerText": "boat"}, "optionList": [{"option": "b"}, {"option": "o"}, {"option": "a"}, {"option": "t"}]}, {"question": {"type": "npc", "npcName": "Brainy", "content": "\u5f88\u597d\u3002\u63a5\u4e0b\u6765\uff0c\u8bb0\u4e00\u4e0b\"boat\"\u7684\u62fc\u5199\uff0c\u662f\"b-o-a-t\"\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\"\u5c0f\u8239\"\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "(4)", "answerText": "boat"}, "optionList": [{"option": "b"}, {"option": "o"}, {"option": "a"}, {"option": "t"}], "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u6ca1\u9519\uff01\"\u5c0f\u8239\"\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\"boat\"\uff0c\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e\uff01"}}]}, {"type": "npc", "npcName": "Brainy", "content": "ship", "image": "1221213_question_01.png", "learning": [{"question": {"type": "npc", "npcName": "Brainy", "content": "\u5982\u56fe\u6240\u793a\uff0c\u63a5\u7740\u8981\u5e2e Sally \u6f14\u793a\u642c\u7bb1\u5b50\u4f1a\u7528\u5230\u7684\u4ea4\u901a\u5de5\u5177\u662f\"\u8239\"\uff0c\"\u8239\"\u7684\u82f1\u6587\u662f\"ship\"\u3002\u5148\u6765\u6284\u5199\u4e00\u4e0b\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "ship", "answerText": "ship"}, "optionList": [{"option": "s"}, {"option": "h"}, {"option": "i"}, {"option": "p"}]}, {"question": {"type": "npc", "npcName": "Brainy", "content": "\u5f88\u597d\u3002\u63a5\u4e0b\u6765\uff0c\u8bb0\u4e00\u4e0b\"ship\"\u7684\u62fc\u5199\uff0c\u662f\"s-h-i-p\"\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\"\u8239\"\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "(4)", "answerText": "ship"}, "optionList": [{"option": "s"}, {"option": "h"}, {"option": "i"}, {"option": "p"}], "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u6ca1\u9519\uff01\"\u8239\"\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\"ship\"\uff0c\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e\uff01"}}]}, {"type": "npc", "npcName": "Brainy", "content": "helicopter", "image": "1221213_question_02.png", "learning": [{"question": {"type": "npc", "npcName": "Brainy", "content": "\u5982\u56fe\u6240\u793a\uff0c\u63a5\u7740\u8981\u5e2e Sally \u6f14\u793a\u642c\u7bb1\u5b50\u4f1a\u7528\u5230\u7684\u4ea4\u901a\u5de5\u5177\u662f\"\u76f4\u5347\u673a\"\uff0c\"\u76f4\u5347\u673a\"\u7684\u82f1\u6587\u662f\"helicopter\"\u3002\u5148\u6765\u6284\u5199\u4e00\u4e0b\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "helicopter", "answerText": "helicopter"}, "optionList": [{"option": "h"}, {"option": "e"}, {"option": "l"}, {"option": "i"}, {"option": "c"}, {"option": "o"}, {"option": "p"}, {"option": "t"}, {"option": "e"}, {"option": "r"}]}, {"question": {"type": "npc", "npcName": "Brainy", "content": "\u5f88\u597d\u3002\u63a5\u4e0b\u6765\uff0c\u8bb0\u4e00\u4e0b\"helicopter\"\u7684\u62fc\u5199\uff0c\u662f\"h-e-l-i-c-o-p-t-e-r\"\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\"\u76f4\u5347\u673a\"\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "(10)", "answerText": "helicopter"}, "optionList": [{"option": "h"}, {"option": "e"}, {"option": "l"}, {"option": "i"}, {"option": "c"}, {"option": "o"}, {"option": "p"}, {"option": "t"}, {"option": "e"}, {"option": "r"}], "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u6ca1\u9519\uff01\"\u76f4\u5347\u673a\"\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\"helicopter\"\uff0c\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e\uff01"}}]}, {"type": "npc", "npcName": "Brainy", "content": "cross", "image": "1221213_question_03.png", "learning": [{"question": {"type": "npc", "npcName": "Brainy", "content": "\u5982\u56fe\u6240\u793a\uff0c\u6700\u540e\u8981\u5e2e Sally \u6f14\u793a\u642c\u7bb1\u5b50\u65f6\u6807\u8bb0\u9519\u8bef\u64cd\u4f5c\u7684\u7b26\u53f7\u662f\"\u5341\u5b57\uff0c\u53c9\u53f7\"\uff0c\"\u5341\u5b57\uff0c\u53c9\u53f7\"\u7684\u82f1\u6587\u662f\"cross\"\u3002\u5148\u6765\u6284\u5199\u4e00\u4e0b\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "cross", "answerText": "cross"}, "optionList": [{"option": "c"}, {"option": "r"}, {"option": "o"}, {"option": "s"}, {"option": "s"}]}, {"question": {"type": "npc", "npcName": "Brainy", "content": "\u5f88\u597d\u3002\u63a5\u4e0b\u6765\uff0c\u8bb0\u4e00\u4e0b\"cross\"\u7684\u62fc\u5199\uff0c\u662f\"c-r-o-s-s\"\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\"\u5341\u5b57\uff0c\u53c9\u53f7\"\u8fd9\u4e2a\u8bcd\u5427\uff01", "desc": "(5)", "answerText": "cross"}, "optionList": [{"option": "c"}, {"option": "r"}, {"option": "o"}, {"option": "s"}, {"option": "s"}], "feedback": {"type": "npc", "npcName": "Brainy", "content": "\u6ca1\u9519\uff01\"\u5341\u5b57\uff0c\u53c9\u53f7\"\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\"cross\"\uff0c\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e\uff01"}}]}], "closing": {"type": "npc", "npcName": "Brainy", "content": "\u592a\u68d2\u4e86\uff01\u4f60\u590d\u4e60\u4e86\u6240\u6709\u7684\u5173\u952e\u77e5\u8bc6\u70b9\uff0c\u62fc\u5bf9\u4e86\u6bcf\u4e00\u4e2a\u8bcd\uff0c\u76f8\u4fe1\u4e0b\u4e00\u6b21\u4f60\u4e00\u5b9a\u53ef\u4ee5\u505a\u5f97\u66f4\u597d\uff01"}}, "imageInfo": {"questionImg": "1221213_question.png"}}, {"cId": "1221214", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u63d0\u8bae\u753b\u53c9\u53f7\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aWe can paint a big ___!\n\u9009\u98791\uff1across\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aclock\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aSally: A clock? Any better ideas?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221214", "title": "\u63d0\u8bae\u753b\u53c9\u53f7", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221214.png", "question": {"type": "user", "desc": "We can paint a big ___!", "content": "We can paint a big cross!"}, "optionGroupList": [{"optionList": [{"option": "cross", "needAudio": false}, {"option": "clock", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Sally", "content": "A clock? Any better ideas?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221214", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221215", "cType": "mid_image_drag", "category": "mid", "type_name": "\u56fe\u7247\u62d6\u62fd", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u62d6\u62fd\u6b63\u786e\u6807\u8bb0\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aDrag the $cross$ to the landing spot.\n\u9009\u9879\uff1a\n00\n01\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1across \u6307\u201c\u5341\u5b57\uff0c\u53c9\u53f7\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: That's not a cross.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_image_drag", "cId": "1221215", "title": "\u62d6\u62fd\u6b63\u786e\u6807\u8bb0", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Drag the $cross$ to the landing spot."}, "imageInfo": {"questionImg": "1221215_question.png", "answerImg": "1221215_answer.png"}, "optionList": [{"option": "1221215_option_00.png"}, {"option": "1221215_option_01.png"}], "answer": [0], "preDialog": [], "tip": "cross \u6307\u201c\u5341\u5b57\uff0c\u53c9\u53f7\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "That's not a cross."}, "postDialog": [], "cDesc": "You drag the cross to the landing spot. (\u4f60\u628a\u5341\u5b57\u6807\u8bb0\u62d6\u5230\u7740\u9646\u70b9\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_drag", "cId": "1221215", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221216", "cType": "mid_dialog_express", "category": "mid", "type_name": "\u5bf9\u8bdd\u8868\u8fbe", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u795d\u8d3a Rebecca\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: We always believe you.\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8868\u8fbe\uff1a\u544a\u8bc9 Rebecca\uff1a\u4f60\u4e00\u5b9a\u884c\uff01\n\u793a\u4f8b\u56de\u7b54\uff1aUser: You can do it!\n\u8f85\u52a9\u4fe1\u606f\uff1a\u53ef\u4ee5\u7528\"You can do it!\"\u6765\u8868\u8fbe\u5bf9\u522b\u4eba\u7684\u9f13\u52b1\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aRebecca: Sorry, what did you say?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "You can do it.", "jsonData": {"cType": "mid_dialog_express", "cId": "1221216", "title": "\u795d\u8d3a Rebecca", "asrPrompt": "Rebecca,You can do it", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "preDialog": [{"type": "user", "content": "We always believe you."}], "imgShowTimingList": [], "tip": "\u53ef\u4ee5\u7528\"You can do it!\"\u6765\u8868\u8fbe\u5bf9\u522b\u4eba\u7684\u9f13\u52b1\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Rebecca", "content": "Sorry, what did you say?"}, "question": {"desc": "\u544a\u8bc9 Rebecca\uff1a\u4f60\u4e00\u5b9a\u884c\uff01"}, "example": {"type": "user", "content": "You can do it!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_express", "cId": "1221216", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "You can do it.", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Logi": 767}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}, {"sections": [], "characters": {"Rebecca": 294}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 17:45:26';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225514.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225514.html
new file mode 100644
index 0000000..6a1efab
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225514.html	
@@ -0,0 +1,4922 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L3 搭建基地 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L3 搭建基地</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 22:55:14</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: GTUlwhbVJi5VftkS4GGc3i1anqh</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221301</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">已保存</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221301" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="了解计划步骤" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;And the last part, build.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221301&quot;,
+  &quot;title&quot;: &quot;了解计划步骤&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;And the last part, build.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221301" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221301&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="13">【任务标题】了解计划步骤
+【资源配置】
+图片时机：无
+
+
+【情境引入】
+无
+
+【互动内容】
+User: And the last part, build.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221302</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">已保存</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221302" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="发现设计问题" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Some parts can be better.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221302&quot;,
+  &quot;title&quot;: &quot;发现设计问题&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Some parts can be better.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221302" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221302&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="12">【任务标题】发现设计问题
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Some parts can be better.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221303</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">已保存</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221303" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="指出顶部太大" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-img" class="ve-input ve-str" value="1221303.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;This part is too big.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221303&quot;,
+  &quot;title&quot;: &quot;指出顶部太大&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221303.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;This part is too big.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221303" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221303&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="12">【任务标题】指出顶部太大
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: This part is too big.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221304</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">已保存</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221304" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="指出支撑太小" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221304.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;And this ___ is too small.&quot;,
+  &quot;content&quot;: &quot;And this part is too small.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;part&quot;,
+        &quot;needAudio&quot;: true
+      },
+      {
+        &quot;option&quot;: &quot;park&quot;,
+        &quot;needAudio&quot;: true
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;No park here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221304&quot;,
+  &quot;title&quot;: &quot;指出支撑太小&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221304.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;And this ___ is too small.&quot;,
+    &quot;content&quot;: &quot;And this part is too small.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;part&quot;,
+          &quot;needAudio&quot;: true
+        },
+        {
+          &quot;option&quot;: &quot;park&quot;,
+          &quot;needAudio&quot;: true
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;No park here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221304" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221304&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="18">【任务标题】指出支撑太小
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：And this ___ is too small.（音频）
+选项1：part（正确）
+选项2：park
+
+【互动反馈】
+正确：无
+错误：Peter: No park here!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221305</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">已保存</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221305" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="完成设计打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Now I can put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221305&quot;,
+  &quot;title&quot;: &quot;完成设计打勾&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Now I can put a tick!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221305" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221305&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="12">【任务标题】完成设计打勾
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Now I can put a tick!（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221306</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">已保存</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221306" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="给设计打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;$Put a tick$ next to the first part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221306_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221306_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221306_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”，请在第一行打勾。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;We finished the design first!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cDesc" class="ve-input ve-str" value="You put a tick next to the first part. (你在第一部分旁边打了勾。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221306&quot;,
+  &quot;title&quot;: &quot;给设计打勾&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;$Put a tick$ next to the first part.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221306_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221306_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221306_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”，请在第一行打勾。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;We finished the design first!&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You put a tick next to the first part. (你在第一部分旁边打了勾。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221306" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221306&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="17">【任务标题】给设计打勾
+【情境引入】
+无
+
+【互动内容】
+题干：$Put a tick$ next to the first part.
+选项：
+00
+正确：00
+辅助信息：put a tick 指“打勾”，请在第一行打勾。
+
+【互动反馈】
+正确：无
+错误：Peter: We finished the design first!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221307</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">已保存</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221307" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="工具不都能用" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-img" class="ve-input ve-str" value="1221307.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;There are ___ tools here.&quot;,
+  &quot;content&quot;: &quot;There are some tools here.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;some&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;no&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Wait! We have some tools!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;But not all of them work.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221307&quot;,
+  &quot;title&quot;: &quot;工具不都能用&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221307.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;There are ___ tools here.&quot;,
+    &quot;content&quot;: &quot;There are some tools here.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;some&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;no&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Wait! We have some tools!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;But not all of them work.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221307" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221307&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="17">【任务标题】工具不都能用
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：There are ___ tools here.
+选项1：some（正确）
+选项2：no
+
+【互动反馈】
+正确：无
+错误：Eva: Wait! We have some tools!
+【后置对话】
+User: But not all of them work.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221308</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">已保存</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221308" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="找正确工具" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;See?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221308.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;We need ___ like those.&quot;,
+  &quot;content&quot;: &quot;We need some tools like those.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;some tools&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;a tool&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;Not that! We have more than one tools.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221308&quot;,
+  &quot;title&quot;: &quot;找正确工具&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;See?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221308.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;We need ___ like those.&quot;,
+    &quot;content&quot;: &quot;We need some tools like those.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;some tools&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;a tool&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;Not that! We have more than one tools.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221308" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221308&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】找正确工具
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: See?
+
+【互动内容】
+题目：We need ___ like those.
+选项1： some tools（正确）
+选项2：a tool
+
+【互动反馈】
+正确：无
+错误：Peter: Not that! We have more than one tools.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221309</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">已保存</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221309" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="给工具打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Put a tick next to the right part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221309_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221309_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221309_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221309_option_01.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;I pick these!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”，请在第二行打勾。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Not yet! We haven&#x27;t finished that part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cDesc" class="ve-input ve-str" value="You put a tick next to the right part. (你在正确的部分旁边打了勾。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221309&quot;,
+  &quot;title&quot;: &quot;给工具打勾&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Put a tick next to the right part.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221309_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221309_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221309_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221309_option_01.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Eva&quot;,
+      &quot;content&quot;: &quot;I pick these!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”，请在第二行打勾。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Not yet! We haven&#x27;t finished that part.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You put a tick next to the right part. (你在正确的部分旁边打了勾。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221309" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221309&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="18">【任务标题】给工具打勾
+【情境引入】
+Eva: I pick these!
+
+【互动内容】
+题干：Put a tick next to the right part.
+选项：
+00
+01
+正确：00
+辅助信息：put a tick 指“打勾”，请在第二行打勾。
+
+【互动反馈】
+正确：无
+错误：Eva: Not yet! We haven&#x27;t finished that part.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221310</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">已保存</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221310" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="学习搭建方法" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;A rocket can fly to space!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉 Peter 和 Eva：要把所有部分拼在一起&quot;,
+  &quot;content&quot;: &quot;They put all parts together.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;all&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;parts&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;they put&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;together&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-answer" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  2,
+  0,
+  1,
+  3
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-tip" class="ve-input ve-str" value="all parts together 指的是“所有部分放在一起”" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;That doesn&#x27;t sound right.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221310&quot;,
+  &quot;title&quot;: &quot;学习搭建方法&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Eva&quot;,
+      &quot;content&quot;: &quot;A rocket can fly to space!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉 Peter 和 Eva：要把所有部分拼在一起&quot;,
+    &quot;content&quot;: &quot;They put all parts together.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;all&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;parts&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;they put&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;together&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    2,
+    0,
+    1,
+    3
+  ],
+  &quot;tip&quot;: &quot;all parts together 指的是“所有部分放在一起”&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;That doesn&#x27;t sound right.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221310" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221310&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="23">【任务标题】学习搭建方法
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+Eva: A rocket can fly to space!
+
+【互动内容】
+题目：告诉 Peter 和 Eva：要把所有部分拼在一起
+选项1：all 
+选项2：parts 
+选项3：they put
+选项4：together
+答案：They put all parts together.
+辅助信息：all parts together 指的是“所有部分放在一起”
+
+【互动反馈】
+正确：无
+错误：Peter: That doesn&#x27;t sound right.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221311</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">已保存</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1221311" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="询问是否完成" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Did you complete it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221311&quot;,
+  &quot;title&quot;: &quot;询问是否完成&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Did you complete it?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1221311" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;complete&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221311&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;complete&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="12">【任务标题】询问是否完成
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Did you complete it?（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">complete</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221312</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">已保存</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221312" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="基地也完成了" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Pioneers ___ the base too!&quot;,
+  &quot;content&quot;: &quot;Pioneers complete the base too!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;complete&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;computer&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;We don&#x27;t need a computer!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221312&quot;,
+  &quot;title&quot;: &quot;基地也完成了&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Pioneers ___ the base too!&quot;,
+    &quot;content&quot;: &quot;Pioneers complete the base too!&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;complete&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;computer&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;We don&#x27;t need a computer!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221312" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221312&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】基地也完成了
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+【互动内容】
+题目：Pioneers ___ the base too!
+选项1：complete（正确）
+选项2：computer
+
+【互动反馈】
+正确：无
+错误：Peter: We don&#x27;t need a computer!
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">sb complete sth</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221313</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">已保存</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221313" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="最后打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉大家：让我来打勾&quot;,
+  &quot;content&quot;: &quot;Let me put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;a tick&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;put&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;let me&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  2,
+  1,
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Come on! Put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221313&quot;,
+  &quot;title&quot;: &quot;最后打勾&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉大家：让我来打勾&quot;,
+    &quot;content&quot;: &quot;Let me put a tick!&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;a tick&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;put&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;let me&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    2,
+    1,
+    0
+  ],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Come on! Put a tick!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221313" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221313&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="21">【任务标题】最后打勾
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+题目：告诉大家：让我来打勾
+选项1：a tick
+选项2：put
+选项3：let me
+答案：Let me put a tick!
+辅助信息：put a tick 指“打勾”
+
+【互动反馈】
+正确：无
+错误：Eva: Come on! Put a tick!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">看图选词</span>
+        <span class="comp-cid">cId: 1221314</span>
+        <span class="comp-ctype">core_reading_imageDrag</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">已保存</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-taskInfo','ve-14-taskInfo','ta-14-taskInfo','14','taskInfo')">
+          <span id="btn-sec-14-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-taskInfo" data-idx="14" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-cType" class="ve-input ve-str" value="core_reading_imageDrag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-cId" class="ve-input ve-str" value="1221314" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-title" class="ve-input ve-str" value="找出太空基地遗漏的部分" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="taskDesc">taskDesc</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-taskDesc" class="ve-input ve-str" value="观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-sceneDesc" class="ve-input ve-str" value="Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;tick&quot;,
+        &quot;desc&quot;: &quot;n. 对勾&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;some&quot;,
+        &quot;desc&quot;: &quot;det. 一些&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;part&quot;,
+        &quot;desc&quot;: &quot;n. 部分&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;complete&quot;,
+        &quot;desc&quot;: &quot;v. 使完整&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">Peter and Eva are putting the finishing touches on their space base, and they notice some descriptions of the base are missing key words. (他们需要对照太空基地的图片，把合适的单词填到句子的空缺处，把所有描述补充完整，才能顺利完成太空基地的搭建)</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-14-taskInfo" data-idx="14" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;core_reading_imageDrag&quot;,
+  &quot;cId&quot;: &quot;1221314&quot;,
+  &quot;title&quot;: &quot;找出太空基地遗漏的部分&quot;,
+  &quot;taskDesc&quot;: &quot;观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。&quot;,
+  &quot;sceneDesc&quot;: &quot;Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;tick&quot;,
+          &quot;desc&quot;: &quot;n. 对勾&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;some&quot;,
+          &quot;desc&quot;: &quot;det. 一些&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;part&quot;,
+          &quot;desc&quot;: &quot;n. 部分&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;complete&quot;,
+          &quot;desc&quot;: &quot;v. 使完整&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;cDesc&quot;: &quot;Peter and Eva are putting the finishing touches on their space base, and they notice some descriptions of the base are missing key words. (他们需要对照太空基地的图片，把合适的单词填到句子的空缺处，把所有描述补充完整，才能顺利完成太空基地的搭建)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">studyInfo</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-14-studyInfo"><span>1</span></div>
+        <textarea id="ta-14-studyInfo" data-idx="14" data-key="studyInfo" class="json-textarea" rows="3" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">&quot;无&quot;</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="core_reading_imageDrag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221314" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;complete&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="28" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_reading_imageDrag&quot;,
+  &quot;cId&quot;: &quot;1221314&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;complete&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">无</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">Peter and Eva are putting the finishing touches on their space base, and they notice some descriptions of the base are missing key words. (他们需要对照太空基地的图片，把合适的单词填到句子的空缺处，把所有描述补充完整，才能顺利完成太空基地的搭建)</pre>
+                    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="11">【任务标题】
+找出太空基地遗漏的部分
+【任务背景】
+Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。
+【任务描述】
+观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。
+【通关知识】
+tick n. 对勾
+some det. 一些
+part n. 部分
+complete v. 使完整</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">tick
+part
+complete</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221315</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">已保存</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221315" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="展示最后部分" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;See?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉 Peter 和 Eva：这是最后的部分&quot;,
+  &quot;content&quot;: &quot;This is the last part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;this is&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;part&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;the last&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  0,
+  2,
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="the last part 指“最后一部分”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Sorry? Do we complete it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221315&quot;,
+  &quot;title&quot;: &quot;展示最后部分&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;See?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉 Peter 和 Eva：这是最后的部分&quot;,
+    &quot;content&quot;: &quot;This is the last part.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;this is&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;part&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;the last&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    2,
+    1
+  ],
+  &quot;tip&quot;: &quot;the last part 指“最后一部分”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Sorry? Do we complete it?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221315" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221315&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="20">【任务标题】展示最后部分
+【资源配置】
+图片时机：无
+
+【情境引入】
+User: See?
+
+【互动内容】
+题目：告诉 Peter 和 Eva：这是最后的部分
+选项1：this is
+选项2：part
+选项3：the last
+答案：This is the last part.
+辅助信息：the last part 指“最后一部分”。
+
+【互动反馈】
+正确：无
+错误：Eva: Sorry? Do we complete it?
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221316</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">已保存</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-jsonData','ve-16-jsonData','ta-16-jsonData','16','jsonData')">
+          <span id="btn-sec-16-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-jsonData" data-idx="16" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cId" class="ve-input ve-str" value="1221316" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-title" class="ve-input ve-str" value="宣布基地完成" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Now you complete the base!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-16-jsonData" data-idx="16" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221316&quot;,
+  &quot;title&quot;: &quot;宣布基地完成&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Now you complete the base!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221316" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221316&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="12">【任务标题】宣布基地完成
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+Now you complete the base!（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="3">sb complete sth</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221301", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u4e86\u89e3\u8ba1\u5212\u6b65\u9aa4\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: And the last part, build.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221301", "title": "\u4e86\u89e3\u8ba1\u5212\u6b65\u9aa4", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "And the last part, build."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221301", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221302", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u53d1\u73b0\u8bbe\u8ba1\u95ee\u9898\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Some parts can be better.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221302", "title": "\u53d1\u73b0\u8bbe\u8ba1\u95ee\u9898", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Some parts can be better."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221302", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221303", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6307\u51fa\u9876\u90e8\u592a\u5927\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This part is too big.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221303", "title": "\u6307\u51fa\u9876\u90e8\u592a\u5927", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221303.png", "question": {"type": "user", "content": "This part is too big."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221303", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221304", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6307\u51fa\u652f\u6491\u592a\u5c0f\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aAnd this ___ is too small.\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1apart\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1apark\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: No park here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221304", "title": "\u6307\u51fa\u652f\u6491\u592a\u5c0f", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221304.png", "question": {"type": "user", "desc": "And this ___ is too small.", "content": "And this part is too small."}, "optionGroupList": [{"optionList": [{"option": "part", "needAudio": true}, {"option": "park", "needAudio": true}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "No park here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221304", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221305", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5b8c\u6210\u8bbe\u8ba1\u6253\u52fe\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Now I can put a tick!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "tick", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221305", "title": "\u5b8c\u6210\u8bbe\u8ba1\u6253\u52fe", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Now I can put a tick!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221305", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221306", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ed9\u8bbe\u8ba1\u6253\u52fe\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1a$Put a tick$ next to the first part.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e00\u884c\u6253\u52fe\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: We finished the design first!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_image_choose", "cId": "1221306", "title": "\u7ed9\u8bbe\u8ba1\u6253\u52fe", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "question": {"desc": "$Put a tick$ next to the first part."}, "imageInfo": {"questionImg": "1221306_question.png", "answerImg": "1221306_answer.png"}, "optionList": [{"option": "1221306_option_00.png"}], "answer": [0], "preDialog": [], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e00\u884c\u6253\u52fe\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "We finished the design first!"}, "postDialog": [], "cDesc": "You put a tick next to the first part. (\u4f60\u5728\u7b2c\u4e00\u90e8\u5206\u65c1\u8fb9\u6253\u4e86\u52fe\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221306", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221307", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5de5\u5177\u4e0d\u90fd\u80fd\u7528\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aThere are ___ tools here.\n\u9009\u98791\uff1asome\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1ano\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Wait! We have some tools!\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nUser: But not all of them work.", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221307", "title": "\u5de5\u5177\u4e0d\u90fd\u80fd\u7528", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221307.png", "question": {"type": "user", "desc": "There are ___ tools here.", "content": "There are some tools here."}, "optionGroupList": [{"optionList": [{"option": "some", "needAudio": false}, {"option": "no", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Wait! We have some tools!"}, "postDialog": [{"type": "user", "content": "But not all of them work."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221307", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221308", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u6b63\u786e\u5de5\u5177\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: See?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aWe need ___ like those.\n\u9009\u98791\uff1a some tools\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aa tool\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: Not that! We have more than one tools.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221308", "title": "\u627e\u6b63\u786e\u5de5\u5177", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "user", "content": "See?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221308.png", "question": {"type": "user", "desc": "We need ___ like those.", "content": "We need some tools like those."}, "optionGroupList": [{"optionList": [{"option": "some tools", "needAudio": false}, {"option": "a tool", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "Not that! We have more than one tools."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221308", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221309", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ed9\u5de5\u5177\u6253\u52fe\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nEva: I pick these!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aPut a tick next to the right part.\n\u9009\u9879\uff1a\n00\n01\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e8c\u884c\u6253\u52fe\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Not yet! We haven't finished that part.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_image_choose", "cId": "1221309", "title": "\u7ed9\u5de5\u5177\u6253\u52fe", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "question": {"desc": "Put a tick next to the right part."}, "imageInfo": {"questionImg": "1221309_question.png", "answerImg": "1221309_answer.png"}, "optionList": [{"option": "1221309_option_00.png"}, {"option": "1221309_option_01.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Eva", "content": "I pick these!"}], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e8c\u884c\u6253\u52fe\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Not yet! We haven't finished that part."}, "postDialog": [], "cDesc": "You put a tick next to the right part. (\u4f60\u5728\u6b63\u786e\u7684\u90e8\u5206\u65c1\u8fb9\u6253\u4e86\u52fe\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221309", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221310", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5b66\u4e60\u642d\u5efa\u65b9\u6cd5\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nEva: A rocket can fly to space!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9 Peter \u548c Eva\uff1a\u8981\u628a\u6240\u6709\u90e8\u5206\u62fc\u5728\u4e00\u8d77\n\u9009\u98791\uff1aall \n\u9009\u98792\uff1aparts \n\u9009\u98793\uff1athey put\n\u9009\u98794\uff1atogether\n\u7b54\u6848\uff1aThey put all parts together.\n\u8f85\u52a9\u4fe1\u606f\uff1aall parts together \u6307\u7684\u662f\u201c\u6240\u6709\u90e8\u5206\u653e\u5728\u4e00\u8d77\u201d\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: That doesn't sound right.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221310", "title": "\u5b66\u4e60\u642d\u5efa\u65b9\u6cd5", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "npc", "npcName": "Eva", "content": "A rocket can fly to space!"}], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9 Peter \u548c Eva\uff1a\u8981\u628a\u6240\u6709\u90e8\u5206\u62fc\u5728\u4e00\u8d77", "content": "They put all parts together."}, "optionList": [{"option": "all", "needAudio": false}, {"option": "parts", "needAudio": false}, {"option": "they put", "needAudio": false}, {"option": "together", "needAudio": false}], "answer": [2, 0, 1, 3], "tip": "all parts together \u6307\u7684\u662f\u201c\u6240\u6709\u90e8\u5206\u653e\u5728\u4e00\u8d77\u201d", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "That doesn't sound right."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221310", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221311", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8be2\u95ee\u662f\u5426\u5b8c\u6210\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Did you complete it?\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S11\u4e3b\u7ebf", "knowledge_text": "complete", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221311", "title": "\u8be2\u95ee\u662f\u5426\u5b8c\u6210", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Did you complete it?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221311", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "complete", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221312", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u57fa\u5730\u4e5f\u5b8c\u6210\u4e86\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aPioneers ___ the base too!\n\u9009\u98791\uff1acomplete\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1acomputer\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: We don't need a computer!\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "sb complete sth", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221312", "title": "\u57fa\u5730\u4e5f\u5b8c\u6210\u4e86", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "Pioneers ___ the base too!", "content": "Pioneers complete the base too!"}, "optionGroupList": [{"optionList": [{"option": "complete", "needAudio": false}, {"option": "computer", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "We don't need a computer!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221312", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sb complete sth", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221313", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6700\u540e\u6253\u52fe\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9\u5927\u5bb6\uff1a\u8ba9\u6211\u6765\u6253\u52fe\n\u9009\u98791\uff1aa tick\n\u9009\u98792\uff1aput\n\u9009\u98793\uff1alet me\n\u7b54\u6848\uff1aLet me put a tick!\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Come on! Put a tick!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221313", "title": "\u6700\u540e\u6253\u52fe", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9\u5927\u5bb6\uff1a\u8ba9\u6211\u6765\u6253\u52fe", "content": "Let me put a tick!"}, "optionList": [{"option": "a tick", "needAudio": false}, {"option": "put", "needAudio": false}, {"option": "let me", "needAudio": false}], "answer": [2, 1, 0], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Come on! Put a tick!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221313", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221314", "cType": "core_reading_imageDrag", "category": "core", "type_name": "\u770b\u56fe\u9009\u8bcd", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u51fa\u592a\u7a7a\u57fa\u5730\u9057\u6f0f\u7684\u90e8\u5206\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nPeter \u548c Eva \u7684\u592a\u7a7a\u57fa\u5730\u5c31\u8981\u5efa\u597d\u4e86\uff01\u4f46\u662f\uff0c\u4f3c\u4e4e\u8fd8\u5c11\u70b9\u4ec0\u4e48\uff1f\u4e00\u8d77\u6765\u770b\u770b\u5427\u3002\n\u3010\u4efb\u52a1\u63cf\u8ff0\u3011\n\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\ntick n. \u5bf9\u52fe\nsome det. \u4e00\u4e9b\npart n. \u90e8\u5206\ncomplete v. \u4f7f\u5b8c\u6574", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "tick\npart\ncomplete", "taskInfo": {"cType": "core_reading_imageDrag", "cId": "1221314", "title": "\u627e\u51fa\u592a\u7a7a\u57fa\u5730\u9057\u6f0f\u7684\u90e8\u5206", "taskDesc": "\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002", "sceneDesc": "Peter \u548c Eva \u7684\u592a\u7a7a\u57fa\u5730\u5c31\u8981\u5efa\u597d\u4e86\uff01\u4f46\u662f\uff0c\u4f3c\u4e4e\u8fd8\u5c11\u70b9\u4ec0\u4e48\uff1f\u4e00\u8d77\u6765\u770b\u770b\u5427\u3002", "key": [{"desc": "", "keyList": [{"type": "default", "content": "tick", "desc": "n. \u5bf9\u52fe"}, {"type": "default", "content": "some", "desc": "det. \u4e00\u4e9b"}, {"type": "default", "content": "part", "desc": "n. \u90e8\u5206"}, {"type": "default", "content": "complete", "desc": "v. \u4f7f\u5b8c\u6574"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "cDesc": "Peter and Eva are putting the finishing touches on their space base, and they notice some descriptions of the base are missing key words. (\u4ed6\u4eec\u9700\u8981\u5bf9\u7167\u592a\u7a7a\u57fa\u5730\u7684\u56fe\u7247\uff0c\u628a\u5408\u9002\u7684\u5355\u8bcd\u586b\u5230\u53e5\u5b50\u7684\u7a7a\u7f3a\u5904\uff0c\u628a\u6240\u6709\u63cf\u8ff0\u8865\u5145\u5b8c\u6574\uff0c\u624d\u80fd\u987a\u5229\u5b8c\u6210\u592a\u7a7a\u57fa\u5730\u7684\u642d\u5efa)"}, "studyInfo": "\u65e0", "kpInfo": {"pushType": "relationKp", "cType": "core_reading_imageDrag", "cId": "1221314", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "complete", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221315", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5c55\u793a\u6700\u540e\u90e8\u5206\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: See?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9 Peter \u548c Eva\uff1a\u8fd9\u662f\u6700\u540e\u7684\u90e8\u5206\n\u9009\u98791\uff1athis is\n\u9009\u98792\uff1apart\n\u9009\u98793\uff1athe last\n\u7b54\u6848\uff1aThis is the last part.\n\u8f85\u52a9\u4fe1\u606f\uff1athe last part \u6307\u201c\u6700\u540e\u4e00\u90e8\u5206\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Sorry? Do we complete it?\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221315", "title": "\u5c55\u793a\u6700\u540e\u90e8\u5206", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "user", "content": "See?"}], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9 Peter \u548c Eva\uff1a\u8fd9\u662f\u6700\u540e\u7684\u90e8\u5206", "content": "This is the last part."}, "optionList": [{"option": "this is", "needAudio": false}, {"option": "part", "needAudio": false}, {"option": "the last", "needAudio": false}], "answer": [0, 2, 1], "tip": "the last part \u6307\u201c\u6700\u540e\u4e00\u90e8\u5206\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Sorry? Do we complete it?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221315", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221316", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5ba3\u5e03\u57fa\u5730\u5b8c\u6210\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nNow you complete the base!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S16\u4e3b\u7ebf", "knowledge_text": "sb complete sth", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221316", "title": "\u5ba3\u5e03\u57fa\u5730\u5b8c\u6210", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Now you complete the base!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221316", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sb complete sth", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}, {"sections": [], "characters": {"Peter": 739}}, {"sections": [], "characters": {"Eva": 663}}, {"sections": [], "characters": {"Dan": 652}}, {"sections": [], "characters": {"Rebecca": 294}}, {"sections": [], "characters": {"Mike": 700}}, {"sections": [], "characters": {"Logi": 767}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 22:55:14';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225714.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225714.html
new file mode 100644
index 0000000..3ababc3
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L3 搭建基地_20260608_225714.html	
@@ -0,0 +1,4922 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L3 搭建基地 — 组件JSON报告</title>
+<style>
+:root {
+  --bg: #f8f9fa; --card: #fff; --border: #e2e8f0;
+  --text: #1a202c; --text2: #64748b; --accent: #3b82f6;
+  --green: #10b981; --red: #ef4444; --yellow: #f59e0b;
+  --purple: #8b5cf6;
+}
+* { margin:0; padding:0; box-sizing:border-box; }
+body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
+       background:var(--bg); color:var(--text); line-height:1.6; padding:0; }
+.container { max-width:1280px; margin:0 auto; padding:20px; padding-top:80px; }
+
+/* Fixed top bar */
+.top-bar { position:fixed; top:0; left:0; right:0; z-index:100;
+            background:linear-gradient(135deg,#1e293b 0%,#334155 100%);
+            color:#fff; padding:12px 24px; display:flex; align-items:center; gap:16px;
+            box-shadow:0 2px 8px rgba(0,0,0,0.15); }
+.top-bar .push-all-btn { background:#3b82f6; color:#fff; border:none; border-radius:6px;
+                          padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer;
+                          transition:background 0.2s; white-space:nowrap; }
+.top-bar .push-all-btn:hover { background:#2563eb; }
+.top-bar .push-all-btn:disabled { background:#64748b; cursor:not-allowed; }
+.progress-wrap { flex:1; display:flex; align-items:center; gap:12px; }
+.progress-bar { flex:1; height:8px; background:#475569; border-radius:4px; overflow:hidden; }
+.progress-fill { height:100%; background:#10b981; border-radius:4px; transition:width 0.3s; width:0%; }
+.progress-text { font-size:13px; white-space:nowrap; min-width:120px; }
+.push-summary { font-size:12px; display:flex; gap:12px; }
+.push-summary .s-ok { color:#6ee7b7; }
+.push-summary .s-fail { color:#fca5a5; }
+
+/* Header */
+.header { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
+           color:#fff; padding:28px 32px; border-radius:12px; margin-bottom:24px; }
+.header h1 { font-size:22px; font-weight:600; margin-bottom:8px; }
+.header .meta { font-size:13px; opacity:0.85; display:flex; gap:24px; flex-wrap:wrap; }
+
+/* Stats */
+.stats { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
+.stat-card { background:var(--card); border:1px solid var(--border); border-radius:8px;
+              padding:14px 20px; flex:1; min-width:100px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
+.stat-card .num { font-size:28px; font-weight:700; }
+.stat-card .label { font-size:12px; color:var(--text2); margin-top:2px; }
+.stat-card.ok .num { color:var(--green); }
+.stat-card.fail .num { color:var(--red); }
+.stat-card.skip .num { color:var(--yellow); }
+.stat-split { flex:1; min-width:100px; display:flex; flex-direction:column; gap:6px; }
+.stat-split .split-item { flex:1; background:var(--card); border:1px solid var(--border); border-radius:8px;
+                           padding:6px 16px; display:flex; align-items:center; gap:8px; }
+.stat-split .split-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.stat-split .split-dot.core { background:var(--accent); }
+.stat-split .split-dot.mid { background:var(--purple); }
+.stat-split .split-num { font-size:16px; font-weight:700; color:var(--text); }
+.stat-split .split-label { font-size:12px; color:var(--text2); }
+
+/* Component card */
+.comp-card { background:var(--card); border:1px solid var(--border); border-radius:10px;
+              margin-bottom:12px; overflow:hidden; transition:box-shadow 0.2s; }
+.comp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.06); }
+.comp-header { display:flex; align-items:center; gap:8px; padding:12px 16px;
+                cursor:pointer; user-select:none; border-bottom:1px solid transparent; }
+.comp-card.open .comp-header { border-bottom-color:var(--border); }
+.comp-header:hover { background:#f1f5f9; }
+.comp-idx { background:var(--accent); color:#fff; font-size:11px; font-weight:600;
+             padding:2px 8px; border-radius:10px; min-width:28px; text-align:center; }
+.cat-badge { font-size:10px; padding:1px 6px; border-radius:3px; font-weight:500; }
+.cat-badge.core { background:#f59e0b; color:#fff; }
+.comp-type { font-size:12px; color:#fff; padding:2px 8px; border-radius:4px;
+              background:var(--purple); font-weight:500; }
+.comp-cid { font-size:12px; font-weight:600; }
+.comp-ctype { font-size:11px; color:var(--text2); font-family:monospace; }
+.comp-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:4px; }
+.comp-status.ok { background:#d1fae5; color:#065f46; }
+.comp-status.fail { background:#fee2e2; color:#991b1b; }
+.comp-status.skip { background:#fef3c7; color:#92400e; }
+.comp-arrow { font-size:12px; color:var(--text2); transition:transform 0.2s; margin-left:4px; }
+.comp-card.open .comp-arrow { transform:rotate(90deg); }
+.comp-body { display:none; padding:12px 16px; }
+.comp-card.open .comp-body { display:block; }
+
+/* Push buttons in header */
+.push-btn { margin-left:auto; font-size:11px; font-weight:600; padding:3px 10px; border-radius:4px;
+             border:1px solid rgba(0,0,0,0.1); cursor:pointer; transition:all 0.2s; display:inline-flex;
+             align-items:center; gap:4px; }
+.push-btn:first-of-type { margin-left:auto; }
+.push-btn + .push-btn { margin-left:4px; }
+.config-btn { background:#eff6ff; color:#2563eb; border-color:#bfdbfe; }
+.config-btn:hover { background:#dbeafe; }
+.kp-btn { background:#f0fdf4; color:#16a34a; border-color:#bbf7d0; }
+.kp-btn:hover { background:#dcfce7; }
+.regen-btn { background:#fef3c7; color:#d97706; border-color:#fde68a; }
+.regen-btn:hover { background:#fde68a; }
+.regen-kp-btn { background:#fdf2f8; color:#db2777; border-color:#fbcfe8; }
+.regen-kp-btn:hover { background:#fce7f3; }
+.push-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.push-icon { display:inline-block; width:8px; height:8px; border-radius:50%; background:#94a3b8; }
+.push-icon.ok { background:#10b981; }
+.push-icon.fail { background:#ef4444; }
+.push-icon.loading { background:#f59e0b; animation:pulse 0.8s infinite; }
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+
+/* Regenerate panel */
+.regen-panel { margin-top:12px; padding:12px; border:1px dashed var(--border); border-radius:8px; background:#fffbeb; }
+.regen-label { font-size:13px; font-weight:600; color:#92400e; margin-bottom:6px; }
+.regen-hint { font-weight:normal; font-size:11px; color:var(--text2); }
+.regen-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                   border:1px solid #fde68a; border-radius:6px; padding:10px; background:#fff;
+                   resize:vertical; line-height:1.5; tab-size:2; }
+.regen-textarea:focus { border-color:#d97706; outline:none; box-shadow:0 0 0 2px rgba(217,119,6,0.15); }
+.regen-exec-btn { margin-top:8px; padding:8px 20px; border:none; border-radius:6px;
+                   background:#d97706; color:#fff; font-size:13px; font-weight:600;
+                   cursor:pointer; transition:background 0.2s; }
+.regen-exec-btn:hover { background:#b45309; }
+.regen-exec-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.regen-kp-panel { background:#fdf2f8; border-color:#fbcfe8; }
+.regen-kp-label { color:#9d174d; }
+.regen-kp-textarea { border-color:#fbcfe8; }
+.regen-kp-textarea:focus { border-color:#db2777; box-shadow:0 0 0 2px rgba(219,39,119,0.15); }
+.regen-kp-exec-btn { background:#db2777; }
+.regen-kp-exec-btn:hover { background:#9d174d; }
+
+/* JSON sections */
+.json-section { margin-bottom:12px; }
+.json-section-label { font-weight:600; font-size:13px; color:var(--accent); margin-bottom:4px;
+                       display:flex; align-items:center; gap:8px; }
+.json-textarea { width:100%; font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px;
+                  border:1px solid var(--border); border-radius:6px; padding:10px; background:#fafbfc;
+                  resize:vertical; line-height:1.5; tab-size:2; }
+.json-textarea:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.15); }
+
+/* Visual Editor */
+.ve-toggle-btn { font-size:11px; padding:2px 10px; border:1px solid var(--border); border-radius:4px;
+                  background:#f8fafc; color:var(--text2); cursor:pointer; transition:all 0.2s; font-weight:normal; }
+.ve-toggle-btn:hover { background:#e2e8f0; color:var(--text); }
+.ve-toggle-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }
+.ve-editor { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
+.ve-table { width:100%; border-collapse:collapse; }
+.ve-row { border-bottom:1px solid #f1f5f9; }
+.ve-row:last-child { border-bottom:none; }
+.ve-row:hover { background:#f8fafc; }
+.ve-key { width:160px; min-width:120px; max-width:220px; padding:6px 10px; font-size:12px; font-weight:600;
+           color:var(--purple); font-family:"SF Mono",Monaco,Consolas,monospace; vertical-align:top;
+           background:#fafbfc; border-right:1px solid #f1f5f9; white-space:nowrap; overflow:hidden;
+           text-overflow:ellipsis; user-select:none; }
+.ve-val { padding:4px 8px; vertical-align:top; }
+.ve-input { width:100%; font-size:12px; padding:4px 8px; border:1px solid transparent; border-radius:4px;
+             background:transparent; font-family:"SF Mono",Monaco,Consolas,monospace; line-height:1.5;
+             transition:border-color 0.2s, background 0.2s; }
+.ve-input:hover { border-color:var(--border); background:#fff; }
+.ve-input:focus { border-color:var(--accent); background:#fff; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.1); }
+.ve-complex { resize:vertical; tab-size:2; min-height:40px; }
+.ve-str { color:var(--text); }
+.ve-str-long { color:var(--text); resize:vertical; }
+.ve-num { color:#0d9488; }
+.ve-bool { color:#8b5cf6; }
+.ve-null { color:var(--text2); font-style:italic; }
+.ve-raw { position:relative; }
+.json-lined-wrap { display:flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; background:#fafbfc; }
+.json-line-nums { padding:10px 0; background:#f1f5f9; border-right:1px solid var(--border); user-select:none;
+                   font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; line-height:1.5;
+                   color:var(--text2); text-align:right; min-width:36px; overflow:hidden; }
+.json-line-nums span { display:block; padding:0 8px; }
+.json-lined-wrap .json-textarea { border:none; border-radius:0; flex:1; margin:0; resize:vertical; min-height:60px; }
+.ve-error { margin-top:4px; padding:6px 10px; background:#fef2f2; border:1px solid #fecaca; border-radius:4px;
+             color:#dc2626; font-size:12px; font-family:"SF Mono",Monaco,Consolas,monospace; }
+
+/* kpInfo table */
+.kp-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:4px; }
+.kp-table th { text-align:left; padding:6px 8px; background:#f1f5f9; color:var(--text2);
+                font-weight:600; border-bottom:2px solid var(--border); }
+.kp-table td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:top; }
+.kp-idx { color:var(--text2); font-size:11px; font-style:italic; width:30px; }
+.kp-title { font-family:monospace; font-size:12px; color:var(--text); }
+.kp-input { font-size:12px; padding:3px 6px; border:1px solid var(--border); border-radius:4px;
+             background:#fff; width:100%; }
+.kp-input:focus { border-color:var(--accent); outline:none; }
+.kp-input.kp-type { width:80px; }
+.kp-input.kp-id-input { min-width:140px; font-family:monospace; }
+.kp-count { font-weight:normal; color:var(--text2); font-size:12px; }
+
+/* Intermediate results */
+.intermediate .json-section-label { color:var(--text2); }
+.intermediate-pre { font-family:monospace; font-size:12px; background:#f8fafc; border:1px solid var(--border);
+                     border-radius:6px; padding:10px; white-space:pre-wrap; word-break:break-all;
+                     max-height:200px; overflow-y:auto; color:var(--text2); }
+
+/* Error/skip messages */
+.error-msg { padding:12px; color:var(--red); font-size:13px; }
+.skip-msg { padding:12px; color:var(--yellow); font-size:13px; }
+
+/* Raw config section for failed/skipped */
+.raw-config-section { margin-top:8px; padding:0 12px 12px; }
+.raw-config-label { font-weight:600; font-size:12px; color:var(--text2); margin-bottom:4px; }
+.raw-config-pre { font-family:"SF Mono",Monaco,Consolas,monospace; font-size:12px; background:#f8fafc;
+                   border:1px solid var(--border); border-radius:6px; padding:10px;
+                   white-space:pre-wrap; word-break:break-all; max-height:300px;
+                   overflow-y:auto; color:var(--text); line-height:1.5; }
+
+/* Toast */
+.toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:16px 32px; border-radius:8px;
+          font-size:14px; font-weight:500; z-index:300; transition:opacity 0.3s;
+          box-shadow:0 4px 20px rgba(0,0,0,0.2); }
+.toast.success { background:#065f46; color:#fff; }
+.toast.error { background:#991b1b; color:#fff; }
+.toast.info { background:#1e40af; color:#fff; }
+
+.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);
+                  z-index:400; display:flex; align-items:center; justify-content:center; }
+.modal-box { background:#fff; border-radius:12px; padding:24px 32px; max-width:500px; width:90%;
+              box-shadow:0 8px 30px rgba(0,0,0,0.25); text-align:center; }
+.modal-msg { font-size:14px; color:#991b1b; font-weight:500; margin-bottom:16px; line-height:1.6;
+              word-break:break-all; font-family:"SF Mono",Monaco,Consolas,monospace; white-space:pre-wrap;
+              text-align:left; max-height:60vh; overflow-y:auto; }
+.modal-ok-btn { padding:8px 28px; border:none; border-radius:6px; background:#991b1b; color:#fff;
+                 font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
+.modal-ok-btn:hover { background:#7f1d1d; }
+
+.footer { text-align:center; padding:20px; color:var(--text2); font-size:12px; }
+</style>
+</head>
+<body>
+
+<!-- Fixed top bar -->
+<div class="top-bar">
+  <button class="push-all-btn" id="pushAllCfgBtn" onclick="pushAllComponents()">推送全部组件</button>
+  <button class="push-all-btn" id="pushAllKpBtn" onclick="pushAllKpAll()" style="background:#059669;">推送全部知识点</button>
+  <button class="push-all-btn" onclick="exportHtml()" style="background:#7c3aed;" title="将当前所有修改嵌入并下载新HTML">导出修改HTML</button>
+  <input type="text" id="apiUrlInput" value="http://115.190.225.235:18080/api/push"
+         style="font-size:11px;padding:4px 8px;border:1px solid #475569;border-radius:4px;background:#1e293b;color:#cbd5e1;width:320px;"
+         title="推送API地址（可修改）" />
+  <div class="progress-wrap">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <div class="progress-text" id="progressText">就绪</div>
+  </div>
+  <div class="push-summary">
+    <span class="s-ok" id="summaryOk">成功: 0</span>
+    <span class="s-fail" id="summaryFail">失败: 0</span>
+  </div>
+</div>
+
+<div class="container">
+  <div class="header">
+    <h1>L1-S2-U21-L3 搭建基地</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-08 22:57:14</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: GTUlwhbVJi5VftkS4GGc3i1anqh</span>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div class="stat-split">
+      <div class="split-item"><div class="split-dot core"></div><div class="split-num">1</div><div class="split-label">核心互动</div></div>
+      <div class="split-item"><div class="split-dot mid"></div><div class="split-num">15</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">16</div><div class="label">总组件</div></div>
+    <div class="stat-card ok"><div class="num">16</div><div class="label">成功</div></div>
+    <div class="stat-card fail"><div class="num">0</div><div class="label">失败</div></div>
+    <div class="stat-card skip"><div class="num">0</div><div class="label">跳过</div></div>
+  </div>
+
+  
+    <div class="comp-card" id="card-1">
+      <div class="comp-header" onclick="toggleCard(1)">
+        <span class="comp-idx">1</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221301</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="1" onclick="event.stopPropagation();pushComponent(1)">
+          配置推送<span class="push-icon" id="cfg-status-1"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="1" onclick="event.stopPropagation();pushKp(1)">
+          知识推送<span class="push-icon" id="kp-status-1"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-1"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="1" onclick="event.stopPropagation();toggleRegenPanel(1,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-1"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-1">生成成功</span>
+        <span class="comp-arrow" id="arrow-1">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-1">
+        
+    <div class="json-section" id="sec-1-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-jsonData','ve-1-jsonData','ta-1-jsonData','1','jsonData')">
+          <span id="btn-sec-1-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-jsonData" data-idx="1" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-cId" class="ve-input ve-str" value="1221301" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-1-jsonData-title" class="ve-input ve-str" value="了解计划步骤" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;And the last part, build.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-1-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-1-jsonData" data-idx="1" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221301&quot;,
+  &quot;title&quot;: &quot;了解计划步骤&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;And the last part, build.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-1-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-1-kpInfo','ve-1-kpInfo','ta-1-kpInfo','1','kpInfo')">
+          <span id="btn-sec-1-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-1-kpInfo" data-idx="1" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-1-kpInfo-cId" class="ve-input ve-str" value="1221301" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-1-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-1-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-1-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-1-kpInfo" data-idx="1" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221301&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-1-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-1"></div>
+        
+    <div class="regen-panel" id="regen-panel-1" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-1" rows="13">【任务标题】了解计划步骤
+【资源配置】
+图片时机：无
+
+
+【情境引入】
+无
+
+【互动内容】
+User: And the last part, build.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-1" onclick="regenerateComponentJson(1)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-1" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-1" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-1" onclick="regenerateComponentKp(1)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-2">
+      <div class="comp-header" onclick="toggleCard(2)">
+        <span class="comp-idx">2</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221302</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="2" onclick="event.stopPropagation();pushComponent(2)">
+          配置推送<span class="push-icon" id="cfg-status-2"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="2" onclick="event.stopPropagation();pushKp(2)">
+          知识推送<span class="push-icon" id="kp-status-2"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-2"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="2" onclick="event.stopPropagation();toggleRegenPanel(2,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-2"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-2">生成成功</span>
+        <span class="comp-arrow" id="arrow-2">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-2">
+        
+    <div class="json-section" id="sec-2-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-jsonData','ve-2-jsonData','ta-2-jsonData','2','jsonData')">
+          <span id="btn-sec-2-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-jsonData" data-idx="2" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-cId" class="ve-input ve-str" value="1221302" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-2-jsonData-title" class="ve-input ve-str" value="发现设计问题" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Some parts can be better.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-2-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-2-jsonData" data-idx="2" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221302&quot;,
+  &quot;title&quot;: &quot;发现设计问题&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Some parts can be better.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-2-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-2-kpInfo','ve-2-kpInfo','ta-2-kpInfo','2','kpInfo')">
+          <span id="btn-sec-2-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-2-kpInfo" data-idx="2" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-2-kpInfo-cId" class="ve-input ve-str" value="1221302" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-2-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-2-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-2-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-2-kpInfo" data-idx="2" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221302&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-2-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-2"></div>
+        
+    <div class="regen-panel" id="regen-panel-2" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-2" rows="12">【任务标题】发现设计问题
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Some parts can be better.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-2" onclick="regenerateComponentJson(2)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-2" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-2" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-2" onclick="regenerateComponentKp(2)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-3">
+      <div class="comp-header" onclick="toggleCard(3)">
+        <span class="comp-idx">3</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221303</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="3" onclick="event.stopPropagation();pushComponent(3)">
+          配置推送<span class="push-icon" id="cfg-status-3"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="3" onclick="event.stopPropagation();pushKp(3)">
+          知识推送<span class="push-icon" id="kp-status-3"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-3"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="3" onclick="event.stopPropagation();toggleRegenPanel(3,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-3"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-3">生成成功</span>
+        <span class="comp-arrow" id="arrow-3">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-3">
+        
+    <div class="json-section" id="sec-3-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-jsonData','ve-3-jsonData','ta-3-jsonData','3','jsonData')">
+          <span id="btn-sec-3-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-jsonData" data-idx="3" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-cId" class="ve-input ve-str" value="1221303" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-title" class="ve-input ve-str" value="指出顶部太大" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  &quot;content&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-3-jsonData-img" class="ve-input ve-str" value="1221303.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;This part is too big.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-3-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></div>
+          <textarea id="ta-3-jsonData" data-idx="3" data-key="jsonData" class="json-textarea" rows="26" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221303&quot;,
+  &quot;title&quot;: &quot;指出顶部太大&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1221303.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;This part is too big.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-3-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-3-kpInfo','ve-3-kpInfo','ta-3-kpInfo','3','kpInfo')">
+          <span id="btn-sec-3-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-3-kpInfo" data-idx="3" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-3-kpInfo-cId" class="ve-input ve-str" value="1221303" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-3-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-3-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-3-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-3-kpInfo" data-idx="3" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221303&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-3-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-3"></div>
+        
+    <div class="regen-panel" id="regen-panel-3" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-3" rows="12">【任务标题】指出顶部太大
+【资源配置】
+图片时机：互动内容
+
+【情境引入】
+无
+
+【互动内容】
+User: This part is too big.（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-3" onclick="regenerateComponentJson(3)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-3" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-3" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-3" onclick="regenerateComponentKp(3)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-4">
+      <div class="comp-header" onclick="toggleCard(4)">
+        <span class="comp-idx">4</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221304</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="4" onclick="event.stopPropagation();pushComponent(4)">
+          配置推送<span class="push-icon" id="cfg-status-4"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="4" onclick="event.stopPropagation();pushKp(4)">
+          知识推送<span class="push-icon" id="kp-status-4"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-4"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="4" onclick="event.stopPropagation();toggleRegenPanel(4,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-4"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-4">生成成功</span>
+        <span class="comp-arrow" id="arrow-4">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-4">
+        
+    <div class="json-section" id="sec-4-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-jsonData','ve-4-jsonData','ta-4-jsonData','4','jsonData')">
+          <span id="btn-sec-4-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-jsonData" data-idx="4" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-cId" class="ve-input ve-str" value="1221304" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-title" class="ve-input ve-str" value="指出支撑太小" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-4-jsonData-img" class="ve-input ve-str" value="1221304.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;And this ___ is too small.&quot;,
+  &quot;content&quot;: &quot;And this part is too small.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;part&quot;,
+        &quot;needAudio&quot;: true
+      },
+      {
+        &quot;option&quot;: &quot;park&quot;,
+        &quot;needAudio&quot;: true
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;No park here!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-4-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-4-jsonData" data-idx="4" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221304&quot;,
+  &quot;title&quot;: &quot;指出支撑太小&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221304.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;And this ___ is too small.&quot;,
+    &quot;content&quot;: &quot;And this part is too small.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;part&quot;,
+          &quot;needAudio&quot;: true
+        },
+        {
+          &quot;option&quot;: &quot;park&quot;,
+          &quot;needAudio&quot;: true
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;No park here!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-4-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-4-kpInfo','ve-4-kpInfo','ta-4-kpInfo','4','kpInfo')">
+          <span id="btn-sec-4-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-4-kpInfo" data-idx="4" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-4-kpInfo-cId" class="ve-input ve-str" value="1221304" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-4-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-4-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-4-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-4-kpInfo" data-idx="4" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221304&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-4-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-4"></div>
+        
+    <div class="regen-panel" id="regen-panel-4" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-4" rows="18">【任务标题】指出支撑太小
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：And this ___ is too small.（音频）
+选项1：part（正确）
+选项2：park
+
+【互动反馈】
+正确：无
+错误：Peter: No park here!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-4" onclick="regenerateComponentJson(4)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-4" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-4" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-4" onclick="regenerateComponentKp(4)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-5">
+      <div class="comp-header" onclick="toggleCard(5)">
+        <span class="comp-idx">5</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221305</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="5" onclick="event.stopPropagation();pushComponent(5)">
+          配置推送<span class="push-icon" id="cfg-status-5"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="5" onclick="event.stopPropagation();pushKp(5)">
+          知识推送<span class="push-icon" id="kp-status-5"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-5"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="5" onclick="event.stopPropagation();toggleRegenPanel(5,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-5"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-5">生成成功</span>
+        <span class="comp-arrow" id="arrow-5">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-5">
+        
+    <div class="json-section" id="sec-5-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-jsonData','ve-5-jsonData','ta-5-jsonData','5','jsonData')">
+          <span id="btn-sec-5-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-jsonData" data-idx="5" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-cId" class="ve-input ve-str" value="1221305" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-5-jsonData-title" class="ve-input ve-str" value="完成设计打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Now I can put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-5-jsonData" data-idx="5" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221305&quot;,
+  &quot;title&quot;: &quot;完成设计打勾&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Now I can put a tick!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-5-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-5-kpInfo','ve-5-kpInfo','ta-5-kpInfo','5','kpInfo')">
+          <span id="btn-sec-5-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-5-kpInfo" data-idx="5" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-5-kpInfo-cId" class="ve-input ve-str" value="1221305" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-5-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-5-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-5-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-5-kpInfo" data-idx="5" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221305&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-5-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-5"></div>
+        
+    <div class="regen-panel" id="regen-panel-5" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-5" rows="12">【任务标题】完成设计打勾
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Now I can put a tick!（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-5" onclick="regenerateComponentJson(5)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-5" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-5" rows="3">tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-5" onclick="regenerateComponentKp(5)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-6">
+      <div class="comp-header" onclick="toggleCard(6)">
+        <span class="comp-idx">6</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221306</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="6" onclick="event.stopPropagation();pushComponent(6)">
+          配置推送<span class="push-icon" id="cfg-status-6"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="6" onclick="event.stopPropagation();pushKp(6)">
+          知识推送<span class="push-icon" id="kp-status-6"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-6"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="6" onclick="event.stopPropagation();toggleRegenPanel(6,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-6"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-6">生成成功</span>
+        <span class="comp-arrow" id="arrow-6">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-6">
+        
+    <div class="json-section" id="sec-6-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-jsonData','ve-6-jsonData','ta-6-jsonData','6','jsonData')">
+          <span id="btn-sec-6-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-jsonData" data-idx="6" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cId" class="ve-input ve-str" value="1221306" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-title" class="ve-input ve-str" value="给设计打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;$Put a tick$ next to the first part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221306_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221306_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-optionList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221306_option_00.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”，请在第一行打勾。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;We finished the design first!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-6-jsonData-cDesc" class="ve-input ve-str" value="You put a tick next to the first part. (你在第一部分旁边打了勾。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span></div>
+          <textarea id="ta-6-jsonData" data-idx="6" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221306&quot;,
+  &quot;title&quot;: &quot;给设计打勾&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;$Put a tick$ next to the first part.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221306_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221306_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221306_option_00.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”，请在第一行打勾。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;We finished the design first!&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You put a tick next to the first part. (你在第一部分旁边打了勾。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-6-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-6-kpInfo','ve-6-kpInfo','ta-6-kpInfo','6','kpInfo')">
+          <span id="btn-sec-6-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-6-kpInfo" data-idx="6" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-6-kpInfo-cId" class="ve-input ve-str" value="1221306" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-6-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-6-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-6-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-6-kpInfo" data-idx="6" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221306&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-6-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-6"></div>
+        
+    <div class="regen-panel" id="regen-panel-6" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-6" rows="17">【任务标题】给设计打勾
+【情境引入】
+无
+
+【互动内容】
+题干：$Put a tick$ next to the first part.
+选项：
+00
+正确：00
+辅助信息：put a tick 指“打勾”，请在第一行打勾。
+
+【互动反馈】
+正确：无
+错误：Peter: We finished the design first!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-6" onclick="regenerateComponentJson(6)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-6" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-6" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-6" onclick="regenerateComponentKp(6)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-7">
+      <div class="comp-header" onclick="toggleCard(7)">
+        <span class="comp-idx">7</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221307</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="7" onclick="event.stopPropagation();pushComponent(7)">
+          配置推送<span class="push-icon" id="cfg-status-7"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="7" onclick="event.stopPropagation();pushKp(7)">
+          知识推送<span class="push-icon" id="kp-status-7"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-7"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="7" onclick="event.stopPropagation();toggleRegenPanel(7,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-7"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-7">生成成功</span>
+        <span class="comp-arrow" id="arrow-7">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-7">
+        
+    <div class="json-section" id="sec-7-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-jsonData','ve-7-jsonData','ta-7-jsonData','7','jsonData')">
+          <span id="btn-sec-7-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-jsonData" data-idx="7" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-cId" class="ve-input ve-str" value="1221307" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-title" class="ve-input ve-str" value="工具不都能用" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-7-jsonData-img" class="ve-input ve-str" value="1221307.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;There are ___ tools here.&quot;,
+  &quot;content&quot;: &quot;There are some tools here.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;some&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;no&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Wait! We have some tools!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-7-jsonData-postDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;But not all of them work.&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221307&quot;,
+  &quot;title&quot;: &quot;工具不都能用&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221307.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;There are ___ tools here.&quot;,
+    &quot;content&quot;: &quot;There are some tools here.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;some&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;no&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Wait! We have some tools!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;But not all of them work.&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-7-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-7-kpInfo','ve-7-kpInfo','ta-7-kpInfo','7','kpInfo')">
+          <span id="btn-sec-7-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-7-kpInfo" data-idx="7" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-7-kpInfo-cId" class="ve-input ve-str" value="1221307" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-7-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-7-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-7-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-7-kpInfo" data-idx="7" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221307&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-7-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-7"></div>
+        
+    <div class="regen-panel" id="regen-panel-7" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-7" rows="17">【任务标题】工具不都能用
+【资源配置】
+图片时机：互动内容 互动反馈
+
+【情境引入】
+无
+
+【互动内容】
+题目：There are ___ tools here.
+选项1：some（正确）
+选项2：no
+
+【互动反馈】
+正确：无
+错误：Eva: Wait! We have some tools!
+【后置对话】
+User: But not all of them work.</textarea>
+      <button class="regen-exec-btn" id="regen-exec-7" onclick="regenerateComponentJson(7)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-7" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-7" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-7" onclick="regenerateComponentKp(7)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-8">
+      <div class="comp-header" onclick="toggleCard(8)">
+        <span class="comp-idx">8</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221308</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="8" onclick="event.stopPropagation();pushComponent(8)">
+          配置推送<span class="push-icon" id="cfg-status-8"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="8" onclick="event.stopPropagation();pushKp(8)">
+          知识推送<span class="push-icon" id="kp-status-8"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-8"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="8" onclick="event.stopPropagation();toggleRegenPanel(8,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-8"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-8">生成成功</span>
+        <span class="comp-arrow" id="arrow-8">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-8">
+        
+    <div class="json-section" id="sec-8-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-jsonData','ve-8-jsonData','ta-8-jsonData','8','jsonData')">
+          <span id="btn-sec-8-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-jsonData" data-idx="8" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-cId" class="ve-input ve-str" value="1221308" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-title" class="ve-input ve-str" value="找正确工具" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;See?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  &quot;preDialog&quot;,
+  &quot;content&quot;,
+  &quot;feedback&quot;
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="img">img</td>
+              <td class="ve-val"><input type="text" id="vf-8-jsonData-img" class="ve-input ve-str" value="1221308.png" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;We need ___ like those.&quot;,
+  &quot;content&quot;: &quot;We need some tools like those.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;some tools&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;a tool&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;Not that! We have more than one tools.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-8-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221308&quot;,
+  &quot;title&quot;: &quot;找正确工具&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;See?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [
+    &quot;preDialog&quot;,
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1221308.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;We need ___ like those.&quot;,
+    &quot;content&quot;: &quot;We need some tools like those.&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;some tools&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;a tool&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;Not that! We have more than one tools.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-8-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-8-kpInfo','ve-8-kpInfo','ta-8-kpInfo','8','kpInfo')">
+          <span id="btn-sec-8-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-8-kpInfo" data-idx="8" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-8-kpInfo-cId" class="ve-input ve-str" value="1221308" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-8-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;some&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-8-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-8-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-8-kpInfo" data-idx="8" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221308&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;some&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-8-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-8"></div>
+        
+    <div class="regen-panel" id="regen-panel-8" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-8" rows="18">【任务标题】找正确工具
+【资源配置】
+图片时机：情境引入 互动内容 互动反馈
+
+【情境引入】
+User: See?
+
+【互动内容】
+题目：We need ___ like those.
+选项1： some tools（正确）
+选项2：a tool
+
+【互动反馈】
+正确：无
+错误：Peter: Not that! We have more than one tools.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-8" onclick="regenerateComponentJson(8)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-8" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-8" rows="3">some</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-8" onclick="regenerateComponentKp(8)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-9">
+      <div class="comp-header" onclick="toggleCard(9)">
+        <span class="comp-idx">9</span>
+        <span class="comp-type">图片单选</span>
+        <span class="comp-cid">cId: 1221309</span>
+        <span class="comp-ctype">mid_image_choose</span>
+        
+        <button class="push-btn config-btn" data-idx="9" onclick="event.stopPropagation();pushComponent(9)">
+          配置推送<span class="push-icon" id="cfg-status-9"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="9" onclick="event.stopPropagation();pushKp(9)">
+          知识推送<span class="push-icon" id="kp-status-9"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-9"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="9" onclick="event.stopPropagation();toggleRegenPanel(9,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-9"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-9">生成成功</span>
+        <span class="comp-arrow" id="arrow-9">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-9">
+        
+    <div class="json-section" id="sec-9-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-jsonData','ve-9-jsonData','ta-9-jsonData','9','jsonData')">
+          <span id="btn-sec-9-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-jsonData" data-idx="9" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cId" class="ve-input ve-str" value="1221309" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-title" class="ve-input ve-str" value="给工具打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="meaning">meaning</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-meaning" class="ve-input ve-str" value="" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-question" class="ve-input ve-complex" rows="3" data-vtype="json">{
+  &quot;desc&quot;: &quot;Put a tick next to the right part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imageInfo">imageInfo</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-imageInfo" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;questionImg&quot;: &quot;1221309_question.png&quot;,
+  &quot;answerImg&quot;: &quot;1221309_answer.png&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;1221309_option_00.png&quot;
+  },
+  {
+    &quot;option&quot;: &quot;1221309_option_01.png&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-answer" class="ve-input ve-complex" rows="3" data-vtype="json">[
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;I pick these!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”，请在第二行打勾。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Not yet! We haven&#x27;t finished that part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-9-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><input type="text" id="vf-9-jsonData-cDesc" class="ve-input ve-str" value="You put a tick on the correct line. (你在正确的那一行打了勾。)" data-vtype="string" /></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span></div>
+          <textarea id="ta-9-jsonData" data-idx="9" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221309&quot;,
+  &quot;title&quot;: &quot;给工具打勾&quot;,
+  &quot;meaning&quot;: &quot;&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;Put a tick next to the right part.&quot;
+  },
+  &quot;imageInfo&quot;: {
+    &quot;questionImg&quot;: &quot;1221309_question.png&quot;,
+    &quot;answerImg&quot;: &quot;1221309_answer.png&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;1221309_option_00.png&quot;
+    },
+    {
+      &quot;option&quot;: &quot;1221309_option_01.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Eva&quot;,
+      &quot;content&quot;: &quot;I pick these!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”，请在第二行打勾。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Not yet! We haven&#x27;t finished that part.&quot;
+  },
+  &quot;postDialog&quot;: [],
+  &quot;cDesc&quot;: &quot;You put a tick on the correct line. (你在正确的那一行打了勾。)&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-9-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-9-kpInfo','ve-9-kpInfo','ta-9-kpInfo','9','kpInfo')">
+          <span id="btn-sec-9-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-9-kpInfo" data-idx="9" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cType" class="ve-input ve-str" value="mid_image_choose" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-9-kpInfo-cId" class="ve-input ve-str" value="1221309" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-9-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-9-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-9-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-9-kpInfo" data-idx="9" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_image_choose&quot;,
+  &quot;cId&quot;: &quot;1221309&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-9-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-9"></div>
+        
+    <div class="regen-panel" id="regen-panel-9" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-9" rows="18">【任务标题】给工具打勾
+【情境引入】
+Eva: I pick these!
+
+【互动内容】
+题干：Put a tick next to the right part.
+选项：
+00
+01
+正确：00
+辅助信息：put a tick 指“打勾”，请在第二行打勾。
+
+【互动反馈】
+正确：无
+错误：Eva: Not yet! We haven&#x27;t finished that part.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-9" onclick="regenerateComponentJson(9)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-9" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-9" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-9" onclick="regenerateComponentKp(9)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-10">
+      <div class="comp-header" onclick="toggleCard(10)">
+        <span class="comp-idx">10</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221310</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="10" onclick="event.stopPropagation();pushComponent(10)">
+          配置推送<span class="push-icon" id="cfg-status-10"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="10" onclick="event.stopPropagation();pushKp(10)">
+          知识推送<span class="push-icon" id="kp-status-10"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-10"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="10" onclick="event.stopPropagation();toggleRegenPanel(10,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-10"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-10">生成成功</span>
+        <span class="comp-arrow" id="arrow-10">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-10">
+        
+    <div class="json-section" id="sec-10-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-jsonData','ve-10-jsonData','ta-10-jsonData','10','jsonData')">
+          <span id="btn-sec-10-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-jsonData" data-idx="10" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-cId" class="ve-input ve-str" value="1221310" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-title" class="ve-input ve-str" value="学习搭建方法" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-preDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;A rocket can fly to space!&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉 Peter 和 Eva：要把所有部分拼在一起&quot;,
+  &quot;content&quot;: &quot;They put all parts together.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;all&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;parts&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;they put&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;together&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-answer" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  2,
+  0,
+  1,
+  3
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-10-jsonData-tip" class="ve-input ve-str" value="all parts together 指的是“所有部分放在一起”" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;That doesn&#x27;t sound right.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-10-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221310&quot;,
+  &quot;title&quot;: &quot;学习搭建方法&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Eva&quot;,
+      &quot;content&quot;: &quot;A rocket can fly to space!&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉 Peter 和 Eva：要把所有部分拼在一起&quot;,
+    &quot;content&quot;: &quot;They put all parts together.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;all&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;parts&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;they put&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;together&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    2,
+    0,
+    1,
+    3
+  ],
+  &quot;tip&quot;: &quot;all parts together 指的是“所有部分放在一起”&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;That doesn&#x27;t sound right.&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-10-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-10-kpInfo','ve-10-kpInfo','ta-10-kpInfo','10','kpInfo')">
+          <span id="btn-sec-10-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-10-kpInfo" data-idx="10" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-10-kpInfo-cId" class="ve-input ve-str" value="1221310" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-10-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-10-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-10-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-10-kpInfo" data-idx="10" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221310&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-10-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-10"></div>
+        
+    <div class="regen-panel" id="regen-panel-10" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-10" rows="23">【任务标题】学习搭建方法
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+Eva: A rocket can fly to space!
+
+【互动内容】
+题目：告诉 Peter 和 Eva：要把所有部分拼在一起
+选项1：all 
+选项2：parts 
+选项3：they put
+选项4：together
+答案：They put all parts together.
+辅助信息：all parts together 指的是“所有部分放在一起”
+
+【互动反馈】
+正确：无
+错误：Peter: That doesn&#x27;t sound right.
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-10" onclick="regenerateComponentJson(10)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-10" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-10" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-10" onclick="regenerateComponentKp(10)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-11">
+      <div class="comp-header" onclick="toggleCard(11)">
+        <span class="comp-idx">11</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221311</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="11" onclick="event.stopPropagation();pushComponent(11)">
+          配置推送<span class="push-icon" id="cfg-status-11"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="11" onclick="event.stopPropagation();pushKp(11)">
+          知识推送<span class="push-icon" id="kp-status-11"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-11"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="11" onclick="event.stopPropagation();toggleRegenPanel(11,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-11"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-11">生成成功</span>
+        <span class="comp-arrow" id="arrow-11">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-11">
+        
+    <div class="json-section" id="sec-11-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-jsonData','ve-11-jsonData','ta-11-jsonData','11','jsonData')">
+          <span id="btn-sec-11-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-jsonData" data-idx="11" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-cId" class="ve-input ve-str" value="1221311" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-11-jsonData-title" class="ve-input ve-str" value="询问是否完成" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Did you complete it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-11-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-11-jsonData" data-idx="11" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221311&quot;,
+  &quot;title&quot;: &quot;询问是否完成&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Did you complete it?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-11-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-11-kpInfo','ve-11-kpInfo','ta-11-kpInfo','11','kpInfo')">
+          <span id="btn-sec-11-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-11-kpInfo" data-idx="11" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-11-kpInfo-cId" class="ve-input ve-str" value="1221311" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-11-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;complete&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-11-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-11-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-11-kpInfo" data-idx="11" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221311&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;complete&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-11-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-11"></div>
+        
+    <div class="regen-panel" id="regen-panel-11" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-11" rows="12">【任务标题】询问是否完成
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+User: Did you complete it?（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-11" onclick="regenerateComponentJson(11)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-11" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-11" rows="3">complete</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-11" onclick="regenerateComponentKp(11)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-12">
+      <div class="comp-header" onclick="toggleCard(12)">
+        <span class="comp-idx">12</span>
+        <span class="comp-type">对话挖空</span>
+        <span class="comp-cid">cId: 1221312</span>
+        <span class="comp-ctype">mid_dialog_fillin</span>
+        
+        <button class="push-btn config-btn" data-idx="12" onclick="event.stopPropagation();pushComponent(12)">
+          配置推送<span class="push-icon" id="cfg-status-12"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="12" onclick="event.stopPropagation();pushKp(12)">
+          知识推送<span class="push-icon" id="kp-status-12"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-12"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="12" onclick="event.stopPropagation();toggleRegenPanel(12,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-12"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-12">生成成功</span>
+        <span class="comp-arrow" id="arrow-12">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-12">
+        
+    <div class="json-section" id="sec-12-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-jsonData','ve-12-jsonData','ta-12-jsonData','12','jsonData')">
+          <span id="btn-sec-12-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-jsonData" data-idx="12" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-cId" class="ve-input ve-str" value="1221312" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-12-jsonData-title" class="ve-input ve-str" value="基地也完成了" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-question" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Pioneers ___ the base too!&quot;,
+  &quot;content&quot;: &quot;Pioneers complete the base too!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionGroupList">optionGroupList</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-optionGroupList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;optionList&quot;: [
+      {
+        &quot;option&quot;: &quot;complete&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;computer&quot;,
+        &quot;needAudio&quot;: false
+      }
+    ],
+    &quot;answer&quot;: [
+      0
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Peter&quot;,
+  &quot;content&quot;: &quot;We don&#x27;t need a computer!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-12-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span></div>
+          <textarea id="ta-12-jsonData" data-idx="12" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221312&quot;,
+  &quot;title&quot;: &quot;基地也完成了&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Pioneers ___ the base too!&quot;,
+    &quot;content&quot;: &quot;Pioneers complete the base too!&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;complete&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;computer&quot;,
+          &quot;needAudio&quot;: false
+        }
+      ],
+      &quot;answer&quot;: [
+        0
+      ]
+    }
+  ],
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Peter&quot;,
+    &quot;content&quot;: &quot;We don&#x27;t need a computer!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-12-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-12-kpInfo','ve-12-kpInfo','ta-12-kpInfo','12','kpInfo')">
+          <span id="btn-sec-12-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-12-kpInfo" data-idx="12" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_fillin" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-12-kpInfo-cId" class="ve-input ve-str" value="1221312" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-12-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-12-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-12-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-12-kpInfo" data-idx="12" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_fillin&quot;,
+  &quot;cId&quot;: &quot;1221312&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-12-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-12"></div>
+        
+    <div class="regen-panel" id="regen-panel-12" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-12" rows="16">【任务标题】基地也完成了
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+【互动内容】
+题目：Pioneers ___ the base too!
+选项1：complete（正确）
+选项2：computer
+
+【互动反馈】
+正确：无
+错误：Peter: We don&#x27;t need a computer!
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-12" onclick="regenerateComponentJson(12)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-12" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-12" rows="3">sb complete sth</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-12" onclick="regenerateComponentKp(12)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-13">
+      <div class="comp-header" onclick="toggleCard(13)">
+        <span class="comp-idx">13</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221313</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="13" onclick="event.stopPropagation();pushComponent(13)">
+          配置推送<span class="push-icon" id="cfg-status-13"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="13" onclick="event.stopPropagation();pushKp(13)">
+          知识推送<span class="push-icon" id="kp-status-13"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-13"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="13" onclick="event.stopPropagation();toggleRegenPanel(13,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-13"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-13">生成成功</span>
+        <span class="comp-arrow" id="arrow-13">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-13">
+        
+    <div class="json-section" id="sec-13-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-jsonData','ve-13-jsonData','ta-13-jsonData','13','jsonData')">
+          <span id="btn-sec-13-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-jsonData" data-idx="13" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-cId" class="ve-input ve-str" value="1221313" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-title" class="ve-input ve-str" value="最后打勾" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉大家：让我来打勾&quot;,
+  &quot;content&quot;: &quot;Let me put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;a tick&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;put&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;let me&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  2,
+  1,
+  0
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-13-jsonData-tip" class="ve-input ve-str" value="put a tick 指“打勾”" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Come on! Put a tick!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-13-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span></div>
+          <textarea id="ta-13-jsonData" data-idx="13" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221313&quot;,
+  &quot;title&quot;: &quot;最后打勾&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉大家：让我来打勾&quot;,
+    &quot;content&quot;: &quot;Let me put a tick!&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;a tick&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;put&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;let me&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    2,
+    1,
+    0
+  ],
+  &quot;tip&quot;: &quot;put a tick 指“打勾”&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Come on! Put a tick!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-13-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-13-kpInfo','ve-13-kpInfo','ta-13-kpInfo','13','kpInfo')">
+          <span id="btn-sec-13-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-13-kpInfo" data-idx="13" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-13-kpInfo-cId" class="ve-input ve-str" value="1221313" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-13-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;put a tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-13-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-13-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-13-kpInfo" data-idx="13" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221313&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;put a tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-13"></div>
+        
+    <div class="regen-panel" id="regen-panel-13" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-13" rows="21">【任务标题】最后打勾
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+题目：告诉大家：让我来打勾
+选项1：a tick
+选项2：put
+选项3：let me
+答案：Let me put a tick!
+辅助信息：put a tick 指“打勾”
+
+【互动反馈】
+正确：无
+错误：Eva: Come on! Put a tick!
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-13" onclick="regenerateComponentJson(13)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-13" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-13" rows="3">put a tick</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-13" onclick="regenerateComponentKp(13)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-14">
+      <div class="comp-header" onclick="toggleCard(14)">
+        <span class="comp-idx">14</span>
+        <span class="cat-badge core">核心</span><span class="comp-type">看图选词</span>
+        <span class="comp-cid">cId: 1221314</span>
+        <span class="comp-ctype">core_reading_imageDrag</span>
+        
+        <button class="push-btn config-btn" data-idx="14" onclick="event.stopPropagation();pushComponent(14)">
+          配置推送<span class="push-icon" id="cfg-status-14"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="14" onclick="event.stopPropagation();pushKp(14)">
+          知识推送<span class="push-icon" id="kp-status-14"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-14"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="14" onclick="event.stopPropagation();toggleRegenPanel(14,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-14"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-14">生成成功</span>
+        <span class="comp-arrow" id="arrow-14">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-14">
+        
+    <div class="json-section" id="sec-14-taskInfo">
+      <div class="json-section-label">
+        taskInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-taskInfo','ve-14-taskInfo','ta-14-taskInfo','14','taskInfo')">
+          <span id="btn-sec-14-taskInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-taskInfo" data-idx="14" data-key="taskInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-cId" class="ve-input ve-str" value="1221314" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-cType" class="ve-input ve-str" value="core_reading_imageDrag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-title" class="ve-input ve-str" value="找出太空基地遗漏的部分" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="taskDesc">taskDesc</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-taskDesc" class="ve-input ve-str" value="观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="sceneDesc">sceneDesc</td>
+              <td class="ve-val"><input type="text" id="vf-14-taskInfo-sceneDesc" class="ve-input ve-str" value="Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="key">key</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-key" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;desc&quot;: &quot;&quot;,
+    &quot;keyList&quot;: [
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;tick&quot;,
+        &quot;desc&quot;: &quot;n. 对勾&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;some&quot;,
+        &quot;desc&quot;: &quot;det. 一些&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;part&quot;,
+        &quot;desc&quot;: &quot;n. 部分&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;complete&quot;,
+        &quot;desc&quot;: &quot;v. 使完整&quot;
+      }
+    ]
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cDesc">cDesc</td>
+              <td class="ve-val"><textarea id="vf-14-taskInfo-cDesc" class="ve-input ve-str-long" rows="2" data-vtype="string">To help Peter and Eva find the missing parts of their nearly finished space base, you look carefully at the picture details, and drag the suitable words from the collection to the blanks in each sentence to complete all the descriptions.（为了帮Peter和Eva找出快要建好的太空基地遗漏的部分，你仔细观察图片内容，把集合里合适的单词拖到每个句子的空白处，补全了所有描述。）</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-taskInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-taskInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span></div>
+          <textarea id="ta-14-taskInfo" data-idx="14" data-key="taskInfo" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cId&quot;: &quot;1221314&quot;,
+  &quot;cType&quot;: &quot;core_reading_imageDrag&quot;,
+  &quot;title&quot;: &quot;找出太空基地遗漏的部分&quot;,
+  &quot;taskDesc&quot;: &quot;观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。&quot;,
+  &quot;sceneDesc&quot;: &quot;Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。&quot;,
+  &quot;key&quot;: [
+    {
+      &quot;desc&quot;: &quot;&quot;,
+      &quot;keyList&quot;: [
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;tick&quot;,
+          &quot;desc&quot;: &quot;n. 对勾&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;some&quot;,
+          &quot;desc&quot;: &quot;det. 一些&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;part&quot;,
+          &quot;desc&quot;: &quot;n. 部分&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;complete&quot;,
+          &quot;desc&quot;: &quot;v. 使完整&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;cDesc&quot;: &quot;To help Peter and Eva find the missing parts of their nearly finished space base, you look carefully at the picture details, and drag the suitable words from the collection to the blanks in each sentence to complete all the descriptions.（为了帮Peter和Eva找出快要建好的太空基地遗漏的部分，你仔细观察图片内容，把集合里合适的单词拖到每个句子的空白处，补全了所有描述。）&quot;
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-taskInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section">
+      <div class="json-section-label">studyInfo</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-14-studyInfo"><span>1</span></div>
+        <textarea id="ta-14-studyInfo" data-idx="14" data-key="studyInfo" class="json-textarea" rows="3" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">&quot;无&quot;</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-kpInfo','ve-14-kpInfo','ta-14-kpInfo','14','kpInfo')">
+          <span id="btn-sec-14-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-kpInfo" data-idx="14" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cType" class="ve-input ve-str" value="core_reading_imageDrag" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-14-kpInfo-cId" class="ve-input ve-str" value="1221314" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-14-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;tick&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;complete&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-14-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span></div>
+          <textarea id="ta-14-kpInfo" data-idx="14" data-key="kpInfo" class="json-textarea" rows="28" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;core_reading_imageDrag&quot;,
+  &quot;cId&quot;: &quot;1221314&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;tick&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;complete&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-14-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">无</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">To help Peter and Eva find the missing parts of their nearly finished space base, you look carefully at the picture details, and drag the suitable words from the collection to the blanks in each sentence to complete all the descriptions.（为了帮Peter和Eva找出快要建好的太空基地遗漏的部分，你仔细观察图片内容，把集合里合适的单词拖到每个句子的空白处，补全了所有描述。）</pre>
+                    </div>
+        <div id="regen-result-14"></div>
+        
+    <div class="regen-panel" id="regen-panel-14" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-14" rows="11">【任务标题】
+找出太空基地遗漏的部分
+【任务背景】
+Peter 和 Eva 的太空基地就要建好了！但是，似乎还少点什么？一起来看看吧。
+【任务描述】
+观察图片内容，将下方选项池中的单词拖拽到对应句子的空白处，补全所有句子。
+【通关知识】
+tick n. 对勾
+some det. 一些
+part n. 部分
+complete v. 使完整</textarea>
+      <button class="regen-exec-btn" id="regen-exec-14" onclick="regenerateComponentJson(14)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-14" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-14" rows="3">tick
+part
+complete</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-14" onclick="regenerateComponentKp(14)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-15">
+      <div class="comp-header" onclick="toggleCard(15)">
+        <span class="comp-idx">15</span>
+        <span class="comp-type">对话组句</span>
+        <span class="comp-cid">cId: 1221315</span>
+        <span class="comp-ctype">mid_dialog_sentence</span>
+        
+        <button class="push-btn config-btn" data-idx="15" onclick="event.stopPropagation();pushComponent(15)">
+          配置推送<span class="push-icon" id="cfg-status-15"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="15" onclick="event.stopPropagation();pushKp(15)">
+          知识推送<span class="push-icon" id="kp-status-15"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-15"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="15" onclick="event.stopPropagation();toggleRegenPanel(15,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-15"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-15">生成成功</span>
+        <span class="comp-arrow" id="arrow-15">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-15">
+        
+    <div class="json-section" id="sec-15-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-jsonData','ve-15-jsonData','ta-15-jsonData','15','jsonData')">
+          <span id="btn-sec-15-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-jsonData" data-idx="15" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-cId" class="ve-input ve-str" value="1221315" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-title" class="ve-input ve-str" value="展示最后部分" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-preDialog" class="ve-input ve-complex" rows="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;See?&quot;
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;告诉 Peter 和 Eva：这是最后的部分&quot;,
+  &quot;content&quot;: &quot;This is the last part.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;this is&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;part&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;the last&quot;,
+    &quot;needAudio&quot;: false
+  }
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="answer">answer</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-answer" class="ve-input ve-complex" rows="5" data-vtype="json">[
+  0,
+  2,
+  1
+]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="tip">tip</td>
+              <td class="ve-val"><input type="text" id="vf-15-jsonData-tip" class="ve-input ve-str" value="the last part 指“最后一部分”。" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-corFeedback" class="ve-input ve-complex" rows="2" data-vtype="json">{}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="errFeedback">errFeedback</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Eva&quot;,
+  &quot;content&quot;: &quot;Sorry? Do we complete it?&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-15-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="30" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221315&quot;,
+  &quot;title&quot;: &quot;展示最后部分&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;See?&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;告诉 Peter 和 Eva：这是最后的部分&quot;,
+    &quot;content&quot;: &quot;This is the last part.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;this is&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;part&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;the last&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    2,
+    1
+  ],
+  &quot;tip&quot;: &quot;the last part 指“最后一部分”。&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Eva&quot;,
+    &quot;content&quot;: &quot;Sorry? Do we complete it?&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-15-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-15-kpInfo','ve-15-kpInfo','ta-15-kpInfo','15','kpInfo')">
+          <span id="btn-sec-15-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-15-kpInfo" data-idx="15" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_sentence" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-15-kpInfo-cId" class="ve-input ve-str" value="1221315" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-15-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;part&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-15-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-15-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-15-kpInfo" data-idx="15" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1221315&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;part&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-15-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-15"></div>
+        
+    <div class="regen-panel" id="regen-panel-15" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-15" rows="20">【任务标题】展示最后部分
+【资源配置】
+图片时机：无
+
+【情境引入】
+User: See?
+
+【互动内容】
+题目：告诉 Peter 和 Eva：这是最后的部分
+选项1：this is
+选项2：part
+选项3：the last
+答案：This is the last part.
+辅助信息：the last part 指“最后一部分”。
+
+【互动反馈】
+正确：无
+错误：Eva: Sorry? Do we complete it?
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-15" onclick="regenerateComponentJson(15)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-15" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-15" rows="3">part</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+    <div class="comp-card" id="card-16">
+      <div class="comp-header" onclick="toggleCard(16)">
+        <span class="comp-idx">16</span>
+        <span class="comp-type">对话朗读</span>
+        <span class="comp-cid">cId: 1221316</span>
+        <span class="comp-ctype">mid_dialog_repeat</span>
+        
+        <button class="push-btn config-btn" data-idx="16" onclick="event.stopPropagation();pushComponent(16)">
+          配置推送<span class="push-icon" id="cfg-status-16"></span>
+        </button>
+        <button class="push-btn kp-btn" data-idx="16" onclick="event.stopPropagation();pushKp(16)">
+          知识推送<span class="push-icon" id="kp-status-16"></span>
+        </button>
+        <button class="push-btn regen-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'component')">
+          重新生成组件<span class="push-icon" id="regen-status-16"></span>
+        </button>
+        <button class="push-btn regen-kp-btn" data-idx="16" onclick="event.stopPropagation();toggleRegenPanel(16,'kp')">
+          重新生成知识点<span class="push-icon" id="regen-kp-status-16"></span>
+        </button>
+        <span class="comp-status ok" id="status-label-16">生成成功</span>
+        <span class="comp-arrow" id="arrow-16">&#9654;</span>
+      </div>
+      <div class="comp-body" id="body-16">
+        
+    <div class="json-section" id="sec-16-jsonData">
+      <div class="json-section-label">
+        jsonData
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-jsonData','ve-16-jsonData','ta-16-jsonData','16','jsonData')">
+          <span id="btn-sec-16-jsonData">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-jsonData" data-idx="16" data-key="jsonData">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-cId" class="ve-input ve-str" value="1221316" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="title">title</td>
+              <td class="ve-val"><input type="text" id="vf-16-jsonData-title" class="ve-input ve-str" value="宣布基地完成" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="resourceMapping">resourceMapping</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-resourceMapping" class="ve-input ve-complex" rows="8" data-vtype="json">{
+  &quot;Ben&quot;: 311,
+  &quot;Sally&quot;: 654,
+  &quot;Vicky&quot;: 658,
+  &quot;Peter&quot;: 739,
+  &quot;Eva&quot;: 663,
+  &quot;Dan&quot;: 652,
+  &quot;Rebecca&quot;: 294,
+  &quot;Mike&quot;: 700,
+  &quot;Logi&quot;: 767
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="preDialog">preDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-preDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="imgShowTimingList">imgShowTimingList</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-imgShowTimingList" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="question">question</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Now you complete the base!&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="postDialog">postDialog</td>
+              <td class="ve-val"><textarea id="vf-16-jsonData-postDialog" class="ve-input ve-complex" rows="2" data-vtype="json">[]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-jsonData" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-jsonData"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span></div>
+          <textarea id="ta-16-jsonData" data-idx="16" data-key="jsonData" class="json-textarea" rows="23" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221316&quot;,
+  &quot;title&quot;: &quot;宣布基地完成&quot;,
+  &quot;resourceMapping&quot;: {
+    &quot;Ben&quot;: 311,
+    &quot;Sally&quot;: 654,
+    &quot;Vicky&quot;: 658,
+    &quot;Peter&quot;: 739,
+    &quot;Eva&quot;: 663,
+    &quot;Dan&quot;: 652,
+    &quot;Rebecca&quot;: 294,
+    &quot;Mike&quot;: 700,
+    &quot;Logi&quot;: 767
+  },
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Now you complete the base!&quot;
+  },
+  &quot;postDialog&quot;: []
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-jsonData" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-16-kpInfo">
+      <div class="json-section-label">
+        kpInfo JSON
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-16-kpInfo','ve-16-kpInfo','ta-16-kpInfo','16','kpInfo')">
+          <span id="btn-sec-16-kpInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-16-kpInfo" data-idx="16" data-key="kpInfo">
+        <table class="ve-table"><tbody><tr class="ve-row">
+              <td class="ve-key" title="pushType">pushType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-pushType" class="ve-input ve-str" value="relationKp" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cType">cType</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cType" class="ve-input ve-str" value="mid_dialog_repeat" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="cId">cId</td>
+              <td class="ve-val"><input type="text" id="vf-16-kpInfo-cId" class="ve-input ve-str" value="1221316" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="kpInfo">kpInfo</td>
+              <td class="ve-val"><textarea id="vf-16-kpInfo-kpInfo" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;vocab&quot;,
+    &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  }
+]</textarea></td>
+            </tr></tbody></table>
+      </div>
+      <div class="ve-raw" id="raw-sec-16-kpInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-16-kpInfo"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span></div>
+          <textarea id="ta-16-kpInfo" data-idx="16" data-key="kpInfo" class="json-textarea" rows="14" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;pushType&quot;: &quot;relationKp&quot;,
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1221316&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sb complete sth&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    }
+  ]
+}</textarea>
+        </div>
+        <div class="ve-error" id="err-sec-16-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+        <div id="regen-result-16"></div>
+        
+    <div class="regen-panel" id="regen-panel-16" style="display:none;">
+      <div class="regen-label">原始组件配置 <span class="regen-hint">(可编辑后点击"执行重新生成组件")</span></div>
+      <textarea class="regen-textarea" id="regen-config-16" rows="12">【任务标题】宣布基地完成
+【资源配置】
+图片时机：无
+
+【情境引入】
+无
+
+【互动内容】
+Now you complete the base!（朗读）
+
+【后置对话】
+无</textarea>
+      <button class="regen-exec-btn" id="regen-exec-16" onclick="regenerateComponentJson(16)">执行重新生成组件</button>
+    </div>
+    <div class="regen-panel regen-kp-panel" id="regen-kp-panel-16" style="display:none;">
+      <div class="regen-label regen-kp-label">知识点文本 <span class="regen-hint">(来自sheet知识点列，可编辑后点击"执行重新生成知识点")</span></div>
+      <textarea class="regen-textarea regen-kp-textarea" id="regen-kp-text-16" rows="3">sb complete sth</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-16" onclick="regenerateComponentKp(16)">执行重新生成知识点</button>
+    </div>
+      </div>
+    </div>
+
+  <div class="footer">Interactive Component JSON Generator — Report v2</div>
+</div>
+
+<div class="toast" id="toast" style="display:none;"></div>
+<div class="modal-overlay" id="modalOverlay" style="display:none;" onclick="closeModal()">
+  <div class="modal-box" onclick="event.stopPropagation()">
+    <div class="modal-msg" id="modalMsg"></div>
+    <button class="modal-ok-btn" onclick="closeModal()">确定</button>
+  </div>
+</div>
+
+<script>
+// ============ Embedded Data ============
+const COMPONENTS = [{"cId": "1221301", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u4e86\u89e3\u8ba1\u5212\u6b65\u9aa4\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: And the last part, build.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S1\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221301", "title": "\u4e86\u89e3\u8ba1\u5212\u6b65\u9aa4", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "And the last part, build."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221301", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221302", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u53d1\u73b0\u8bbe\u8ba1\u95ee\u9898\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Some parts can be better.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S2\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221302", "title": "\u53d1\u73b0\u8bbe\u8ba1\u95ee\u9898", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Some parts can be better."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221302", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221303", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6307\u51fa\u9876\u90e8\u592a\u5927\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: This part is too big.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S3\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221303", "title": "\u6307\u51fa\u9876\u90e8\u592a\u5927", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1221303.png", "question": {"type": "user", "content": "This part is too big."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221303", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221304", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6307\u51fa\u652f\u6491\u592a\u5c0f\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aAnd this ___ is too small.\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1apart\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1apark\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: No park here!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S4\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221304", "title": "\u6307\u51fa\u652f\u6491\u592a\u5c0f", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221304.png", "question": {"type": "user", "desc": "And this ___ is too small.", "content": "And this part is too small."}, "optionGroupList": [{"optionList": [{"option": "part", "needAudio": true}, {"option": "park", "needAudio": true}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "No park here!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221304", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221305", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5b8c\u6210\u8bbe\u8ba1\u6253\u52fe\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Now I can put a tick!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "", "knowledge_text": "tick", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221305", "title": "\u5b8c\u6210\u8bbe\u8ba1\u6253\u52fe", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Now I can put a tick!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221305", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221306", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ed9\u8bbe\u8ba1\u6253\u52fe\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1a$Put a tick$ next to the first part.\n\u9009\u9879\uff1a\n00\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e00\u884c\u6253\u52fe\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: We finished the design first!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_image_choose", "cId": "1221306", "title": "\u7ed9\u8bbe\u8ba1\u6253\u52fe", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "question": {"desc": "$Put a tick$ next to the first part."}, "imageInfo": {"questionImg": "1221306_question.png", "answerImg": "1221306_answer.png"}, "optionList": [{"option": "1221306_option_00.png"}], "answer": [0], "preDialog": [], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e00\u884c\u6253\u52fe\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "We finished the design first!"}, "postDialog": [], "cDesc": "You put a tick next to the first part. (\u4f60\u5728\u7b2c\u4e00\u90e8\u5206\u65c1\u8fb9\u6253\u4e86\u52fe\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221306", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221307", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5de5\u5177\u4e0d\u90fd\u80fd\u7528\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aThere are ___ tools here.\n\u9009\u98791\uff1asome\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1ano\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Wait! We have some tools!\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nUser: But not all of them work.", "config_info": "S6\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221307", "title": "\u5de5\u5177\u4e0d\u90fd\u80fd\u7528", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1221307.png", "question": {"type": "user", "desc": "There are ___ tools here.", "content": "There are some tools here."}, "optionGroupList": [{"optionList": [{"option": "some", "needAudio": false}, {"option": "no", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Wait! We have some tools!"}, "postDialog": [{"type": "user", "content": "But not all of them work."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221307", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221308", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u627e\u6b63\u786e\u5de5\u5177\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u60c5\u5883\u5f15\u5165 \u4e92\u52a8\u5185\u5bb9 \u4e92\u52a8\u53cd\u9988\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: See?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aWe need ___ like those.\n\u9009\u98791\uff1a some tools\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aa tool\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: Not that! We have more than one tools.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S7\u4e3b\u7ebf", "knowledge_text": "some", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221308", "title": "\u627e\u6b63\u786e\u5de5\u5177", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "user", "content": "See?"}], "imgShowTimingList": ["preDialog", "content", "feedback"], "img": "1221308.png", "question": {"type": "user", "desc": "We need ___ like those.", "content": "We need some tools like those."}, "optionGroupList": [{"optionList": [{"option": "some tools", "needAudio": false}, {"option": "a tool", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "Not that! We have more than one tools."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221308", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "some", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221309", "cType": "mid_image_choose", "category": "mid", "type_name": "\u56fe\u7247\u5355\u9009", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ed9\u5de5\u5177\u6253\u52fe\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nEva: I pick these!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u5e72\uff1aPut a tick next to the right part.\n\u9009\u9879\uff1a\n00\n01\n\u6b63\u786e\uff1a00\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e8c\u884c\u6253\u52fe\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Not yet! We haven't finished that part.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S9\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_image_choose", "cId": "1221309", "title": "\u7ed9\u5de5\u5177\u6253\u52fe", "meaning": "", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "question": {"desc": "Put a tick next to the right part."}, "imageInfo": {"questionImg": "1221309_question.png", "answerImg": "1221309_answer.png"}, "optionList": [{"option": "1221309_option_00.png"}, {"option": "1221309_option_01.png"}], "answer": [0], "preDialog": [{"type": "npc", "npcName": "Eva", "content": "I pick these!"}], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d\uff0c\u8bf7\u5728\u7b2c\u4e8c\u884c\u6253\u52fe\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Not yet! We haven't finished that part."}, "postDialog": [], "cDesc": "You put a tick on the correct line. (\u4f60\u5728\u6b63\u786e\u7684\u90a3\u4e00\u884c\u6253\u4e86\u52fe\u3002)"}, "kpInfo": {"pushType": "relationKp", "cType": "mid_image_choose", "cId": "1221309", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221310", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5b66\u4e60\u642d\u5efa\u65b9\u6cd5\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nEva: A rocket can fly to space!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9 Peter \u548c Eva\uff1a\u8981\u628a\u6240\u6709\u90e8\u5206\u62fc\u5728\u4e00\u8d77\n\u9009\u98791\uff1aall \n\u9009\u98792\uff1aparts \n\u9009\u98793\uff1athey put\n\u9009\u98794\uff1atogether\n\u7b54\u6848\uff1aThey put all parts together.\n\u8f85\u52a9\u4fe1\u606f\uff1aall parts together \u6307\u7684\u662f\u201c\u6240\u6709\u90e8\u5206\u653e\u5728\u4e00\u8d77\u201d\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: That doesn't sound right.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S10\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221310", "title": "\u5b66\u4e60\u642d\u5efa\u65b9\u6cd5", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "npc", "npcName": "Eva", "content": "A rocket can fly to space!"}], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9 Peter \u548c Eva\uff1a\u8981\u628a\u6240\u6709\u90e8\u5206\u62fc\u5728\u4e00\u8d77", "content": "They put all parts together."}, "optionList": [{"option": "all", "needAudio": false}, {"option": "parts", "needAudio": false}, {"option": "they put", "needAudio": false}, {"option": "together", "needAudio": false}], "answer": [2, 0, 1, 3], "tip": "all parts together \u6307\u7684\u662f\u201c\u6240\u6709\u90e8\u5206\u653e\u5728\u4e00\u8d77\u201d", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "That doesn't sound right."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221310", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221311", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8be2\u95ee\u662f\u5426\u5b8c\u6210\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Did you complete it?\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S11\u4e3b\u7ebf", "knowledge_text": "complete", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221311", "title": "\u8be2\u95ee\u662f\u5426\u5b8c\u6210", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Did you complete it?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221311", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "complete", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221312", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u57fa\u5730\u4e5f\u5b8c\u6210\u4e86\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aPioneers ___ the base too!\n\u9009\u98791\uff1acomplete\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1acomputer\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aPeter: We don't need a computer!\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S12\u4e3b\u7ebf", "knowledge_text": "sb complete sth", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1221312", "title": "\u57fa\u5730\u4e5f\u5b8c\u6210\u4e86", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "Pioneers ___ the base too!", "content": "Pioneers complete the base too!"}, "optionGroupList": [{"optionList": [{"option": "complete", "needAudio": false}, {"option": "computer", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Peter", "content": "We don't need a computer!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1221312", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sb complete sth", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221313", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u6700\u540e\u6253\u52fe\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9\u5927\u5bb6\uff1a\u8ba9\u6211\u6765\u6253\u52fe\n\u9009\u98791\uff1aa tick\n\u9009\u98792\uff1aput\n\u9009\u98793\uff1alet me\n\u7b54\u6848\uff1aLet me put a tick!\n\u8f85\u52a9\u4fe1\u606f\uff1aput a tick \u6307\u201c\u6253\u52fe\u201d\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Come on! Put a tick!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S13\u4e3b\u7ebf", "knowledge_text": "put a tick", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221313", "title": "\u6700\u540e\u6253\u52fe", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9\u5927\u5bb6\uff1a\u8ba9\u6211\u6765\u6253\u52fe", "content": "Let me put a tick!"}, "optionList": [{"option": "a tick", "needAudio": false}, {"option": "put", "needAudio": false}, {"option": "let me", "needAudio": false}], "answer": [2, 1, 0], "tip": "put a tick \u6307\u201c\u6253\u52fe\u201d", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Come on! Put a tick!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221313", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "put a tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221314", "cType": "core_reading_imageDrag", "category": "core", "type_name": "\u770b\u56fe\u9009\u8bcd", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u627e\u51fa\u592a\u7a7a\u57fa\u5730\u9057\u6f0f\u7684\u90e8\u5206\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\nPeter \u548c Eva \u7684\u592a\u7a7a\u57fa\u5730\u5c31\u8981\u5efa\u597d\u4e86\uff01\u4f46\u662f\uff0c\u4f3c\u4e4e\u8fd8\u5c11\u70b9\u4ec0\u4e48\uff1f\u4e00\u8d77\u6765\u770b\u770b\u5427\u3002\n\u3010\u4efb\u52a1\u63cf\u8ff0\u3011\n\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\ntick n. \u5bf9\u52fe\nsome det. \u4e00\u4e9b\npart n. \u90e8\u5206\ncomplete v. \u4f7f\u5b8c\u6574", "config_info": "S14\u4e3b\u7ebf", "knowledge_text": "tick\npart\ncomplete", "taskInfo": {"cId": "1221314", "cType": "core_reading_imageDrag", "title": "\u627e\u51fa\u592a\u7a7a\u57fa\u5730\u9057\u6f0f\u7684\u90e8\u5206", "taskDesc": "\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u5c06\u4e0b\u65b9\u9009\u9879\u6c60\u4e2d\u7684\u5355\u8bcd\u62d6\u62fd\u5230\u5bf9\u5e94\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u6240\u6709\u53e5\u5b50\u3002", "sceneDesc": "Peter \u548c Eva \u7684\u592a\u7a7a\u57fa\u5730\u5c31\u8981\u5efa\u597d\u4e86\uff01\u4f46\u662f\uff0c\u4f3c\u4e4e\u8fd8\u5c11\u70b9\u4ec0\u4e48\uff1f\u4e00\u8d77\u6765\u770b\u770b\u5427\u3002", "key": [{"desc": "", "keyList": [{"type": "default", "content": "tick", "desc": "n. \u5bf9\u52fe"}, {"type": "default", "content": "some", "desc": "det. \u4e00\u4e9b"}, {"type": "default", "content": "part", "desc": "n. \u90e8\u5206"}, {"type": "default", "content": "complete", "desc": "v. \u4f7f\u5b8c\u6574"}]}], "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "cDesc": "To help Peter and Eva find the missing parts of their nearly finished space base, you look carefully at the picture details, and drag the suitable words from the collection to the blanks in each sentence to complete all the descriptions.\uff08\u4e3a\u4e86\u5e2ePeter\u548cEva\u627e\u51fa\u5feb\u8981\u5efa\u597d\u7684\u592a\u7a7a\u57fa\u5730\u9057\u6f0f\u7684\u90e8\u5206\uff0c\u4f60\u4ed4\u7ec6\u89c2\u5bdf\u56fe\u7247\u5185\u5bb9\uff0c\u628a\u96c6\u5408\u91cc\u5408\u9002\u7684\u5355\u8bcd\u62d6\u5230\u6bcf\u4e2a\u53e5\u5b50\u7684\u7a7a\u767d\u5904\uff0c\u8865\u5168\u4e86\u6240\u6709\u63cf\u8ff0\u3002\uff09"}, "studyInfo": "\u65e0", "kpInfo": {"pushType": "relationKp", "cType": "core_reading_imageDrag", "cId": "1221314", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "tick", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "complete", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221315", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5c55\u793a\u6700\u540e\u90e8\u5206\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: See?\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u544a\u8bc9 Peter \u548c Eva\uff1a\u8fd9\u662f\u6700\u540e\u7684\u90e8\u5206\n\u9009\u98791\uff1athis is\n\u9009\u98792\uff1apart\n\u9009\u98793\uff1athe last\n\u7b54\u6848\uff1aThis is the last part.\n\u8f85\u52a9\u4fe1\u606f\uff1athe last part \u6307\u201c\u6700\u540e\u4e00\u90e8\u5206\u201d\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aEva: Sorry? Do we complete it?\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "part", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1221315", "title": "\u5c55\u793a\u6700\u540e\u90e8\u5206", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [{"type": "user", "content": "See?"}], "imgShowTimingList": [], "question": {"desc": "\u544a\u8bc9 Peter \u548c Eva\uff1a\u8fd9\u662f\u6700\u540e\u7684\u90e8\u5206", "content": "This is the last part."}, "optionList": [{"option": "this is", "needAudio": false}, {"option": "part", "needAudio": false}, {"option": "the last", "needAudio": false}], "answer": [0, 2, 1], "tip": "the last part \u6307\u201c\u6700\u540e\u4e00\u90e8\u5206\u201d\u3002", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Eva", "content": "Sorry? Do we complete it?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1221315", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "part", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1221316", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "generated", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5ba3\u5e03\u57fa\u5730\u5b8c\u6210\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u65e0\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nNow you complete the base!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S16\u4e3b\u7ebf", "knowledge_text": "sb complete sth", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1221316", "title": "\u5ba3\u5e03\u57fa\u5730\u5b8c\u6210", "resourceMapping": {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Now you complete the base!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1221316", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sb complete sth", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}];
+const PUSH_FIELD_MAP = {"core_reading_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_reading_imageDrag": ["taskInfo", "questionGroup", "studyInfo"], "core_speaking_reply": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_inquiry": ["taskInfo", "dialogSetting", "dialogConfig", "studyInfo"], "core_speaking_image": ["taskInfo", "dialogConfig", "studyInfo", "imageInfo", "questionList", "optionList"], "core_listening_order": ["taskInfo", "materialInfo", "flowInfo", "studyInfo"], "core_listening_drag": ["taskInfo", "preDialog", "dialogList", "questionList", "studyInfo"], "core_listening_choose": ["taskInfo", "questionGroup", "studyInfo"], "core_writing_imgMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"], "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"]};
+const CHARACTER_MAP = {"Ben": 311, "Sally": 654, "Vicky": 658, "Peter": 739, "Eva": 663, "Dan": 652, "Rebecca": 294, "Mike": 700, "Logi": 767};
+const SECTION_CHAR_MAP = [{"sections": [], "characters": {"Ben": 311}}, {"sections": [], "characters": {"Sally": 654}}, {"sections": [], "characters": {"Vicky": 658}}, {"sections": [], "characters": {"Peter": 739}}, {"sections": [], "characters": {"Eva": 663}}, {"sections": [], "characters": {"Dan": 652}}, {"sections": [], "characters": {"Rebecca": 294}}, {"sections": [], "characters": {"Mike": 700}}, {"sections": [], "characters": {"Logi": 767}}];
+const LEVEL = "L1";
+
+function getApiUrl() {
+  const input = document.getElementById('apiUrlInput');
+  return input ? input.value.trim() : "http://115.190.225.235:18080/api/push";
+}
+
+function getRegenUrl() {
+  const pushUrl = getApiUrl();
+  // 从 push URL 推导 regenerate URL（同一服务器）
+  const idx = pushUrl.indexOf('/api/');
+  if (idx > 0) return pushUrl.substring(0, idx) + '/api/regenerate';
+  return pushUrl.replace(/\/[^\/]*$/, '/api/regenerate');
+}
+
+// ============ Card Toggle ============
+function toggleCard(idx) {
+  const card = document.getElementById('card-' + idx);
+  card.classList.toggle('open');
+}
+
+// ============ Visual Editor ============
+function getVeKeys(veId) {
+  const ve = document.getElementById(veId);
+  if (!ve) return [];
+  const keys = [];
+  ve.querySelectorAll('.ve-key').forEach(td => keys.push(td.getAttribute('title')));
+  return keys;
+}
+
+function syncVisualToRaw(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  const keys = getVeKeys(veId);
+  const obj = {};
+  for (const fk of keys) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const el = document.getElementById(inputId);
+    if (!el) continue;
+    const vtype = el.getAttribute('data-vtype');
+    const raw = (el.tagName === 'TEXTAREA') ? el.value : el.value;
+    try {
+      if (vtype === 'json') {
+        obj[fk] = JSON.parse(raw);
+      } else if (vtype === 'number') {
+        const n = Number(raw);
+        obj[fk] = isNaN(n) ? raw : (raw.includes('.') ? parseFloat(raw) : parseInt(raw, 10));
+      } else if (vtype === 'bool') {
+        obj[fk] = (raw === 'true');
+      } else if (vtype === 'null') {
+        obj[fk] = (raw === 'null') ? null : raw;
+      } else {
+        obj[fk] = raw;
+      }
+    } catch(e) {
+      showToast('字段 "' + fk + '" 的值不是合法JSON: ' + e.message, 'error', 4000);
+      return false;
+    }
+  }
+  ta.value = JSON.stringify(obj, null, 2);
+  hideVeError(secId);
+  return true;
+}
+
+function syncRawToVisual(secId, veId, taId, idx, key) {
+  const ve = document.getElementById(veId);
+  const ta = document.getElementById(taId);
+  if (!ve || !ta) return false;
+
+  let obj;
+  try {
+    obj = JSON.parse(ta.value);
+  } catch(e) {
+    showVeError(secId, '原始JSON解析失败: ' + e.message);
+    return false;
+  }
+  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+    showVeError(secId, '根节点必须是一个JSON对象');
+    return false;
+  }
+
+  // Rebuild visual rows
+  const tbody = ve.querySelector('tbody');
+  tbody.innerHTML = '';
+  for (const [fk, fv] of Object.entries(obj)) {
+    const inputId = 'vf-' + idx + '-' + key + '-' + fk;
+    const fkEsc = escHtml(fk);
+    let valHtml = '';
+    if (fv === null) {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-null" value="null" data-vtype="null" />';
+    } else if (typeof fv === 'boolean') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-bool" value="' + fv + '" data-vtype="bool" />';
+    } else if (typeof fv === 'number') {
+      valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-num" value="' + fv + '" data-vtype="number" />';
+    } else if (typeof fv === 'object') {
+      const jsonStr = JSON.stringify(fv, null, 2);
+      const rows = Math.min(Math.max(jsonStr.split('\n').length, 2), 8);
+      valHtml = '<textarea id="' + inputId + '" class="ve-input ve-complex" rows="' + rows + '" data-vtype="json">' + escHtml(jsonStr) + '</textarea>';
+    } else {
+      const sv = String(fv);
+      if (sv.length > 80 || sv.includes('\n')) {
+        const rows = Math.min(Math.max(sv.split('\n').length, 2), 5);
+        valHtml = '<textarea id="' + inputId + '" class="ve-input ve-str-long" rows="' + rows + '" data-vtype="string">' + escHtml(sv) + '</textarea>';
+      } else {
+        valHtml = '<input type="text" id="' + inputId + '" class="ve-input ve-str" value="' + escHtml(sv) + '" data-vtype="string" />';
+      }
+    }
+    tbody.innerHTML += '<tr class="ve-row"><td class="ve-key" title="' + fkEsc + '">' + fkEsc + '</td><td class="ve-val">' + valHtml + '</td></tr>';
+  }
+  hideVeError(secId);
+  return true;
+}
+
+function toggleJsonView(secId, veId, taId, idx, key) {
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  const btn = document.getElementById('btn-' + secId);
+  const btnEl = btn.parentElement;
+
+  if (rawDiv.style.display === 'none') {
+    // Switch to raw: sync visual → raw
+    if (!syncVisualToRaw(secId, veId, taId, idx, key)) return;
+    veDiv.style.display = 'none';
+    rawDiv.style.display = 'block';
+    btn.textContent = '可视化编辑';
+    btnEl.classList.add('active');
+    const ta = document.getElementById(taId);
+    if (ta) syncLineNums(ta);
+  } else {
+    // Switch to visual: sync raw → visual
+    if (!syncRawToVisual(secId, veId, taId, idx, key)) return;
+    rawDiv.style.display = 'none';
+    veDiv.style.display = 'block';
+    btn.textContent = '查看原始JSON';
+    btnEl.classList.remove('active');
+  }
+}
+
+function showVeError(secId, msg) {
+  const el = document.getElementById('err-' + secId);
+  if (el) { el.textContent = '⚠ ' + msg; el.style.display = 'block'; }
+  showToast(msg, 'error', 4000);
+}
+
+function syncLineNums(ta) {
+  const numLines = ta.value.split('\n').length;
+  const lnDiv = ta.previousElementSibling;
+  if (!lnDiv || !lnDiv.classList.contains('json-line-nums')) return;
+  let html = '';
+  for (let i = 1; i <= numLines; i++) html += '<span>' + i + '</span>';
+  lnDiv.innerHTML = html;
+  lnDiv.scrollTop = ta.scrollTop;
+}
+
+function hideVeError(secId) {
+  const el = document.getElementById('err-' + secId);
+  if (el) el.style.display = 'none';
+}
+
+function escHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// ============ Toast ============
+let _batchMode = false;
+let _batchErrors = [];
+let _batchContext = '';
+
+function showToast(msg, type, duration) {
+  if (type === 'error') {
+    if (_batchMode) {
+      _batchErrors.push(_batchContext ? ('[' + _batchContext + '] ' + msg) : msg);
+      return;
+    }
+    showModal(msg);
+    return;
+  }
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.className = 'toast ' + (type || 'info');
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, type === 'success' ? 1000 : (duration || 3000));
+}
+
+function showModal(msg) {
+  const overlay = document.getElementById('modalOverlay');
+  const msgEl = document.getElementById('modalMsg');
+  msgEl.textContent = msg;
+  overlay.style.display = 'flex';
+  document.addEventListener('keydown', _modalEscHandler);
+}
+
+function closeModal() {
+  document.getElementById('modalOverlay').style.display = 'none';
+  document.removeEventListener('keydown', _modalEscHandler);
+}
+
+function _modalEscHandler(e) {
+  if (e.key === 'Escape') closeModal();
+}
+
+// ============ Collect Data from DOM ============
+function ensureSynced(idx, key) {
+  // If visual editor is visible, sync it to textarea first
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const taId = 'ta-' + idx + '-' + key;
+  const veDiv = document.getElementById(veId);
+  const rawDiv = document.getElementById('raw-' + secId);
+  if (veDiv && rawDiv && rawDiv.style.display === 'none') {
+    return syncVisualToRaw(secId, veId, taId, idx, key);
+  }
+  return true;
+}
+
+function collectComponentData(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || (comp.status !== 'generated' && comp.status !== 'saved')) return null;
+
+  const data = {};
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      if (!ensureSynced(idx, key)) return null;
+      const ta = document.getElementById('ta-' + idx + '-' + key);
+      if (ta) {
+        try { data[key] = JSON.parse(ta.value); }
+        catch(e) { showToast('JSON解析错误: ' + key + ' (' + e.message + ')', 'error'); return null; }
+      }
+    }
+  } else {
+    if (!ensureSynced(idx, 'jsonData')) return null;
+    const ta = document.getElementById('ta-' + idx + '-jsonData');
+    if (ta) {
+      try { data.jsonData = JSON.parse(ta.value); }
+      catch(e) { showToast('JSON解析错误: jsonData (' + e.message + ')', 'error'); return null; }
+    }
+  }
+  data.cType = comp.cType;
+  data.category = comp.category;
+  return data;
+}
+
+function collectKpInfo(idx) {
+  const comp = COMPONENTS[idx - 1];
+  if (!comp || !comp.kpInfo) return null;
+
+  // Sync visual editor to textarea first if in visual mode
+  ensureSynced(idx, 'kpInfo');
+
+  // 优先从 textarea 读取（用户可能直接编辑了 JSON）
+  const ta = document.getElementById('ta-' + idx + '-kpInfo');
+  if (ta) {
+    try {
+      const parsed = JSON.parse(ta.value);
+      if (parsed && parsed.kpInfo) {
+        parsed.kpInfo = parsed.kpInfo.filter(k => { delete k.candidates; return k.kpId; });
+        if (parsed.kpInfo.length === 0) return null;
+        return parsed;
+      }
+    } catch(e) {
+      // textarea JSON 无效，fallback 到表格
+    }
+  }
+
+  const kpData = JSON.parse(JSON.stringify(comp.kpInfo));
+  const kpList = kpData.kpInfo || [];
+
+  for (let ki = 0; ki < kpList.length; ki++) {
+    const idInput = document.getElementById('kp-' + idx + '-' + ki + '-id');
+    const typeInput = document.getElementById('kp-' + idx + '-' + ki + '-type');
+    const skillInput = document.getElementById('kp-' + idx + '-' + ki + '-skill');
+    const skillNameInput = document.getElementById('kp-' + idx + '-' + ki + '-skillname');
+    if (idInput) kpList[ki].kpId = idInput.value.trim() || null;
+    if (typeInput) kpList[ki].kpType = typeInput.value;
+    if (skillInput) kpList[ki].kpSkill = skillInput.value;
+    if (skillNameInput) kpList[ki].kpSkillName = skillNameInput.value;
+    delete kpList[ki].candidates;
+  }
+  kpData.kpInfo = kpList.filter(k => k.kpId);
+  if (kpData.kpInfo.length === 0) return null;
+  return kpData;
+}
+
+// ============ Build Push Bodies ============
+function buildPushBody(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const data = collectComponentData(idx);
+  if (!data) return null;
+
+  if (comp.category === 'mid') {
+    return { componentData: JSON.stringify(data.jsonData) };
+  }
+
+  const fields = PUSH_FIELD_MAP[comp.cType];
+  if (!fields) {
+    showToast('未知的核心互动类型: ' + comp.cType, 'error');
+    return null;
+  }
+  const body = { pushType: 'core' };
+  for (const key of fields) {
+    if (data[key]) body[key] = JSON.stringify(data[key]);
+  }
+  return body;
+}
+
+function buildKpPushBody(idx) {
+  const kpInfo = collectKpInfo(idx);
+  if (!kpInfo) return null;
+  return { pushRelationKp: JSON.stringify(kpInfo) };
+}
+
+// ============ Status Update ============
+function setStatus(id, state) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.className = 'push-icon ' + state;
+}
+
+// ============ Push API ============
+async function doPush(body, label) {
+  try {
+    const url = getApiUrl();
+    const resp = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (resp.ok) {
+      return { ok: true };
+    } else {
+      const text = await resp.text().catch(() => '');
+      return { ok: false, error: resp.status + ' ' + text.substring(0, 300) };
+    }
+  } catch(e) {
+    return { ok: false, error: '网络错误: ' + e.message };
+  }
+}
+
+async function pushComponent(idx) {
+  const body = buildPushBody(idx);
+  if (!body) {
+    setStatus('cfg-status-' + idx, 'fail');
+    return false;
+  }
+
+  setStatus('cfg-status-' + idx, 'loading');
+  const r = await doPush(body, '组件配置');
+  if (r.ok) {
+    setStatus('cfg-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 配置推送成功', 'success');
+  } else {
+    setStatus('cfg-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 配置推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+async function pushKp(idx) {
+  const body = buildKpPushBody(idx);
+  if (!body) {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: 无知识点或kpId为空', 'error');
+    return false;
+  }
+
+  setStatus('kp-status-' + idx, 'loading');
+  const r = await doPush(body, '知识点');
+  if (r.ok) {
+    setStatus('kp-status-' + idx, 'ok');
+    showToast('组件 #' + idx + ' 知识点推送成功', 'success');
+  } else {
+    setStatus('kp-status-' + idx, 'fail');
+    showToast('组件 #' + idx + ' 知识点推送失败: ' + r.error, 'error', 5000);
+  }
+  return r.ok;
+}
+
+// ============ Push All ============
+let pushAllRunning = false;
+
+async function _runPushAll(mode) {
+  if (pushAllRunning) return;
+  pushAllRunning = true;
+  _batchMode = true;
+  _batchErrors = [];
+
+  const cfgBtn = document.getElementById('pushAllCfgBtn');
+  const kpBtn = document.getElementById('pushAllKpBtn');
+  if (cfgBtn) { cfgBtn.disabled = true; cfgBtn.textContent = '推送中...'; }
+  if (kpBtn) { kpBtn.disabled = true; kpBtn.textContent = '推送中...'; }
+
+  const validIdxs = [];
+  for (let i = 1; i <= COMPONENTS.length; i++) {
+    const c = COMPONENTS[i - 1];
+    if (c.status === 'generated' || c.status === 'saved') validIdxs.push(i);
+  }
+
+  const perComp = (mode === 'both') ? 2 : 1;
+  const total = validIdxs.length * perComp;
+  let done = 0, okCount = 0, failCount = 0;
+
+  function updateProgress() {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    document.getElementById('progressFill').style.width = pct + '%';
+    document.getElementById('progressText').textContent = done + '/' + total;
+    document.getElementById('summaryOk').textContent = '成功: ' + okCount;
+    document.getElementById('summaryFail').textContent = '失败: ' + failCount;
+  }
+
+  for (const idx of validIdxs) {
+    const comp = COMPONENTS[idx - 1];
+    _batchContext = comp.cType + ' / cId:' + comp.cId;
+
+    if (mode === 'config' || mode === 'both') {
+      const body1 = buildPushBody(idx);
+      if (body1) {
+        setStatus('cfg-status-' + idx, 'loading');
+        const r1 = await doPush(body1);
+        if (r1.ok) { setStatus('cfg-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('cfg-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 配置推送失败: ' + r1.error); }
+      } else { setStatus('cfg-status-' + idx, 'fail'); failCount++; }
+      done++; updateProgress();
+    }
+
+    if (mode === 'kp' || mode === 'both') {
+      const body2 = buildKpPushBody(idx);
+      if (body2) {
+        setStatus('kp-status-' + idx, 'loading');
+        const r2 = await doPush(body2);
+        if (r2.ok) { setStatus('kp-status-' + idx, 'ok'); okCount++; }
+        else { setStatus('kp-status-' + idx, 'fail'); failCount++; _batchErrors.push('[' + _batchContext + '] 知识点推送失败: ' + r2.error); }
+      } else {
+        setStatus('kp-status-' + idx, 'fail');
+        failCount++;
+        _batchErrors.push('[' + _batchContext + '] 知识点推送失败: 无知识点或kpId为空');
+      }
+      done++; updateProgress();
+    }
+  }
+
+  _batchContext = '';
+  if (cfgBtn) { cfgBtn.disabled = false; cfgBtn.textContent = '推送全部组件'; }
+  if (kpBtn) { kpBtn.disabled = false; kpBtn.textContent = '推送全部知识点'; }
+  pushAllRunning = false;
+  _batchMode = false;
+
+  if (failCount > 0) {
+    let summary = '推送完成: 成功 ' + okCount + ', 失败 ' + failCount;
+    if (_batchErrors.length > 0) summary += '\n\n失败详情:\n' + _batchErrors.join('\n');
+    showModal(summary);
+  } else {
+    showToast('推送完成: 全部成功 (' + okCount + '项)', 'success');
+  }
+}
+
+function pushAllComponents() { _runPushAll('config'); }
+function pushAllKpAll() { _runPushAll('kp'); }
+
+// ============ Regenerate ============
+function toggleRegenPanel(idx, mode) {
+  const compPanel = document.getElementById('regen-panel-' + idx);
+  const kpPanel = document.getElementById('regen-kp-panel-' + idx);
+
+  if (mode === 'kp') {
+    if (compPanel) compPanel.style.display = 'none';
+    if (kpPanel) {
+      const showing = kpPanel.style.display !== 'block';
+      kpPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  } else {
+    if (kpPanel) kpPanel.style.display = 'none';
+    if (compPanel) {
+      const showing = compPanel.style.display !== 'block';
+      compPanel.style.display = showing ? 'block' : 'none';
+      if (showing) {
+        const card = document.getElementById('card-' + idx);
+        if (card) card.classList.add('open');
+      }
+    }
+  }
+}
+
+async function regenerateComponentJson(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-config-' + idx);
+  const btn = document.getElementById('regen-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const teachingConfig = ta.value.trim();
+  if (!teachingConfig) {
+    showToast('原始组件配置不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'component',
+        teaching_config: teachingConfig,
+        type_name: comp.type_name,
+        cId: comp.cId,
+        character_map: CHARACTER_MAP,
+        section_char_map: SECTION_CHAR_MAP,
+        config_info: comp.config_info || '',
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update COMPONENTS data (only jsonData/core fields, keep kpInfo)
+    comp.status = 'generated';
+    comp.category = data.category || comp.category;
+    comp.cType = data.cType || comp.cType;
+    comp.raw_config = teachingConfig;
+
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (data[key]) comp[key] = data[key];
+      }
+    } else {
+      if (data.jsonData) comp.jsonData = data.jsonData;
+    }
+    // kpInfo not updated in component-only mode
+
+    // Rebuild body HTML (pass existing kpInfo from comp, not from data)
+    const displayData = { ...data };
+    if (!displayData.kpInfo && comp.kpInfo) displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+
+    // Update status label
+    const statusEl = document.getElementById('status-label-' + idx);
+    if (statusEl) {
+      statusEl.className = 'comp-status ok';
+      statusEl.textContent = '生成成功';
+    }
+
+    showToast('组件 #' + idx + ' 组件配置重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成组件';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 组件重新生成失败: ' + e.message, 'error');
+  }
+}
+
+async function regenerateComponentKp(idx) {
+  const comp = COMPONENTS[idx - 1];
+  const ta = document.getElementById('regen-kp-text-' + idx);
+  const btn = document.getElementById('regen-kp-exec-' + idx);
+  if (!ta || !btn) return;
+
+  const knowledgeText = ta.value.trim();
+  if (!knowledgeText) {
+    showToast('知识点文本不能为空', 'error');
+    return;
+  }
+
+  btn.disabled = true;
+  btn.textContent = '生成中...';
+  setStatus('regen-kp-status-' + idx, 'loading');
+
+  const regenUrl = getRegenUrl();
+
+  try {
+    const resp = await fetch(regenUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        mode: 'kp',
+        type_name: comp.type_name,
+        cId: comp.cId,
+        knowledge_text: knowledgeText,
+        level: LEVEL,
+      }),
+    });
+
+    const data = await resp.json();
+
+    if (!resp.ok) {
+      throw new Error(data.error || ('HTTP ' + resp.status));
+    }
+
+    // Update kpInfo only
+    if (data.kpInfo) {
+      comp.kpInfo = data.kpInfo;
+    } else {
+      comp.kpInfo = null;
+    }
+    comp.knowledge_text = knowledgeText;
+
+    // Rebuild body HTML (keep existing jsonData/core fields)
+    const displayData = {};
+    if (comp.category === 'core') {
+      const fields = PUSH_FIELD_MAP[comp.cType] || [];
+      for (const key of fields) {
+        if (comp[key]) displayData[key] = comp[key];
+      }
+    } else {
+      if (comp.jsonData) displayData.jsonData = comp.jsonData;
+    }
+    displayData.kpInfo = comp.kpInfo;
+    rebuildComponentBody(idx, displayData);
+
+    setStatus('regen-kp-status-' + idx, 'ok');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+
+    showToast('组件 #' + idx + ' 知识点重新生成成功', 'success');
+  } catch(e) {
+    setStatus('regen-kp-status-' + idx, 'fail');
+    btn.textContent = '执行重新生成知识点';
+    btn.disabled = false;
+    showToast('组件 #' + idx + ' 知识点重新生成失败: ' + e.message, 'error');
+  }
+}
+
+function rebuildComponentBody(idx, data) {
+  const comp = COMPONENTS[idx - 1];
+  const resultDiv = document.getElementById('regen-result-' + idx);
+  if (!resultDiv) return;
+
+  // Clear old content above regen-result (error-msg, json-sections etc)
+  const body = document.getElementById('body-' + idx);
+  const regenPanel = document.getElementById('regen-panel-' + idx);
+  const regenKpPanel = document.getElementById('regen-kp-panel-' + idx);
+  // Remove everything except regen-result and regen panels
+  while (body.firstChild && body.firstChild !== resultDiv && body.firstChild !== regenPanel && body.firstChild !== regenKpPanel) {
+    body.removeChild(body.firstChild);
+  }
+
+  // Build new JSON sections
+  let html = '';
+  if (comp.category === 'core') {
+    const fields = PUSH_FIELD_MAP[comp.cType] || [];
+    for (const key of fields) {
+      const val = data[key];
+      if (val) {
+        html += buildJsonSectionHtml(key, key, val, idx);
+      }
+    }
+  } else {
+    if (data.jsonData) {
+      html += buildJsonSectionHtml('jsonData', 'jsonData', data.jsonData, idx);
+    }
+  }
+
+  const kpToShow = data.kpInfo || comp.kpInfo;
+  if (kpToShow) {
+    const kpClean = JSON.parse(JSON.stringify(kpToShow));
+    if (kpClean.kpInfo) {
+      kpClean.kpInfo.forEach(k => delete k.candidates);
+      if (kpClean.kpInfo.length > 0) {
+        html += buildJsonSectionHtml('kpInfo JSON', 'kpInfo', kpClean, idx);
+      }
+    }
+  }
+
+  // Insert before resultDiv
+  const temp = document.createElement('div');
+  temp.innerHTML = html;
+  while (temp.firstChild) {
+    body.insertBefore(temp.firstChild, resultDiv);
+  }
+
+  // Show push buttons in header if not already there
+  ensurePushButtons(idx);
+}
+
+function buildJsonSectionHtml(label, key, data, idx) {
+  const raw = JSON.stringify(data, null, 2);
+  const escaped = raw.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+  const taId = 'ta-' + idx + '-' + key;
+  const secId = 'sec-' + idx + '-' + key;
+  const veId = 've-' + idx + '-' + key;
+  const numLines = raw.split('\n').length;
+  const rows = Math.min(Math.max(numLines, 5), 30);
+  let lineNums = '';
+  for (let i = 1; i <= numLines; i++) lineNums += '<span>' + i + '</span>';
+
+  const isObj = data && typeof data === 'object' && !Array.isArray(data);
+  const toggleBtn = isObj
+    ? '<button class="ve-toggle-btn active" data-sec="' + secId + '" data-ve="' + veId + '" data-ta="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" onclick="toggleJsonView(this.dataset.sec,this.dataset.ve,this.dataset.ta,this.dataset.idx,this.dataset.key)"><span id="btn-' + secId + '">可视化编辑</span></button>'
+    : '';
+  const veDiv = isObj
+    ? '<div class="ve-editor" id="' + veId + '" data-idx="' + idx + '" data-key="' + key + '" style="display:none;"><table class="ve-table"><tbody></tbody></table></div>'
+    : '';
+
+  return '<div class="json-section" id="' + secId + '">' +
+    '<div class="json-section-label">' + escHtml(label) + toggleBtn + '</div>' +
+    veDiv +
+    '<div class="ve-raw" id="raw-' + secId + '">' +
+      '<div class="json-lined-wrap">' +
+        '<div class="json-line-nums" id="ln-' + taId + '">' + lineNums + '</div>' +
+        '<textarea id="' + taId + '" data-idx="' + idx + '" data-key="' + key + '" class="json-textarea" rows="' + rows + '" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">' + escaped + '</textarea>' +
+      '</div>' +
+      '<div class="ve-error" id="err-' + secId + '" style="display:none;"></div>' +
+    '</div>' +
+    '</div>';
+}
+
+function ensurePushButtons(idx) {
+  const header = document.querySelector('#card-' + idx + ' .comp-header');
+  if (!header) return;
+  // Check if push buttons already exist
+  if (header.querySelector('.config-btn')) return;
+  // Find regen-btn to insert before it
+  const regenBtn = header.querySelector('.regen-btn');
+  if (!regenBtn) return;
+
+  const cfgBtn = document.createElement('button');
+  cfgBtn.className = 'push-btn config-btn';
+  cfgBtn.setAttribute('data-idx', idx);
+  cfgBtn.onclick = function(e) { e.stopPropagation(); pushComponent(idx); };
+  cfgBtn.innerHTML = '配置推送<span class="push-icon" id="cfg-status-' + idx + '"></span>';
+
+  const kpBtn = document.createElement('button');
+  kpBtn.className = 'push-btn kp-btn';
+  kpBtn.setAttribute('data-idx', idx);
+  kpBtn.onclick = function(e) { e.stopPropagation(); pushKp(idx); };
+  kpBtn.innerHTML = '知识推送<span class="push-icon" id="kp-status-' + idx + '"></span>';
+
+  header.insertBefore(kpBtn, regenBtn);
+  header.insertBefore(cfgBtn, kpBtn);
+}
+
+// ============ LocalStorage Auto-Save ============
+const SAVE_KEY = 'icj_' + document.title + '_2026-06-08 22:57:14';
+
+function saveEdits() {
+  const state = {};
+  document.querySelectorAll('textarea, input.kp-input, input.ve-input, #apiUrlInput').forEach(el => {
+    if (el.id) state[el.id] = el.value;
+  });
+  try { localStorage.setItem(SAVE_KEY, JSON.stringify(state)); } catch(e) {}
+}
+
+function restoreEdits() {
+  let state;
+  try { state = JSON.parse(localStorage.getItem(SAVE_KEY) || 'null'); } catch(e) { return; }
+  if (!state) return;
+  for (const [id, val] of Object.entries(state)) {
+    const el = document.getElementById(id);
+    if (el) el.value = val;
+  }
+  document.querySelectorAll('.json-textarea').forEach(ta => syncLineNums(ta));
+}
+
+let _saveTimer = null;
+document.addEventListener('input', function(e) {
+  const el = e.target;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {
+    clearTimeout(_saveTimer);
+    _saveTimer = setTimeout(saveEdits, 800);
+  }
+});
+
+// ============ Export Updated HTML ============
+function exportHtml() {
+  document.querySelectorAll('textarea').forEach(ta => { ta.textContent = ta.value; });
+  document.querySelectorAll('input[id]').forEach(inp => { inp.setAttribute('value', inp.value); });
+  const blob = new Blob(['<!DOCTYPE html>\n' + document.documentElement.outerHTML], {type: 'text/html;charset=utf-8'});
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = document.title.replace(/ —.*$/, '') + '_modified.html';
+  a.click();
+  URL.revokeObjectURL(a.href);
+  showToast('HTML已导出，当前修改已嵌入', 'success');
+}
+
+restoreEdits();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/memory/.dreams/events.jsonl b/memory/.dreams/events.jsonl
index 1dd525e..6611f03 100644
--- a/memory/.dreams/events.jsonl
+++ b/memory/.dreams/events.jsonl
@@ -93,3 +93,5 @@
 {"type":"memory.recall.recorded","timestamp":"2026-06-04T06:34:06.417Z","query":"组件生产 多维表格 app_token CMHSbUUjka","resultCount":2,"results":[{"path":"memory/2026-05-07.md","startLine":354,"endLine":368,"score":1},{"path":"memory/2026-04-22.md","startLine":1,"endLine":8,"score":1}]}
 {"type":"memory.recall.recorded","timestamp":"2026-06-04T09:21:44.866Z","query":"儿童英语学习通病 常见错误 不同阶段 学习难点","resultCount":2,"results":[{"path":"memory/2026-05-11.md","startLine":78,"endLine":89,"score":1},{"path":"memory/2026-05-26.md","startLine":161,"endLine":187,"score":1}]}
 {"type":"memory.recall.recorded","timestamp":"2026-06-05T03:37:55.029Z","query":"武钰涵 ou_a4aaa641585b38d1042608b9b7f05a17","resultCount":1,"results":[{"path":"memory/2026-05-27.md","startLine":1,"endLine":16,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-08T02:24:34.295Z","query":"L2 听力 题型 能力标签 Flyers KET 单元分布","resultCount":2,"results":[{"path":"memory/2026-05-25.md","startLine":283,"endLine":302,"score":1},{"path":"memory/2026-05-25.md","startLine":118,"endLine":137,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-08T02:24:43.647Z","query":"L2 听力题型 能力标签 ability tag listening 图片选择 表格填空 长对话 短对话 信息匹配","resultCount":2,"results":[{"path":"memory/2026-05-25.md","startLine":283,"endLine":302,"score":1},{"path":"memory/2026-05-25.md","startLine":118,"endLine":137,"score":1}]}
diff --git a/memory/.dreams/short-term-recall.json b/memory/.dreams/short-term-recall.json
index f4738f5..074ecd3 100644
--- a/memory/.dreams/short-term-recall.json
+++ b/memory/.dreams/short-term-recall.json
@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "updatedAt": "2026-06-05T03:37:55.029Z",
+  "updatedAt": "2026-06-08T02:24:43.647Z",
   "entries": {
     "memory:memory/2026-05-07.md:57:74": {
       "key": "memory:memory/2026-05-07.md:57:74",
@@ -2809,18 +2809,21 @@
       "endLine": 302,
       "source": "memory",
       "snippet": "- 14 阶段 4 科目全部重写，目标文档: `W5Vjw2fLiiCqfck0Mfzc0xkrnte` - L2 阶段1-2 阅读/写作从\"无\"补为实际技能点（刘彦江确认\"L2 阶段1-2 阅读和写作都是有题型的\"） - L1 阶段1 阅读/写作也从\"无\"补为实际技能点 - 0 个\"无\"，全量覆盖 - 生成脚本: `tmp/build_skill_points.py` ## 生产覆盖范围修正 [刘彦江] - L1 生产到 **U16**（非 U33） - L2 生产到 **U29**（非 U16） - 已同步更新 `business_knowledge/单元挑战全貌.md` ## 单元挑战全貌文档 [刘彦江] - 创建 `business_knowledge/单元挑战全貌.md` - 覆盖九大板块：业务定位、阶段划分、题型体系（18种）、能力标签（45个）、生产流程（ID规则/标准/写入陷阱）、审校体系（7+4项检查）、生产覆盖现状、模块关联、快速链接 ## L1/L2 难度等级映射 [刘彦江] ✅已确认 - L1-A: Starters入门+基础 (U1-U16) | L1-B: Starters达标 (U17-U24) | L1-C: Movers入门+基础 (U25-U40) | L1-D: Movers达标 (U41-U48) - L2-A: Flyers入门+基础 (U1-U12) | L2-B: Flyers达标 (U13-U18) | L2-C: KET入门+基础 (U19-U30) | L2-D: KET强化+高位+达标 (U31-U48) - 已写入",
-      "recallCount": 1,
+      "recallCount": 3,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 1,
+      "totalScore": 3,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-29T02:33:30.526Z",
-      "lastRecalledAt": "2026-05-29T02:33:30.526Z",
+      "lastRecalledAt": "2026-06-08T02:24:43.647Z",
       "queryHashes": [
-        "4aa0ef719160"
+        "4aa0ef719160",
+        "20f6c2d072df",
+        "068db47fdc05"
       ],
       "recallDays": [
-        "2026-05-29"
+        "2026-05-29",
+        "2026-06-08"
       ],
       "conceptTags": [
         "阶段1-2",
@@ -2840,18 +2843,21 @@
       "endLine": 137,
       "source": "memory",
       "snippet": "- 生成脚本: `tmp/build_skill_points.py` ## 生产覆盖范围修正 [刘彦江] - L1 生产到 **U16**（非 U33） - L2 生产到 **U29**（非 U16） - 已同步更新 `business_knowledge/单元挑战全貌.md` ## 单元挑战全貌文档 [刘彦江] - 创建 `business_knowledge/单元挑战全貌.md` - 覆盖九大板块：业务定位、阶段划分、题型体系（18种）、能力标签（45个）、生产流程（ID规则/标准/写入陷阱）、审校体系（7+4项检查）、生产覆盖现状、模块关联、快速链接 ## L1/L2 难度等级映射 [刘彦江] ✅已确认 - L1-A: Starters入门+基础 (U1-U16) | L1-B: Starters达标 (U17-U24) | L1-C: Movers入门+基础 (U25-U40) | L1-D: Movers达标 (U41-U48) - L2-A: Flyers入门+基础 (U1-U12) | L2-B: Flyers达标 (U13-U18) | L2-C: KET入门+基础 (U19-U30) | L2-D: KET强化+高位+达标 (U31-U48) - 已写入 `business_knowledge/单元挑战全貌.md` §5.3 # 2026-05-25 工作日志 ## 组件配置 pipeline：单独重试 cId=1217214 - [童瑶] 请求单独重试 pipeline 中的失败组件 cId=1217214（听力拖拽 / core_listenin",
-      "recallCount": 1,
+      "recallCount": 3,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 1,
+      "totalScore": 3,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-29T02:33:30.526Z",
-      "lastRecalledAt": "2026-05-29T02:33:30.526Z",
+      "lastRecalledAt": "2026-06-08T02:24:43.647Z",
       "queryHashes": [
-        "4aa0ef719160"
+        "4aa0ef719160",
+        "20f6c2d072df",
+        "068db47fdc05"
       ],
       "recallDays": [
-        "2026-05-29"
+        "2026-05-29",
+        "2026-06-08"
       ],
       "conceptTags": [
         "tmp/build-skill-points.py",
diff --git a/memory/2026-06-08-1132.md b/memory/2026-06-08-1132.md
new file mode 100644
index 0000000..546ea2a
--- /dev/null
+++ b/memory/2026-06-08-1132.md
@@ -0,0 +1,97 @@
+# Session: 2026-06-08 11:32:34 GMT+8
+
+- **Session Key**: agent:xiaoyan:feishu:direct:ou_1bd7317ae2ccfeb57e1132028847279e
+- **Session ID**: 21684626-69b9-406c-a718-de535f929aa4
+- **Source**: feishu
+
+## Conversation Summary
+
+user: 组件配置 https://makee-interactive.feishu.cn/wiki/VhyTwlhh5iTXMrkJ4Fccftz5nph?from=from_copylink
+assistant: 李应瑛，我先读取你发的知识库文档内容。
+
+
+assistant: 文档读取成功，接下来读取内嵌的剧本 Sheet。
+
+
+assistant: 李应瑛，我先读取剧本 Sheet 内容，了解完整的剧情和对话结构。
+
+
+assistant: 已读完文档和剧本数据。现在对 F 列「组件配置」进行逐项审校。文档共涉及 **17 个互动组件**（1221101-1221117），其中 **10 个对话类组件** 需要按 `dialogue-interaction-config` 规范校验。
+
+---
+
+## 📋 组件配置审校报告
+
+### 一、对话朗读类（5 个）
+
+| ID | 任务标题 | 问题 |
+|----|---------|------|
+| 1221104 | 辨认棒球帽 | ① 资源配置缺图片命名（应为 `1221104.png`）② 互动内容后多余空行 |
+| 1221105 | 确认棒球帽 | 资源配置缺图片命名 |
+| 1221109 | 辨认眼镜 | 资源配置缺图片命名 |
+| 1221110 | 辨认鞋子 | ① 资源配置缺图片命名 ② 互动内容后多余空行 |
+| 1221111 | 辨认白鞋 | ① **类型字段双横线** `对话朗读--配图` → 应为 `对话朗读-配图` ② 资源配置缺图片命名 ③ 互动内容后多余空行 |
+
+### 二、对话挖空类（2 个）
+
+| ID | 任务标题 | 问题 |
+|----|---------|------|
+| 1221106 | 辨认帽子 | ① **【资源配置】重复出现两次** ② **【后置对话】写的是"空"**，规范要求填"无" |
+| 1221108 | 辨认眼镜 | ✅ 格式合规 |
+
+### 三、对话选择类（3 个）
+
+| ID | 任务标题 | 问题 |
+|----|---------|------|
+| 1221112 | 汇报发现 | **【情境引入】内容与标题同行**，规范要求换行独立成行 |
+| 1221113 | 汇报眼镜 | ✅ 格式合规 |
+| 1221114 | 汇报鞋子 | ✅ 格式合规 |
+
+### 四、非对话类组件（7 个）
+
+图片单选（1221101/1221102/1221103/1221107/1221115）、场景互动-擦除（1221117）、听力拖拽（1221116）— 不适用对话类规范，暂未纳入本次审校范围。
+
+---
+
+**共发现 8 处需修正的问题，涉及 6 个组件。** 需要我直接修复这些配置吗？
+user: 不用修复，直接给我html文件
+assistant: HTML 审校报告已生成：
+
+📄 `/root/.openclaw/workspace-xiaoyan/output/L1-S2-U21-L1_组件配置审校报告.html`
+
+覆盖了 17 个组件中 10 个对话类组件的逐项审校，共发现 13 处问题（含低严重度），涉及 6 个组件。
+user: 组件配置 https://makee-interactive.feishu.cn/wiki/VhyTwlhh5iTXMrkJ4Fccftz5nph?from=from_copylink
+assistant: 李应瑛，这个链接和刚才是同一篇文档（L1-S2-U21-L1 寻人启事），审校报告已经生成好了。
+
+你是想让我重新做一份，还是有其他需求？比如：
+1. 需要我把 HTML 文件发给你（通过飞书消息）
+2. 需要我直接修复 F 列的配置问题
+3. 需要审校非对话类组件（图片单选、听力拖拽等）
+4. 其他需求
+
+请说明一下～
+user: 能够推送到内容后台的HTML文件
+assistant: 明白了，你需要的是能推送到内容后台的组件配置 HTML 文件，不是审校报告。
+
+让我先确认一下：你说的「推送到内容后台的 HTML 文件」具体是什么格式？是类似之前组件生产流程中，把每个互动组件的配置信息按后台要求的结构输出为 HTML 吗？
+
+能否给我一个已有的样例文件或说明一下后台需要的 HTML 格式要求？这样我可以准确输出。
+assistant: 明白，你想切换模型。但 `/deepseek` 是用户端不支持的指令，模型切换需要由管理员操作。
+
+回到正题——关于「能推送到内容后台的 HTML 文件」，我需要你帮我明确一下格式要求：
+
+1. 后台接收的 HTML 结构是什么样的？（比如每个组件一个 `<div>`？还是表格形式？）
+2. 有没有之前已经成功推送过的 HTML 样例文件可以给我参考？
+3. 是需要把这篇文档里所有 17 个组件的配置都输出，还是只输出对话类组件？
+
+有了格式参考，我就能直接生成。
+assistant: NO_REPLY
+user: 组件配置 https://makee-interactive.feishu.cn/wiki/VhyTwlhh5iTXMrkJ4Fccftz5nph?from=from_copylink
+assistant: 李应瑛，关于「能推送到内容后台的 HTML 文件」，我之前问过格式要求但还没收到你的回复。
+
+我需要确认：
+
+1. **后台要求的 HTML 格式**是什么？你能给我一个之前成功推送过的样例文件链接吗？
+2. 还是说这个「组件配置」其实是要走 `script-component-production`（组件生产/组件回填）的流程，把配置信息生成为后台可导入的格式？
+
+如果你有样例文件（哪怕是之前别的课的），发给我一个链接或截图，我就能直接对齐格式输出。
diff --git a/memory/2026-06-08.md b/memory/2026-06-08.md
new file mode 100644
index 0000000..51950cc
--- /dev/null
+++ b/memory/2026-06-08.md
@@ -0,0 +1,26 @@
+# 2026-06-08 工作日志
+
+## 组件配置规则更新 [李应瑛确认]
+
+### 1. 图片类互动规则变更
+- **删除【资源配置】**：图片类互动（图片单选/多选/有序/拖拽）不再包含【资源配置】字段，直接从【任务标题】开始
+- **新增辅助信息**：在「正确：XX」行后添加 `辅助信息：{单词} {中文释义}。`，释义参考知识点 Sheet
+
+### 2. 对话朗读规则变更
+- **删除【互动反馈】**：对话朗读不包含【互动反馈】字段，字段列表为【任务标题】【资源配置】【情境引入】【互动内容】【后置对话】
+
+### 3. 情境引入/后置对话去重规则
+- **禁止复制前后行台词原文**：情境引入若与前一行英文台词完全相同，直接写「无」；后置对话若与后一行英文台词完全相同，直接写「无」
+
+### 4. 配图组件资源配置规则
+- A列含"配图"时，【资源配置】仅保留`图片时机`，不写`音频载体`
+- 图片时机根据有实际内容（非「无」）的 section 动态列出（如「互动内容」「情境引入 互动内容 互动反馈」）
+- 图片时机和音频载体禁止同时存在
+
+### 已更新文件
+- `business_production/组件生产/skills/component-design/SKILL.md` → v1.3.0
+- `business_production/组件生产/skills/script-component-production/SKILL.md` → v1.2.0
+
+### 已执行操作
+- L1-S2-U21-L2 运输小队：全量修正（辅助信息、资源配置、互动反馈、情境引入/后置对话去重、配图资源配置）
+- L1-S2-U21-L1 寻人启事：组件配置流水线 16/16 成功
diff --git a/output/L1-S2-U21-L1_组件配置审校报告.html b/output/L1-S2-U21-L1_组件配置审校报告.html
new file mode 100644
index 0000000..7215249
--- /dev/null
+++ b/output/L1-S2-U21-L1_组件配置审校报告.html
@@ -0,0 +1,230 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>L1-S2-U21-L1 寻人启事 — 组件配置审校报告</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f6fa; color: #2d3436; line-height: 1.6; padding: 24px; }
+  .container { max-width: 960px; margin: 0 auto; }
+  h1 { font-size: 22px; margin-bottom: 4px; }
+  .meta { color: #636e72; font-size: 13px; margin-bottom: 24px; }
+  .summary { display: flex; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; }
+  .summary-card { background: #fff; border-radius: 8px; padding: 16px 20px; min-width: 120px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
+  .summary-card .num { font-size: 28px; font-weight: 700; }
+  .summary-card .label { font-size: 12px; color: #636e72; margin-top: 2px; }
+  .card-ok .num { color: #00b894; }
+  .card-warn .num { color: #e17055; }
+  .card-total .num { color: #0984e3; }
+  table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 28px; }
+  th { background: #2d3436; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 14px; text-align: left; }
+  td { padding: 10px 14px; font-size: 13px; border-bottom: 1px solid #f1f2f6; vertical-align: top; }
+  tr:last-child td { border-bottom: none; }
+  .tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
+  .tag-ok { background: #dff9fb; color: #0abde3; }
+  .tag-warn { background: #ffeaa7; color: #d63031; }
+  .tag-info { background: #dfe6e9; color: #636e72; }
+  .issue-list { margin: 0; padding-left: 18px; }
+  .issue-list li { margin-bottom: 3px; }
+  .section-title { font-size: 16px; font-weight: 700; margin: 28px 0 12px; padding-bottom: 6px; border-bottom: 2px solid #0984e3; }
+  .code-block { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; padding: 10px 14px; font-family: "SF Mono", "Menlo", "Consolas", monospace; font-size: 12px; white-space: pre-wrap; overflow-x: auto; margin: 6px 0; }
+  .highlight { background: #fff3cd; padding: 1px 3px; border-radius: 2px; }
+  .footer { text-align: center; color: #b2bec3; font-size: 12px; margin-top: 32px; }
+</style>
+</head>
+<body>
+<div class="container">
+
+<h1>📝 L1-S2-U21-L1 寻人启事 — 组件配置审校报告</h1>
+<div class="meta">
+  文档：<a href="https://makee-interactive.feishu.cn/wiki/VhyTwlhh5iTXMrkJ4Fccftz5nph" target="_blank">L1-S2-U21-L1 寻人启事</a>
+  &nbsp;|&nbsp; 审校时间：2026-06-08
+  &nbsp;|&nbsp; 审校范围：F 列「组件配置」（对话类组件）
+  &nbsp;|&nbsp; 审校依据：dialogue-interaction-config 技能规范
+</div>
+
+<div class="summary">
+  <div class="summary-card card-total"><div class="num">17</div><div class="label">组件总数</div></div>
+  <div class="summary-card card-ok"><div class="num">7</div><div class="label">对话类组件</div></div>
+  <div class="summary-card card-warn"><div class="num">6</div><div class="label">有问题组件</div></div>
+  <div class="summary-card card-warn"><div class="num">8</div><div class="label">问题总数</div></div>
+</div>
+
+<!-- ====== 对话朗读 ====== -->
+<div class="section-title">一、对话朗读类（5 个组件）</div>
+<table>
+<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
+<tbody>
+
+<tr>
+  <td>1221104</td>
+  <td>辨认棒球帽</td>
+  <td><span class="tag tag-warn">3 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：情境引入 互动内容」，缺少 <code>1221104.png</code> 格式的图片命名</li>
+      <li><b>【互动内容】后多余空行：</b>朗读句 <code>He wears a blue cap.（朗读）</code> 后有多余空行</li>
+      <li><b>【资源配置】缺音频载体：</b>未标注音频载体信息</li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221105</td>
+  <td>确认棒球帽</td>
+  <td><span class="tag tag-warn">1 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：情境引入 互动内容」，缺少 <code>1221105.png</code> 格式的图片命名</li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221109</td>
+  <td>辨认眼镜</td>
+  <td><span class="tag tag-warn">1 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：互动内容」，缺少 <code>1221109.png</code> 格式的图片命名</li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221110</td>
+  <td>辨认鞋子</td>
+  <td><span class="tag tag-warn">2 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【资源配置】缺图片命名：</b>当前仅写了「图片时机：互动内容」，缺少 <code>1221110.png</code> 格式的图片命名</li>
+      <li><b>【互动内容】后多余空行：</b>朗读句 <code>A shoe!（朗读）</code> 后有多余空行</li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221111</td>
+  <td>辨认白鞋</td>
+  <td><span class="tag tag-warn">3 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>类型字段双横线：</b>A 列类型为 <code>对话朗读<span class="highlight">--</span>配图</code>，应为 <code>对话朗读-配图</code>（单横线）</li>
+      <li><b>【资源配置】缺图片命名：</b>缺少 <code>1221111.png</code> 格式的图片命名</li>
+      <li><b>【互动内容】后多余空行：</b>朗读句 <code>This is not a white shoe.（朗读）</code> 后有多余空行</li>
+    </ol>
+  </td>
+</tr>
+
+</tbody>
+</table>
+
+<!-- ====== 对话挖空 ====== -->
+<div class="section-title">二、对话挖空类（2 个组件）</div>
+<table>
+<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
+<tbody>
+
+<tr>
+  <td>1221106</td>
+  <td>辨认帽子</td>
+  <td><span class="tag tag-warn">2 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【资源配置】字段重复：</b>配置中出现两次 <code>【资源配置】</code> 标题行</li>
+      <li><b>【后置对话】值不规范：</b>填写的是 <code>空</code>，规范要求无后置对话时应填 <code>无</code></li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221108</td>
+  <td>辨认眼镜</td>
+  <td><span class="tag tag-ok">合规</span></td>
+  <td>—</td>
+</tr>
+
+</tbody>
+</table>
+
+<!-- ====== 对话选择 ====== -->
+<div class="section-title">三、对话选择类（3 个组件）</div>
+<table>
+<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:60px">状态</th><th>问题详情</th></tr></thead>
+<tbody>
+
+<tr>
+  <td>1221112</td>
+  <td>汇报发现</td>
+  <td><span class="tag tag-warn">1 处</span></td>
+  <td>
+    <ol class="issue-list">
+      <li><b>【情境引入】格式错误：</b>内容与标题写在同一行：<br>
+        <code class="code-block">【情境引入】Sally: What did you find?</code>
+        规范要求标题独占一行，内容换行书写：<br>
+        <code class="code-block">【情境引入】
+Sally: What did you find?</code>
+      </li>
+    </ol>
+  </td>
+</tr>
+
+<tr>
+  <td>1221113</td>
+  <td>汇报眼镜</td>
+  <td><span class="tag tag-ok">合规</span></td>
+  <td>—</td>
+</tr>
+
+<tr>
+  <td>1221114</td>
+  <td>汇报鞋子</td>
+  <td><span class="tag tag-ok">合规</span></td>
+  <td>—</td>
+</tr>
+
+</tbody>
+</table>
+
+<!-- ====== 非对话类 ====== -->
+<div class="section-title">四、非对话类组件（7 个，不适用对话类规范，未纳入审校）</div>
+<table>
+<thead><tr><th style="width:80px">ID</th><th style="width:100px">任务标题</th><th style="width:80px">类型</th><th>备注</th></tr></thead>
+<tbody>
+<tr><td>1221101</td><td>选择棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S1 主线</td></tr>
+<tr><td>1221102</td><td>选择眼镜</td><td><span class="tag tag-info">图片单选</span></td><td>S2 主线</td></tr>
+<tr><td>1221103</td><td>选择鞋子</td><td><span class="tag tag-info">图片单选</span></td><td>S3 主线</td></tr>
+<tr><td>1221107</td><td>找到棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S7 主线</td></tr>
+<tr><td>1221115</td><td>选出棒球帽</td><td><span class="tag tag-info">图片单选</span></td><td>S15 主线</td></tr>
+<tr><td>1221117</td><td>擦干净眼镜</td><td><span class="tag tag-info">场景互动-擦除</span></td><td>S16 主线</td></tr>
+<tr><td>1221116</td><td>找回Logi的物品</td><td><span class="tag tag-info">听力拖拽</span></td><td>S17 主线</td></tr>
+</tbody>
+</table>
+
+<!-- ====== 问题汇总 ====== -->
+<div class="section-title">五、问题汇总</div>
+<table>
+<thead><tr><th style="width:40px">#</th><th style="width:80px">组件 ID</th><th>问题描述</th><th style="width:80px">严重程度</th></tr></thead>
+<tbody>
+<tr><td>1</td><td>1221104</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>2</td><td>1221104</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
+<tr><td>3</td><td>1221104</td><td>【资源配置】缺音频载体</td><td><span class="tag tag-warn">低</span></td></tr>
+<tr><td>4</td><td>1221105</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>5</td><td>1221106</td><td>【资源配置】字段重复出现两次</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>6</td><td>1221106</td><td>【后置对话】值「空」应为「无」</td><td><span class="tag tag-warn">低</span></td></tr>
+<tr><td>7</td><td>1221109</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>8</td><td>1221110</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>9</td><td>1221110</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
+<tr><td>10</td><td>1221111</td><td>类型字段双横线「--」应为单横线「-」</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>11</td><td>1221111</td><td>【资源配置】缺图片命名</td><td><span class="tag tag-warn">中</span></td></tr>
+<tr><td>12</td><td>1221111</td><td>【互动内容】后多余空行</td><td><span class="tag tag-warn">低</span></td></tr>
+<tr><td>13</td><td>1221112</td><td>【情境引入】标题与内容同行，应换行</td><td><span class="tag tag-warn">中</span></td></tr>
+</tbody>
+</table>
+
+<div class="footer">小研 · 组件配置自动审校 · 2026-06-08</div>
+
+</div>
+</body>
+</html>