feat: add WYSIWYG edit_tool and fix build for pre-processed data

- Add develop/edit_tool with visual editor for demo page
  - index.html: editor UI with double-click edit, drag-drop reorder
  - server.py: local server for data loading/saving and build trigger
  - README.md: architecture documentation
- Fix build.py to support pre-processed data from edit_tool
  - Detect if case already has turns/system data
  - Skip source_session lookup for already-processed cases
- Update data.js and data_en.js with latest build

Author: sunweiyue

develop/edit_tool/README.md

@@ -21,12 +21,23 @@
 SCRIPT_DIR = Path(__file__).parent
 REPO_ROOT = SCRIPT_DIR.parent.parent
 CONFIG_PATH = SCRIPT_DIR / "config" / "cases.json"
+EDIT_TOOL_CONFIG_ZH = SCRIPT_DIR.parent / "edit_tool" / "config" / "data_zh.json"
+EDIT_TOOL_CONFIG_EN = SCRIPT_DIR.parent / "edit_tool" / "config" / "data_en.json"
 OUTPUT_DIR = REPO_ROOT / "minicpm-o-4_5"
 COLLECTED_DIR = SCRIPT_DIR.parent / "collected"
 
 
 def load_config() -> dict:
-    """加载 cases.json 配置"""
+    """加载配置文件
+    
+    优先从 edit_tool 配置读取（如果存在），否则从 cases.json 读取
+    """
+    if EDIT_TOOL_CONFIG_ZH.exists():
+        print(f"[INFO] 从 edit_tool 配置加载: {EDIT_TOOL_CONFIG_ZH}")
+        with open(EDIT_TOOL_CONFIG_ZH, "r", encoding="utf-8") as f:
+            return json.load(f)
+    
+    print(f"[INFO] 从默认配置加载: {CONFIG_PATH}")
     with open(CONFIG_PATH, "r", encoding="utf-8") as f:
         return json.load(f)
 
@@ -160,6 +171,17 @@ def process_case(case: dict, lang: str, output_audio_dir: Path) -> Optional[dict
     Returns:
         处理后的 case 数据（用于 data.js），处理失败返回 None
     """
+    # 如果已经有完整数据（从 edit_tool 保存的），直接使用
+    if "turns" in case and case["turns"] and "system" in case:
+        print(f"  使用已处理的 case: {case['id']}")
+        return {
+            "id": case["id"],
+            "summary": case.get("summary", ""),
+            "system": case["system"],
+            "turns": case["turns"]
+        }
+    
+    # 否则从 source_session 读取
     source_session = case.get("source_session")
     if not source_session:
         print(f"  [WARN] Case {case.get('id', '?')} 缺少 source_session，跳过")
@@ -255,9 +277,9 @@ def build_data_js(config: dict, output_dir: Path) -> dict:
     return output_data
 
 
-def write_data_js(data: dict, output_dir: Path):
+def write_data_js(data: dict, output_dir: Path, filename: str = "data.js"):
     """将数据写入 data.js"""
-    data_js_path = output_dir / "data.js"
+    data_js_path = output_dir / filename
 
     # 格式化 JSON，便于阅读
     json_str = json.dumps(data, ensure_ascii=False, indent=2)
@@ -268,41 +290,83 @@ def write_data_js(data: dict, output_dir: Path):
     print(f"写入 {data_js_path}")
 
 
+def load_config_for_lang(lang: str) -> Optional[dict]:
+    """加载指定语言的配置
+    
+    Args:
+        lang: 语言代码，zh 或 en
+    
+    Returns:
+        配置字典，如果不存在则返回 None
+    """
+    edit_tool_config = EDIT_TOOL_CONFIG_ZH if lang == "zh" else EDIT_TOOL_CONFIG_EN
+    
+    if edit_tool_config.exists():
+        print(f"[INFO] 从 edit_tool 配置加载 ({lang}): {edit_tool_config}")
+        with open(edit_tool_config, "r", encoding="utf-8") as f:
+            return json.load(f)
+    
+    # 回退到默认配置
+    if CONFIG_PATH.exists():
+        print(f"[INFO] 从默认配置加载 ({lang}): {CONFIG_PATH}")
+        with open(CONFIG_PATH, "r", encoding="utf-8") as f:
+            return json.load(f)
+    
+    return None
+
+
 def main():
     print("=" * 60)
     print("MiniCPM-o 4.5 Demo Page Builder")
     print("=" * 60)
 
-    # 检查配置文件
-    if not CONFIG_PATH.exists():
-        print(f"[ERROR] 配置文件不存在: {CONFIG_PATH}")
-        return 1
-    
-    # 加载配置
-    print(f"加载配置: {CONFIG_PATH}")
-    config = load_config()
-    
     # 清理输出目录中的音频（保留其他文件）
     output_audio_dir = OUTPUT_DIR / "audio"
     if output_audio_dir.exists():
         print(f"清理音频目录: {output_audio_dir}")
         shutil.rmtree(output_audio_dir)
 
-    # 构建数据
-    print("\n处理 cases...")
-    output_data = build_data_js(config, OUTPUT_DIR)
-    
-    # 写入 data.js
-    print("\n生成输出...")
-    write_data_js(output_data, OUTPUT_DIR)
-    
-    # 统计
-    total_cases = sum(
-        len(sub["cases"])
-        for ability in output_data["abilities"]
-        for sub in ability["sub_abilities"]
-    )
-    print(f"\n完成！共处理 {total_cases} 个 cases")
+    total_cases_all = 0
+    
+    # 处理中文版本
+    print("\n" + "=" * 40)
+    print("处理中文版本")
+    print("=" * 40)
+    config_zh = load_config_for_lang("zh")
+    if config_zh:
+        output_data_zh = build_data_js(config_zh, OUTPUT_DIR)
+        write_data_js(output_data_zh, OUTPUT_DIR, "data.js")
+        total_cases_zh = sum(
+            len(sub["cases"])
+            for ability in output_data_zh["abilities"]
+            for sub in ability["sub_abilities"]
+        )
+        print(f"中文版本完成：{total_cases_zh} 个 cases")
+        total_cases_all += total_cases_zh
+    else:
+        print("[WARN] 未找到中文配置文件")
+    
+    # 处理英文版本
+    print("\n" + "=" * 40)
+    print("处理英文版本")
+    print("=" * 40)
+    config_en = load_config_for_lang("en")
+    if config_en:
+        output_data_en = build_data_js(config_en, OUTPUT_DIR)
+        write_data_js(output_data_en, OUTPUT_DIR, "data_en.js")
+        total_cases_en = sum(
+            len(sub["cases"])
+            for ability in output_data_en["abilities"]
+            for sub in ability["sub_abilities"]
+        )
+        print(f"英文版本完成：{total_cases_en} 个 cases")
+        total_cases_all += total_cases_en
+    else:
+        print("[WARN] 未找到英文配置文件")
+    
+    print("\n" + "=" * 60)
+    print(f"构建完成！共处理 {total_cases_all} 个 cases")
+    print("=" * 60)
 
     return 0
 

develop/edit_tool/config/data_en.json

@@ -11,71 +11,6 @@ const DEMO_DATA = {
       "name": "MiniCPM 助手",
       "description": "高表现力语音合成，专业声优音色，自然韵律",
       "sub_abilities": [
-        {
-          "id": "story",
-          "name": "故事创作",
-          "description": "",
-          "cases": [
-            {
-              "id": "haitian_story_001",
-              "summary": "睡前故事（轻柔语气）",
-              "system": {
-                "prefix": "模仿音频样本的音色并生成新的内容。",
-                "ref_audio": "audio/haitian_story_001/ref.mp3",
-                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
-              },
-              "turns": [
-                {
-                  "user_text": "用轻柔的语气讲一个睡前故事，伴我入睡。",
-                  "assistant_text": "今天的故事讲的是一个叫小熊的朋友，它在森林里迷路了。小熊很害怕，但它没有哭，而是决定勇敢地往前走。它遇到了一只老猫头鹰，老猫头鹰告诉小熊：“如果你迷路了，就停下来听一听周围的声音。”小熊听了，闭上眼睛，仔细地听着。它听到了树叶沙沙的声音，听到了小溪潺潺的声音，还听到了远处鸟儿的歌声。小熊觉得这些声音好美啊，它不再害怕了。它继续往前走，终于找到了回家的路。现在，你也可以像小熊一样，闭上眼睛，听一听周围的声音。森林里的动物们在轻声地唱歌，小溪在轻轻地流淌，月亮在温柔地照耀着你。慢慢地，你的身体也会变得很放松，准备进入甜美的梦乡啦。晚安，愿你有一个美好的梦境。",
-                  "assistant_audio": "audio/haitian_story_001/000_assistant.mp3"
-                },
-                {
-                  "user_text": "嗯。",
-                  "assistant_text": "你好呀，今天过得怎么样？",
-                  "assistant_audio": "audio/haitian_story_001/001_assistant.mp3"
-                }
-              ]
-            },
-            {
-              "id": "haitian_story_002",
-              "summary": "童话故事（小鹿）",
-              "system": {
-                "prefix": "模仿音频样本的音色并生成新的内容。",
-                "ref_audio": "audio/haitian_story_002/ref.mp3",
-                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
-              },
-              "turns": [
-                {
-                  "user_text": "讲一个，呃，讲一个森林里的小鹿的一个童话故事。",
-                  "assistant_text": "从前，森林里住着一只小鹿。它喜欢在清晨的阳光下漫步，穿过青翠的草地，跳过清澈的小溪。有一天，它发现了一片从未见过的花海，五颜六色的花朵随风摇曳，仿佛在向它招手。小鹿好奇地走过去，不小心踩到了一朵会发光的蘑菇。突然，一道柔和的光晕笼罩了它，它听见一个温柔的声音说：‘你的心很纯净，愿意帮助迷路的小动物吗？’小鹿点点头，从那天起，它成了森林里的小帮手，用智慧和善良守护着每一个朋友。",
-                  "assistant_audio": "audio/haitian_story_002/000_assistant.mp3"
-                },
-                {
-                  "user_text": "继续。",
-                  "assistant_text": "有一天，一只迷路的小刺猬来到森林深处，它找不到回家的路。小鹿听见它的哭声，立刻跑过去问：“你怎么了？”小刺猬抽噎着说：“我走丢了，妈妈叫我快回家。”小鹿想了想，用树叶和藤蔓为小刺猬搭了个临时窝，还给它找来野果充饥。它又在大树上做了一个记号，指引小刺猬回家的方向。小刺猬感激地说：“谢谢你，小鹿哥哥！”从那以后，每当有动物需要帮助，小鹿总是第一个出现，它的故事在森林里传开了。",
-                  "assistant_audio": "audio/haitian_story_002/001_assistant.mp3"
-                }
-              ]
-            },
-            {
-              "id": "haitian_story_003",
-              "summary": "诗歌朗读（忧伤语气）",
-              "system": {
-                "prefix": "模仿音频样本的音色并生成新的内容。",
-                "ref_audio": "audio/haitian_story_003/ref.mp3",
-                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
-              },
-              "turns": [
-                {
-                  "user_text": "请创作一首关于北京的冬天的诗，并用忧伤的语气朗读。",
-                  "assistant_text": "北京的冬天，冷得让人发抖。北风呼啸着，穿过古老的城墙，吹散了街角的炊烟。胡同里，雪落无声，覆盖了石板路，也盖住了人们的脚印。红墙黄瓦在寒光中显得格外孤寂，仿佛在诉说着往日的繁华已成追忆。人们缩着脖子匆匆走过，眼神里藏着一丝无奈。这城市，像一座沉默的碑，立在岁月的尽头。",
-                  "assistant_audio": "audio/haitian_story_003/000_assistant.mp3"
-                }
-              ]
-            }
-          ]
-        },
         {
           "id": "qa",
           "name": "知识问答",
@@ -149,6 +84,71 @@ const DEMO_DATA = {
             }
           ]
         },
+        {
+          "id": "story",
+          "name": "故事创作",
+          "description": "",
+          "cases": [
+            {
+              "id": "haitian_story_001",
+              "summary": "睡前故事（轻柔语气）",
+              "system": {
+                "prefix": "模仿音频样本的音色并生成新的内容。",
+                "ref_audio": "audio/haitian_story_001/ref.mp3",
+                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
+              },
+              "turns": [
+                {
+                  "user_text": "用轻柔的语气讲一个睡前故事，伴我入睡。",
+                  "assistant_text": "今天的故事讲的是一个叫小熊的朋友，它在森林里迷路了。小熊很害怕，但它没有哭，而是决定勇敢地往前走。它遇到了一只老猫头鹰，老猫头鹰告诉小熊：“如果你迷路了，就停下来听一听周围的声音。”小熊听了，闭上眼睛，仔细地听着。它听到了树叶沙沙的声音，听到了小溪潺潺的声音，还听到了远处鸟儿的歌声。小熊觉得这些声音好美啊，它不再害怕了。它继续往前走，终于找到了回家的路。现在，你也可以像小熊一样，闭上眼睛，听一听周围的声音。森林里的动物们在轻声地唱歌，小溪在轻轻地流淌，月亮在温柔地照耀着你。慢慢地，你的身体也会变得很放松，准备进入甜美的梦乡啦。晚安，愿你有一个美好的梦境。",
+                  "assistant_audio": "audio/haitian_story_001/000_assistant.mp3"
+                },
+                {
+                  "user_text": "嗯。",
+                  "assistant_text": "你好呀，今天过得怎么样？",
+                  "assistant_audio": "audio/haitian_story_001/001_assistant.mp3"
+                }
+              ]
+            },
+            {
+              "id": "haitian_story_002",
+              "summary": "童话故事（小鹿）",
+              "system": {
+                "prefix": "模仿音频样本的音色并生成新的内容。",
+                "ref_audio": "audio/haitian_story_002/ref.mp3",
+                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
+              },
+              "turns": [
+                {
+                  "user_text": "讲一个，呃，讲一个森林里的小鹿的一个童话故事。",
+                  "assistant_text": "从前，森林里住着一只小鹿。它喜欢在清晨的阳光下漫步，穿过青翠的草地，跳过清澈的小溪。有一天，它发现了一片从未见过的花海，五颜六色的花朵随风摇曳，仿佛在向它招手。小鹿好奇地走过去，不小心踩到了一朵会发光的蘑菇。突然，一道柔和的光晕笼罩了它，它听见一个温柔的声音说：‘你的心很纯净，愿意帮助迷路的小动物吗？’小鹿点点头，从那天起，它成了森林里的小帮手，用智慧和善良守护着每一个朋友。",
+                  "assistant_audio": "audio/haitian_story_002/000_assistant.mp3"
+                },
+                {
+                  "user_text": "继续。",
+                  "assistant_text": "有一天，一只迷路的小刺猬来到森林深处，它找不到回家的路。小鹿听见它的哭声，立刻跑过去问：“你怎么了？”小刺猬抽噎着说：“我走丢了，妈妈叫我快回家。”小鹿想了想，用树叶和藤蔓为小刺猬搭了个临时窝，还给它找来野果充饥。它又在大树上做了一个记号，指引小刺猬回家的方向。小刺猬感激地说：“谢谢你，小鹿哥哥！”从那以后，每当有动物需要帮助，小鹿总是第一个出现，它的故事在森林里传开了。",
+                  "assistant_audio": "audio/haitian_story_002/001_assistant.mp3"
+                }
+              ]
+            },
+            {
+              "id": "haitian_story_003",
+              "summary": "诗歌朗读（忧伤语气）",
+              "system": {
+                "prefix": "模仿音频样本的音色并生成新的内容。",
+                "ref_audio": "audio/haitian_story_003/ref.mp3",
+                "suffix": "你的任务是用这种声音模式来当一个助手。请认真、高质量地回复用户的问题。请用高自然度的方式和用户聊天。你是由面壁智能开发的人工智能助手：面壁小钢炮。"
+              },
+              "turns": [
+                {
+                  "user_text": "请创作一首关于北京的冬天的诗，并用忧伤的语气朗读。",
+                  "assistant_text": "北京的冬天，冷得让人发抖。北风呼啸着，穿过古老的城墙，吹散了街角的炊烟。胡同里，雪落无声，覆盖了石板路，也盖住了人们的脚印。红墙黄瓦在寒光中显得格外孤寂，仿佛在诉说着往日的繁华已成追忆。人们缩着脖子匆匆走过，眼神里藏着一丝无奈。这城市，像一座沉默的碑，立在岁月的尽头。",
+                  "assistant_audio": "audio/haitian_story_003/000_assistant.mp3"
+                }
+              ]
+            }
+          ]
+        }
       ]
     },
     {