diff --git a/add_15_words.py b/add_15_words.py
new file mode 100644
index 0000000..c2097aa
--- /dev/null
+++ b/add_15_words.py
@@ -0,0 +1,42 @@
+
+import pandas as pd
+
+file_l2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+df_l2 = pd.read_excel(file_l2)
+df_kb = pd.read_excel(file_kb)
+
+available = df_l2[df_l2['可用'] == 1].copy()
+
+new_rows = []
+for _, row in available.iterrows():
+    new_rows.append({
+        '单词': row['单词'],
+        '词性': row['词性'],
+        '中文释义': row['词义'],
+        'KET/三级重合': '',
+        '分类': '',
+        'Unnamed: 5': '',
+        '与L1重复': row['是否为L1单词'],
+        'L1词性': row['L1词性'] if pd.notna(row['L1词性']) else '',
+        'L1词义': row['L1词义'] if pd.notna(row['L1词义']) else '',
+        '在L1中的行数': row['L1行数'] if pd.notna(row['L1行数']) else '',
+        '删除': ''
+    })
+
+df_new = pd.DataFrame(new_rows)
+
+df_kb = pd.concat([df_kb, df_new], ignore_index=True)
+
+df_kb = df_kb.sort_values(by='单词', key=lambda x: x.str.lower(), ignore_index=True)
+
+output_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df_kb.to_excel(output_path, index=False)
+
+print(f"已添加 {len(new_rows)} 个单词")
+print(f"L2知识库总单词数: {len(df_kb)}")
+print(f"\n已保存至: {output_path}")
+print("\n添加的单词（按字母顺序）:")
+for i, row in df_new.sort_values(by='单词', key=lambda x: x.str.lower()).iterrows():
+    print(f"  {row['单词']:<15} {str(row['词性']):<10} {row['中文释义']:<25} L1:{row['与L1重复']} L1词性:{row['L1词性']} L1词义:{row['L1词义']}")
diff --git a/add_16_words.py b/add_16_words.py
new file mode 100644
index 0000000..5d97f5a
--- /dev/null
+++ b/add_16_words.py
@@ -0,0 +1,53 @@
+
+import pandas as pd
+
+# 文件路径
+file_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+# 要添加的16个单词
+words_to_add = [
+    ('supper', 'n.', '晚餐'),
+    ('cafeteria', 'n.', '食堂'),
+    ('tidy up', 'v.', '收拾'),
+    ('all sorts of', 'phr.', '各种各样的'),
+    ('all the time', 'phr.', '一直'),
+    ('bring back', 'v.', '拿回'),
+    ('turn off', 'v.', '关掉'),
+    ('cabinet', 'n.', '橱柜'),
+    ('get back', 'v.', '拿回'),
+    ('costume', 'n.', '服装'),
+    ('equipment', 'n.', '装备'),
+    ('explorer', 'n.', '探险家'),
+    ('upload', 'v.', '上传'),
+    ('dot', 'n.', '点'),
+    ('successful', 'adj.', '成功的'),
+    ('give back', 'v.', '归还'),
+]
+
+# 按字母顺序排序
+words_to_add_sorted = sorted(words_to_add, key=lambda x: x[0].lower())
+
+# 读取文件
+df = pd.read_excel(file_path)
+
+print(f"现有行数: {len(df)}")
+
+# 创建新行DataFrame
+new_rows = pd.DataFrame(words_to_add_sorted, columns=['单词', '词性', '中文释义'])
+
+# 合并
+df_updated = pd.concat([df, new_rows], ignore_index=True)
+
+# 按字母顺序排序
+df_updated = df_updated.sort_values(by='单词', key=lambda x: x.astype(str).str.lower())
+
+# 保存
+df_updated.to_excel(file_path, index=False)
+
+print(f"\n添加完成！")
+print(f"添加了 {len(words_to_add)} 个新单词")
+print(f"更新后总行数: {len(df_updated)}")
+
+print("\n新添加的单词（按字母顺序）：")
+for i, (word, pos, meaning) in enumerate(words_to_add_sorted, 1):
+    print(f"{i:2d}. {word:20s} {pos:8s} {meaning}")
diff --git a/add_words.py b/add_words.py
new file mode 100644
index 0000000..af2c08a
--- /dev/null
+++ b/add_words.py
@@ -0,0 +1,38 @@
+
+import pandas as pd
+
+# 读取文件
+file_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_path)
+
+print("文件列名:", df.columns.tolist())
+print(f"现有行数: {len(df)}")
+
+# 要添加的单词
+new_words = [
+    {"单词": "cafe", "词性": "n.", "中文释义": "咖啡馆"},
+    {"单词": "exhibition", "词性": "n.", "中文释义": "展览"},
+    {"单词": "selfie", "词性": "n.", "中文释义": "自拍"},
+    {"单词": "typing", "词性": "n.", "中文释义": "打字"},
+    {"单词": "performance", "词性": "n.", "中文释义": "表演"}
+]
+
+# 把新单词转换为DataFrame
+new_df = pd.DataFrame(new_words)
+
+# 合并到原数据
+df_combined = pd.concat([df, new_df], ignore_index=True)
+
+# 按单词字母顺序排序（忽略大小写）
+df_sorted = df_combined.sort_values(by='单词', key=lambda x: x.str.lower())
+
+# 保存结果
+df_sorted.to_excel(file_path, index=False)
+
+print(f"\n添加完成！")
+print(f"添加了 {len(new_words)} 个新单词")
+print(f"更新后总行数: {len(df_sorted)}")
+
+print("\n新添加的单词:")
+for word in new_words:
+    print(f"{word['单词']} - {word['词性']} - {word['中文释义']}")
diff --git a/all_words_dump.txt b/all_words_dump.txt
new file mode 100644
index 0000000..e8e4add
--- /dev/null
+++ b/all_words_dump.txt
@@ -0,0 +1,1814 @@
+0	a.m.	abbr	上午
+1	ability	n	能力
+2	able	adj	能够
+3	about	adv	大约
+4	about	prep	关于
+5	above	adv	以上；超过
+6	abroad	adv	到（在）国外
+7	absent	adj	缺席
+8	accept	v	接受
+9	accident	n	事故
+10	according	adj	取决于…的；根据…而定的
+11	account	v	账务
+12	ache	n	疼痛
+13	ache	v	痛
+14	achieve	v	完成
+15	across	prep	在……对面
+16	across	adv	横穿
+17	act	v	表现
+18	act	n	法令
+19	action	n	行动
+20	active	adj	积极的，主动的
+21	activty	n	活动
+22	actor	n	演员
+23	actress	n	女演员
+24	actually	adv	实际上
+25	ad (=advertisement)	n	广告
+26	add	v	添加
+27	address	n	地址
+28	admire	v	欣赏
+29	adult	adj	成年的
+30	adult	n	成人
+31	advanced	adj	高级的
+32	advantage	n	优点
+33	advce	n	建议
+34	adventure	n	冒险
+35	advertisement	n	广告
+36	advse	v	建议
+37	aeroplane	n	飞机
+38	afford	v	负担的起（费用/时间）
+39	afraid	adj	恐怕
+40	after	adv	在……之后
+41	afterwards	adv	后来
+42	again	adv	再次
+43	against	prep	反对
+44	aged	adj	……岁的
+45	ago	adv	以前
+46	agree	v	同意
+47	ahead	adv	向前
+48	AI (artificial intelligence)	n	人工智能
+49	aid	n	辅助
+50	aid	v	辅助
+51	aim	n	目标
+52	air	n	飞机；乘飞机旅行
+53	airport	n	机场
+54	alarm	n	警报；闹钟
+55	alarm clock	n	闹钟
+56	album	n	专辑
+57	album	n	相册
+58	alcohol	n	酒精；含酒精饮料
+59	alive	adj	活着的
+60	all	adv	各种各样；各类
+61	all	pron	各种各样；各类
+62	all	det	全部；所有
+63	all	pron	全部；所有
+64	all right	adj	没关系；不要紧
+65	all sorts of	phr.	各种各样的
+66	all the time	phr.	一直
+67	allow	v	允许
+68	almost	adv	几乎
+69	alone	adj	单独的
+70	alone	adv	独自地
+71	along	prep	沿着
+72	aloud	adv	大声地
+73	already	adv	已经
+74	alright	adj	没问题
+75	alright	exclam	没关系；不要紧
+76	alright	adj	没关系；不要紧
+77	alright	adv	没关系；不要紧
+78	alright=all right	adv	好吧
+79	although	conj	虽然；尽管
+80	always	adv	一直；总是
+81	always	adv	永远
+82	amazing	adj	惊人的
+83	ambulance	n	救护车
+84	among	prep	在……之中
+85	ancient	adj	古老的
+86	and	conj	等等
+87	and	conj	和；与
+88	another	det	另一个；再一个; 另一个
+89	another	pron	另一个；再一个; 另一个
+90	answer	n	答案
+91	answer	v	接听（电话）
+92	answer	v	回答
+93	any	det	不再
+94	any	pron	再也不
+95	anybody	pron	任何人
+96	anymore	adv	不再；再也不
+97	anyone	pron	任何人
+98	anything	pron	什么事（物）；任何事（物）
+99	anyway	adv	尽管；不管怎样; 无论如何；反正
+100	anywhere	adv	任何地方; 任何地方
+101	app (=application)	n	计算机应用程序
+102	appear	v	出现
+103	appointment	n	预约
+104	April	n	四月
+105	area	n	区域
+106	argue	v	争论
+107	army	n	军队
+108	around	adv	大约
+109	arrive	v	到达
+110	article	n	文章
+111	artist	n	艺术家
+112	as	conj	也；除……之外
+113	as	adv	也；除……之外
+114	as	prep	也；除……之外
+115	ask	v	邀请
+116	asleep	adj	睡着的
+117	assistant	n	店员
+118	at	prep	因为；由于
+119	at	prep	至少
+120	athlete	n	运动员
+121	attack	v	攻击
+122	attend	v	出席
+123	attention	n	注意
+124	attractive	adj	有吸引力的
+125	August	n	八月
+126	available	adj	可用的
+127	average	n	平均数
+128	avoid	v	避免
+129	awake	v	醒着的
+130	award	n	奖赏
+131	award	v	授予
+132	aware	adj	意识到的
+133	away	adv	远离
+134	away	adv	距离……有多远
+135	awesome	adj	极好的
+136	awful	adj	糟糕的
+137	baby	n	幼兽
+138	back	n	背部
+139	back	n	回复
+140	background	n	背景
+141	backpack	n.	背包，双肩背包
+142	bad	adj	有害；不利
+143	badly	adv	糟糕地
+144	badly	adv	非常；极其
+145	bake	v	烘焙
+146	balance	n	平衡
+147	bamboo	n	竹
+148	bank	n	银行
+149	bank	n	（河、海、湖的）岸
+150	barbecue	n	户外烧烤派对
+151	barbecue	n	烧烤架
+152	basic	adj	基本的
+153	basket	n	篮子
+154	bathtub	n.	浴缸
+155	battery	n	电池
+156	be	adv	持续；进行
+157	be	v	去过
+158	be	v	用于构成被动语态
+159	bear	v.	忍受
+160	bear	v	忍受
+161	become	v	成为
+162	before	conj	在……前；在……之前
+163	before	adv	以前；之前
+164	begin	v	开始
+165	beginner	n	初学者
+166	beginning	n	开端
+167	believe	v	相信
+168	belt	n	腰带
+169	beside	prep	在……旁边
+170	best	adv	最好
+171	best	adj	最好
+172	better	adj	更好
+173	better	adv	更好
+174	between	prep	在…之间
+175	between	prep	在……之间；连接
+176	bicycle	n	自行车
+177	big brother/sister	adj	哥哥；姐姐
+178	big news	adj	重要新闻
+179	bill	n	账单
+180	bin	n	垃圾桶
+181	biology	n	生物学
+182	birth	n	出生
+183	biscuit	n	饼干
+184	bit	n	少量；小块; 一点；少许
+185	bit	adv	少量；小块; 一点；少许
+186	black	n	黑色
+187	bleed	v	流血
+188	blind	n	瞎的
+189	block	n	街区
+190	blonde	adj	金发的
+191	blood	n	血液
+192	blouse	n	女衬衫
+193	blow	v	吹
+194	blue	n	蓝色
+195	board	v.	上 (船、火车、飞机等)
+196	boat	v.	划船
+197	body	n	尸体
+198	boil	v	煮沸
+199	boiled	adj	煮熟的
+200	book	v	预订
+201	bookshelf	n	书架
+202	boot	n	靴子
+203	boring	adj	乏味的；无聊的
+204	born	v	出生
+205	borrow	v	借用
+206	bother	v	打扰
+207	bottom	n	底部
+208	bowl	n	碗
+209	box	n	方框
+210	boyfriend	n	男朋友
+211	bracelet	n.	手镯；手链
+212	brain	n	大脑
+213	brave	adj	勇敢的
+214	break	v	打破
+215	breath	n	呼吸
+216	bridge	n	桥梁
+217	bright	adj	鲜艳
+218	brilliant	adj	极好的
+219	bring back	v.	拿回
+220	broken	adj	骨折的
+221	broken	adj	破碎的
+222	broken	adj	损坏的；故障的
+223	brown	n	棕色；褐色
+224	brush	n	刷子
+225	brush	v	刷
+226	budget	n	预算
+227	bully	v	欺负
+228	bully	n	欺凌
+229	burn	v	燃烧
+230	business	n	商业
+231	businessman	n	商人
+232	businesswoman	n	女商人
+233	busy	adj	忙碌的
+234	busy	adj	热闹的（地方）
+235	butter	n	黄油
+236	butterfly	n	蝴蝶
+237	by	prep	被；由
+238	by	prep	通过；靠
+239	by	prep	不迟于；在……之前
+240	by	prep	顺便说；附带提一下
+241	cabbage	n	卷心菜
+242	cabinet	n.	橱柜
+243	cafe	n.	咖啡馆
+244	cafeteria	n.	食堂
+245	calendar	n	日历
+246	call	v	打电话
+247	calm	adj	平静的
+248	camp	v	露营
+249	camping	n	露营；野营
+250	can	n	罐头
+251	can	v	可以；能
+252	cancel	v	取消
+253	cancer	n	癌
+254	cap	n	棒球帽
+255	capital	n	首都
+256	capital letter	n	大写字母
+257	care	v	保重
+258	carefully	adv	仔细地
+259	careless	adj	粗心的
+260	carpet	n	地毯
+261	carry	v	拿
+262	cartoon	n	卡通片
+263	case	n	容器
+264	cash	v	现金
+265	cash	n	现金
+266	castle	n	城堡
+267	catch	v	患（病）
+268	cathedral	n	大教堂
+269	cause	n	原因
+270	ceiling	n	天花板
+271	celebrate	v	庆祝
+272	celebrity	n.	名人；明星
+273	cent	n	美分
+274	centimetre	n	厘米
+275	central	adj	中心的
+276	century	n	世纪
+277	cereal	n	麦片
+278	certain	adj	确定的
+279	certainly	adv	当然
+280	chain	n	链条
+281	chalk	n	粉笔
+282	challenge	n	挑战
+283	champagne	n	香槟酒
+284	champion	n	冠军
+285	chance	n	机会
+286	change	n	变化
+287	change	v	改变
+288	channel	n	电视频道
+289	character	n	性格
+290	characteristic	n	特征
+291	characteristic	adj	特有的
+292	charity	n	慈善
+293	chat	n	闲聊
+294	cheap	adj	便宜的
+295	cheat	v	骗取
+296	check	v	检查
+297	cheer	v	欢呼
+298	cheer	n	欢呼声
+299	chef	n	厨师
+300	chemist	n	药店
+301	chemistry	n	化学
+302	cheque	n	支票
+303	chess	n	国际象棋
+304	chilli	n	辣椒
+305	chip	n	油炸土豆条
+306	choice	n	选择
+307	choose	v	选择
+308	chopsticks	n	筷子
+309	Christmas	n	圣诞节(12月25)
+310	church	n	教堂；教会
+311	cigarette	n	香烟
+312	citizen	n	公民
+313	class	n	等级
+314	classic	n	经典作品
+315	classical	adj	古典的
+316	cleaner	n	清洁工
+317	clear	adj	清晰的
+318	clearly	adv	清晰地
+319	click	v	点击
+320	click	n	点击
+321	climate	n	气候
+322	climb	v	攀爬；攀登
+323	close	adj	亲密的
+324	club	n	俱乐部
+325	coach	n	长途客车
+326	coast	n	海岸
+327	coin	n	硬币
+328	cola	n	可乐
+329	colleague	n	同事
+330	collect	v	收集
+331	college	n	大学
+332	comb	n	梳子
+333	comfortable	adj	舒适的
+334	comic	n	漫画
+335	common	adj	普通的
+336	communicate	v	交际
+337	community	n	社区
+338	company	n	公司
+339	compare	v	比较
+340	compete	v	竞争
+341	competition	n	比赛
+342	complete	v	完成
+343	concert	n	音乐会
+344	condition	n	条件
+345	confidence	n	信心
+346	congratulation	n	祝贺
+347	connect	v	连接
+348	consider	v	考虑
+349	contact	v	联系
+350	contact	n	联系人
+351	continue	v	继续
+352	control	v	控制
+353	control	n	控制
+354	convenient	adj	方便的
+355	conversation	n	谈话
+356	cooker	n	厨具
+357	cookie	n	曲奇饼
+358	cooking	n	烹饪；厨艺
+359	cool	adj	好的
+360	cool	adj	酷
+361	cooperate	v	合作
+362	copy	v	复制
+363	corn	n	玉米
+364	corner	n	角落
+365	correct	adj	正确
+366	cost	v	花费
+367	cost	n	费用
+368	costume	n.	服装
+369	cotton	n	棉花
+370	cough	v	咳嗽
+371	could	v	能；会; 可以；能
+372	country	n	乡村
+373	couple	n	一对
+374	courage	n	勇气
+375	course	n	经过；过程
+376	cover	n	盖子
+377	cover	v	遮住
+378	crazy	adj	疯狂的
+379	cream	n	奶油
+380	cream	adj	米色的
+381	create	v	创造
+382	creative	adj	有创造力的
+383	cricket	n	板球
+384	crisp	n	薯片
+385	cross	v	越过
+386	crowd	n	人群
+387	crowded	adj	拥挤的
+388	cucumber	n	黄瓜
+389	culture	n	文化
+390	curious	adj	好奇的
+391	curry	n	咖喱
+392	curtain	n	窗帘
+393	customer	n	顾客
+394	cut	v	切割
+395	cycling	n	骑行
+396	daily	adj	每日的；日常的
+397	dance	n	舞会（正式）
+398	dancer	n	舞者
+399	danger	n	危险
+400	dangerous	adj	危险的
+401	dark	adj	黑暗
+402	date	n	日期
+403	day	n	现在；如今
+404	day	n	白天
+405	dead	adj	死亡
+406	deaf	adj	聋的
+407	deal	v	交易
+408	death	n	死
+409	December	n	十二月
+410	decide	v	决定
+411	deep	adj	深的
+412	degree	n	度数
+413	delay	n	延误
+414	delay	v	延迟
+415	delicious	adj	美味的
+416	deliver	v.	递送；交付；传送
+417	department	n	部门
+418	department store	n	百货商店
+419	depend	v	取决于
+420	describe	v	描述
+421	desert	n	沙漠
+422	design	n	设计
+423	dessert	n	甜点
+424	detail	n	细节
+425	detailed	adj.	详细的，细致的
+426	develop	v	(使)发展
+427	dialogue (AmE dialog)	n	对话
+428	diary	n	日记
+429	dictionary	n	词典
+430	die	v	死
+431	diet	n	饮食
+432	difference	n	差异
+433	different	adj	不同的
+434	dig	v	挖(洞、沟等)
+435	digital	adj	数字的；数码的
+436	digital camera	n	数码相机
+437	dining room	n	食堂
+438	dinosaur	n	恐龙
+439	diploma	n	学位证书
+440	direct	adj	直接的
+441	directions	n	方向
+442	director	n	导演
+443	disappoint	v	使失望
+444	disaster	n	灾难
+445	disco	n	迪斯科舞
+446	discount	n	折扣
+447	discover	v	发现
+448	discuss	v	讨论
+449	disease	n	疾病
+450	dish	n	菜品
+451	dish	n	盘子
+452	divde	v	划分
+453	dive	v.	潜水；跳水；俯冲；迅速将手伸入；猛冲
+454	do	v	介意；在乎
+455	do	v	用于句末构成反问
+456	document	n	文件
+457	dollar	n	元(美国、加拿大、澳大利亚等国货币单位)
+458	donate	v	捐赠
+459	dot	n.	点
+460	double	adj	两倍；双的
+461	doubt	n	疑惑
+462	doubt	v	怀疑
+463	down	prep	沿着；顺着
+464	download	v	下载
+465	downstairs	adv	楼下
+466	Dr	n	博士；医生
+467	dragon	n	龙
+468	drama	n	戏剧
+469	drawer	n	抽屉
+470	dress	v	穿衣
+471	dressed	adj	穿着衣服的
+472	drive	v	驱赶
+473	drivng licence	n	驾驶执照
+474	drop	n	滴
+475	drum	n	鼓
+476	during	prep	在…期间
+477	duty	n	责任
+478	each	pron	互相；彼此
+479	eagle	n	鹰
+480	early	adv	早期；初期
+481	early	adv	提前
+482	early	adj	早期；初期
+483	earn	v	挣钱
+484	earring	n	耳环
+485	earthquake	n	地震
+486	easily	adv	轻松地
+487	east	adv	向东
+488	east	adj	东方的
+489	east	n	东方
+490	education	n	教育
+491	effect	n	效果
+492	effort	n	努力
+493	either	adj	两方任一方的；二者之一;
+494	elder	adj	长者；前辈
+495	electric	adj	电动的
+496	electricity	n	电
+497	electronic	adj	电子的
+498	else	adv	此外；其他; 其他；别的; 其他；别的
+499	emergency	n	紧急情况
+500	emperor	n	皇帝
+501	empress	n	女皇
+502	empty	adj	空的
+503	encourage	v	鼓励
+504	end	v	结束
+505	end	n	末端
+506	enemy	n	敌人
+507	energetic	adj	精力充沛的
+508	energy	n	能量
+509	engine	n	引擎
+510	engineer	n	工程师
+511	enjoy	v	享受
+512	enough	det	足够；充足; 足够；充足
+513	enough	adv	足够；充足; 足够；充足
+514	enough	pron	足够；充足; 足够；充足
+515	enter	v	进入
+516	entrance	n	入口
+517	envelope	n	信封
+518	environment	n.	环境
+519	envronment	n	环境
+520	equipment	n.	装备
+521	era	n	时代
+522	eraser	n	黑板擦
+523	especially	adv	尤其；特别
+524	euro	n	欧元
+525	even	adv	甚至；连……都
+526	event	n	事件
+527	ever	adv	曾经；任何时候
+528	everybody	pron	每个人；所有人
+529	everyday	adj	每日的；日常的
+530	everyone	pron	每个人；所有人
+531	everyone	pron	每个人；所有人
+532	everything	pron	一切；所有事物
+533	everywhere	adv	到处；处处
+534	exactly	adv	精确地；恰好
+535	exam (=examination)	n	考试
+536	examination	n	考试
+537	example	n	例子
+538	excellent	adj	优秀
+539	except	conj	除……之外
+540	except	prep	除……之外
+541	excuse	n	借口
+542	excuse	v	抱歉
+543	exercise	v	锻炼
+544	exhibition	n.	展览
+545	exit	n	出口
+546	expect	v	盼望
+547	expensive	adj	昂贵的
+548	experience	n	经验
+549	experiment	n.	实验；试验
+550	expert	n	专家
+551	explain	v	解释
+552	explore	v	探索
+553	explorer	n.	探险家
+554	express	v	表达
+555	extra	adj	额外的
+556	face	vt.	面对
+557	fact	n	事实
+558	factory	n	工厂
+559	fail	v	不及格
+560	fair	adj	白皙的
+561	fall	n	下降
+562	fall	v	减少
+563	false	adj	错误的
+564	familiar	adj	熟悉的
+565	fan	n	粉丝
+566	fantastic	adj	极好的
+567	far	adv	远；遥远
+568	fashion	n	时尚
+569	fast	adj	快速地；迅速地
+570	fast	adv	快速地
+571	fast food	n	快餐
+572	fat	n	脂肪
+573	fear	n	害怕；恐惧；担忧
+574	February	n	二月
+575	feed	v	喂(养)
+576	feeling	n	感情
+577	feelings	n.	情感；感觉；看法
+578	festival	n	节日的
+579	fever	n	发烧
+580	few	det	几个；一些; 一些；几个
+581	few	adj	几个；一些; 一些；几个
+582	field	n.	领域
+583	fight	v	战斗
+584	file	n	档案
+585	fill	v	填满
+586	fill in	v.	填满；装满；注满；使充满
+587	final	adj	最后的
+588	finally	adv	终于
+589	find	v	偶然发现
+590	find out	v.	发现，查明
+591	fine	adj	好的；足够好
+592	finger	n	手指
+593	finish	v	结束
+594	fireman	n	消防员
+595	firework	n	烟花
+596	first	adj	首先
+597	first	adv	首先
+598	first name	n	名字
+599	first of all	collocation	首先；第一
+600	fit	adj	健康
+601	fix	v	确定
+602	flag	n	旗
+603	flight	n	飞行
+604	flood	n	洪水
+605	flu	n	流行性感冒
+606	fly	v	飞行
+607	focus	v	焦点
+608	focus	n	集中(注意力)
+609	fog	n	雾
+610	foggy	adj	有雾的
+611	folder	n	文件夹
+612	folk	n	人们
+613	follow	v	跟随
+614	fool	v	愚弄
+615	footballer	n	足球运动员
+616	for	prep	交换；换取
+617	for	prep	为了；获取
+618	for	prep	朝着；向
+619	for	prep	在……时
+620	for	prep	为了；在……之际
+621	for	prep	出售；售卖
+622	for	prep	因为；由于
+623	for	prep	用于；为了
+624	for	prep	意义；表示意义
+625	force	v	强迫
+626	foreign	adj	外国的
+627	forever	adv	永远
+628	forget	v	忘记
+629	fork	n	餐叉
+630	form	n	表格
+631	forward	adv	将来,今后；向前,前进
+632	found	v	建立；创立
+633	fox	n	狐狸
+634	free	adj	空闲
+635	fresh	adj	新鲜的
+636	fridge	n	冰箱
+637	fried	adj	油炸的
+638	friendly	adj	友好的
+639	friendship	n	友谊
+640	from	prep	由……制成
+641	front	adj	前面的
+642	front	adj	前部；前面
+643	full	adj	满的
+644	fun	n	有趣；娱乐
+645	fur	n.	软毛；毛皮；人造毛；皮草
+646	furniture	n	家具
+647	further	adj	更多
+648	future	n	未来
+649	game	n	比赛
+650	garage	n	车库
+651	garden	v.	从事园艺活动
+652	garlic	n	大蒜
+653	gas	n	燃气
+654	gate	n	大门
+655	general	adj	大体的
+656	gentleman	n	绅士；先生
+657	geography	n	地理
+658	get	v	获取；带回
+659	get	v	结婚
+660	get back	v.	拿回
+661	girlfriend	n	女朋友
+662	give	v	告知
+663	give	v	给予
+664	give	v	举办
+665	give	v	打电话
+666	give back	v.	归还
+667	glad	adj	高兴的
+668	glass	n.	玻璃
+669	glove	n	手套
+670	glue	n	胶水
+671	go	v	打算；将要
+672	go	v	去；从事
+673	goal	n	进球
+674	gold	adj	金制的
+675	gold	n	金子
+676	golden	adj	金色的；金黄的
+677	golf	n	高尔夫球
+678	good-looking	adj	好看的
+679	government	n	政府
+680	grade	n	等级
+681	graduate	v	毕业
+682	gram	n	克
+683	grandchild	n	孙子女；外孙子女
+684	granny	n	奶奶；外婆
+685	great	adj	巨大的
+686	greet	v	和……打招呼；迎接
+687	grey	adj	灰色
+688	grilled	adj	烤的
+689	ground	n	地面
+690	group	n	组，群
+691	grow	v	成长
+692	guard	n	警戒
+693	guess	v	猜测
+694	guest	n	客人
+695	guide	n	导游
+696	guidebook	n	旅游指南
+697	gun	n	枪
+698	guy	n	男人
+699	gym (=gymnasium)	n	健身房
+700	habit	n	习惯
+701	half	det	一半；半个
+702	half	pron	一半；半个
+703	half	n	一半；半个
+704	half-price	adj	半价
+705	ham	n	火腿
+706	hamburger	n	汉堡包
+707	hand	vt.	传递，交递
+708	handsome	adj	英俊的
+709	hang	v	悬挂
+710	happen	v	发生
+711	happy	adj	乐意；愿意
+712	harbour	n.	海港，港口
+713	hard	adv	艰难地
+714	hardly	adv	几乎不
+715	harm	v	损害
+716	harm	n	伤害
+717	hate	v	厌恶
+718	have	adv	拥有；助动词
+719	have	adv	必须；不得不
+720	have	v	拥有；助动词
+721	have	v	生育；生（孩子）
+722	have	adv	经历；体验
+723	have	v	经历；体验
+724	have	v	必须；不得不
+725	have	v	进行；从事
+726	headache	n	头痛
+727	headteacher	n	校长
+728	health	n	健康
+729	healthy	adj	健康的
+730	hear	v	听
+731	heart	n	心脏
+732	heat	n	热
+733	heating	n	供暖
+734	heavy	adj	多重
+735	height	n	高度
+736	help	v	救命；求助
+737	help	n	救命；求助
+738	help	n	帮助
+739	help	v	帮助
+740	here	adv	给；给你
+741	here	adv	这里；在这儿
+742	hero	n	英雄
+743	hers	pron	她的（东西）
+744	herself	pron	她自己
+745	high	adj	高的
+746	hike	v	远足；徒步旅行
+747	himself	pron	他自己; 他自己
+748	hip-hop	n	嘻哈音乐
+749	his	det	他的
+750	his	pron	他的
+751	history	n	历史; 历史
+752	hold	v	拿着；抱着
+753	hole	n	洞
+754	hometown	n	故乡
+755	honest	adj	诚实的
+756	honey	n	蜂蜜
+757	honour	n	荣誉；敬意
+758	hope	v	希望
+759	horrible	adj	可怕的；糟糕的
+760	host	n	主人；东道主
+761	hostess	n	女主人
+762	hotel	n	旅馆
+763	housewife	n	家庭主妇
+764	housework	n	家务劳动
+765	how	adv	方式；怎样
+766	how	adv	你好；您好
+767	how	adv	怎样；如何
+768	how	adv	询问健康状况
+769	however	adv	然而
+770	hug	n	拥抱
+771	human	adj	人类的
+772	humour (AmE humor)	n	幽默
+773	hundred	num	百
+774	hunt	v	打猎
+775	hunt	n	打猎
+776	hurry	v	匆忙；赶紧
+777	hurt	v	伤害
+778	hurt	v	受伤
+779	husband	n	丈夫
+780	ID card	n	身份证
+781	identification	n	身份证明
+782	if	conj	如果; 如果不; 如果你愿意
+783	illness	n	疾病
+784	imagine	v	想象
+785	immediately	adv	立即
+786	important	adj	重要的
+787	impossible	adj	不可能的
+788	improve	v	改进；提高
+789	in	prep	在……内；在……时间内
+790	in	adv	部分；在……里
+791	in	prep	部分；在……里
+792	in	prep	在……前面
+793	in	adv	在……内
+794	in	prep	进入；里面
+795	in	adv	在……前面
+796	in	adv	进入；里面
+797	include	v	包含；包括
+798	including	prep	包括；包含
+799	increase	n	增加
+800	increase	v	增加
+801	indoor	adj	室内的
+802	industry	n	工业
+803	influence	n	影响
+804	information	n	信息
+805	ingredient	n.	原料，成分，要素
+806	insect	n	昆虫
+807	inside	adv	里面；内部
+808	inside	prep	里面；内部
+809	instead	adv	代替
+810	instruction	n	说明
+811	instructions	n.	指示；说明；命令
+812	instrument	n	乐器
+813	interest	n	兴趣
+814	interested	adj	感兴趣的
+815	international	adj	国际的
+816	intervew	n	采访
+817	intervew	v	采访
+818	into	prep	变成；转入
+819	introduce	v	介绍
+820	invent	v	发明
+821	invention	n.	发明；创意；创造
+822	invtation	n	邀请
+823	invte	v	邀请
+824	island	n	岛屿
+825	IT	n	信息技术
+826	it	n	它
+827	it	pron	时间/天气等情境代词
+828	its	det	它的
+829	itself	pron	它自己；自身
+830	jam	n	果酱
+831	January	n	一月
+832	jazz	n	爵士乐
+833	jewellery	n	珠宝；首饰
+834	jog	v	慢跑
+835	join	v	加入
+836	joke	n	笑话
+837	journalist	n.	记者；新闻工作者
+838	journey	n	旅程
+839	joy	n	欢乐
+840	judge	v	判断
+841	July	n	七月
+842	jumper	n	套头毛衣
+843	June	n	六月
+844	junior	adj	地位（或职位、级别）低下的
+845	just	adv	刚刚; 马上；立刻
+846	keep	v	保留
+847	keep	v	存放
+848	keep	v	保持
+849	key	n	答案
+850	keyboard	n	键盘乐器
+851	kill	v	杀死
+852	kilogram	n	千克
+853	kilometre	n	千米；公里
+854	kind	n	种类；类别
+855	kind	adj	种类；类别
+856	king	n	国王
+857	kiss	v	亲吻
+858	kiss	n	亲吻
+859	kit	n	运动服装
+860	knee	n	膝盖
+861	knife (pl. knives)	n	小刀
+862	knock	v	敲
+863	knock	n	敲击声
+864	know	v	知道；了解
+865	know	v	告知
+866	knowledge	n	知识
+867	kung fu	n	(中国)功夫
+868	lab (laboratory)	n	实验室
+869	lady	n	女士，夫人
+870	land	n	陆地
+871	landscape	n	风景
+872	language	n	语言
+873	lantern	n	灯笼
+874	large	adj	巨大的
+875	large	adj	大量的
+876	last	adj	上一个；前一个
+877	last	det	最后；最终
+878	last	adj	最近的
+879	last	det	上一个；前一个
+880	last	adj	最后；最终
+881	last	det	最近的
+882	later	adv	稍后
+883	latest	adj	最新的
+884	laugh	v	笑；大笑
+885	law	n	法律
+886	lawyer	n	律师
+887	lay	v	放下
+888	lazy	adj	懒惰的
+889	lead	v	领导
+890	leaf (pl. leaves)	n	(树，菜)叶
+891	least	adv	至少
+892	leather	n	皮革
+893	leave	v	留下
+894	leave	v	遗忘
+895	left	adj	左边；左侧
+896	left	adv	左边；左侧
+897	left	n	左边；左侧
+898	left	adv	左边；左侧
+899	left	n	左边；左侧
+900	left	adj	左边；左侧
+901	left-hand	adj	左边的；左侧的
+902	lemonade	n	柠檬水
+903	lend	v	借出
+904	less	adj	更少；较少
+905	less	pron	更少；较少
+906	less	det	更少；较少
+907	let	v	告知
+908	level	n	水平
+909	licence	n	许可证
+910	lie	v	躺
+911	life (pl. lives)	n	生命
+912	lift	n	电梯
+913	light	n	灯
+914	light	adj	轻的
+915	lightning	n	闪电
+916	like	prep	什么样；如何
+917	like	v	如果你愿意
+918	like	v	像；如同
+919	like	prep	如果你愿意
+920	like	v	什么样；如何
+921	like	adv	像；如同
+922	like	adv	什么样；如何
+923	like	prep	像；如同
+924	like	adv	如果你愿意
+925	likely	adj	可能的
+926	line	n	线条
+927	link	v.	连接；链接
+928	list	n	列表
+929	literature	n	文学
+930	litre	n	升
+931	litter	v	乱丢杂物
+932	little	adj	一点；少许
+933	live	adv.	现场直播地
+934	live	adj	现场直播的
+935	lively	adj	活泼的
+936	local	adj	当地的
+937	lock	n	锁
+938	lonely	adj	孤独的，寂寞的
+939	long	adj	长时间；长久
+940	look	v	看起来
+941	look after	phr. v.	照顾；照料；照看
+942	look out	phr. v.	当心；小心
+943	loss	n	损失
+944	loss	n	丢失
+945	lost	adj	迷路
+946	loud	adj	大声的
+947	love	n	爱
+948	love	v	愿意；乐意
+949	lovely	adj	美好的
+950	low	adj	低；少量
+951	luck	n	运气
+952	lucky	adj	幸运的
+953	luggage	n	行李
+954	lunchtime	n	午餐时间
+955	machine	n	机器
+956	mad	adj	生气
+957	madam	n	夫人，女士
+958	magazine	n	杂志
+959	magic	n	魔法
+960	mail	n	邮件
+961	main	adj	主要的
+962	main course	n	主菜
+963	make	v	确保；保证
+964	make	v	进行；做
+965	make-up	n	化妆品
+966	mall	n	商场
+967	manage	v	管理
+968	manager	n	经理
+969	manner	n	(pl.)礼貌；礼仪
+970	March	n	三月
+971	mark	n	分数
+972	married	adj	已婚的
+973	married	adj	结婚
+974	marry	v	(使)成婚
+975	master	v	精通
+976	master	n	精通
+977	master	n	主人
+978	match	n	比赛
+979	material	n	材料
+980	mathematics	n.	数学
+981	matter	n	事情
+982	matter	v	要紧；重要
+983	May	n	五月
+984	may	v	也许；可能
+985	maybe	adv	也许
+986	meal	n	一餐(饭)
+987	mean	v	意思是
+988	meaning	n	含义
+989	mechanic	n	机械师
+990	medal	n	奖牌
+991	medical	adj	医学的，医疗的
+992	medicine	n	药物
+993	medium (pl. media)	adj	中等的
+994	meeting	n	会议
+995	melon	n	甜瓜
+996	member	n	成员
+997	memory	n	记忆
+998	mention	v	提及
+999	mention	n	提及
+1000	menu	n	菜单
+1001	mess	n	混乱
+1002	message	n	消息
+1003	metal	n.	金属
+1004	method	n	方法
+1005	metre	n	米
+1006	midday	n	正午
+1007	middle	n	中间
+1008	midnight	n	午夜
+1009	might	v	也许；可能
+1010	mile	n	英里
+1011	million	n	百万
+1012	mind	v	介意
+1013	mine	pron	我的（东西）
+1014	mineral water	n	矿泉水
+1015	minus	prep	减；负
+1016	minute	n	片刻
+1017	miss	n	错过
+1018	miss	v	错过
+1019	missing	adj	失踪的
+1020	mistake	n	错误
+1021	mix	v	混合
+1022	mobile	adj	可移动的
+1023	model	n	模型
+1024	modern	adj	现代的
+1025	moment	n	此刻
+1026	money	n	钱；货币
+1027	month	n	月份
+1028	more	det	更多；再
+1029	more	pron	更多；再
+1030	more	adj	更多；再
+1031	more	adv	更多；再
+1032	mosque	n	清真寺
+1033	most	pron	最；极; 最；最多; 大多数; 大多数；几乎所有
+1034	most	adj	最；极; 最；最多; 大多数; 大多数；几乎所有
+1035	most	adv	最；极; 最；最多; 大多数; 大多数；几乎所有
+1036	most	det	最；极; 最；最多; 大多数; 大多数；几乎所有
+1037	motorbike	n	摩托车
+1038	motorway	n	高速公路
+1039	move	v	移动
+1040	MP3 player	n	MP3播放器
+1041	Ms	n	女士
+1042	much	pron	大量；许多
+1043	much	adj	大量；许多
+1044	much	adv	大量；许多
+1045	mug	n	马克杯
+1046	museum	n	博物馆
+1047	mushroom	n	蘑菇
+1048	musical	adj	音乐的
+1049	must	v	必须；一定
+1050	mutton	n	羊肉
+1051	myself	pron	我自己
+1052	name	v.	命名；给…取名
+1053	narrow	adj	狭窄的
+1054	nation	n	民族
+1055	national	adj	国家的
+1056	nature	n	大自然
+1057	nearly	adv	几乎
+1058	necessary	adj	必需的
+1059	necklace	n	项链
+1060	need	v	不必；无需
+1061	negative	adj	否定
+1062	neighbour	n	邻居
+1063	neither	adj	(两者)都不
+1064	nervous	adj	紧张不安的
+1065	never	adv	没关系
+1066	news	n	新闻；消息
+1067	newspaper	n	报纸
+1068	next	adv	下一个
+1069	next to	prep	紧邻；在……旁边
+1070	night	n	夜间
+1071	no one	pron	没人
+1072	nobody	pron	没有人
+1073	nod	v	点头
+1074	noisy	adj	嘈杂的
+1075	none	pron	无任何东西或人，无一人
+1076	noon	n	正午
+1077	nor	conj	也不
+1078	normal	adj	正常
+1079	north	n	北方
+1080	north	adj	北部的
+1081	north	adv	向北
+1082	note	n	笔记
+1083	note	v	记笔记
+1084	notebook	n	笔记本
+1085	nothing	pron	没有东西
+1086	notice	n	通知
+1087	novel	n	(长篇)小说
+1088	November	n	十一月
+1089	now	adv	刚才
+1090	object	n	物体
+1091	occupation	n	职业
+1092	ocean	n	海洋
+1093	October	n	十月
+1094	of	prep	属于；关于
+1095	of	prep	用于比较
+1096	of	prep	表示位置；属于
+1097	of	prep	当然不
+1098	off	adv	关闭；停用
+1099	off	adv	休假；不工作
+1100	off	adv	脱掉；移除
+1101	offer	n	提议
+1102	offer	v	愿意提供
+1103	office	n	办公室
+1104	officer	n	官员
+1105	oil	n	油
+1106	old	adj	过去的
+1107	Olympic	adj	奥运的
+1108	omelette	n	煎蛋卷
+1109	on	prep	在……上
+1110	once	adv	一次
+1111	one	det	一个；某个
+1112	one	pron	某一；有一天
+1113	one	pron	一个；某个
+1114	one	det	某一；有一天
+1115	online	adj	在线的
+1116	online	adv	在网上
+1117	only	adj	只有；仅仅
+1118	only	adv	只有；仅仅
+1119	open	v	营业
+1120	open	adj	营业的
+1121	opera	n	歌剧
+1122	operate	v	手术
+1123	operate	v	操作
+1124	opinion	n	意见
+1125	opposite	prep	对面
+1126	or	conj	是否
+1127	or	conj	或者；也不
+1128	orange	n	橙色
+1129	order	n	订单
+1130	order	v	订购
+1131	organise (AmE organize)	v	组织
+1132	other	det	彼此
+1133	other	pron	其他
+1134	ours	pron	我们的
+1135	ourselves	pron	我们自己
+1136	out	adv	外出
+1137	out of	prep	离开
+1138	outside	prep	外面
+1139	oven	n	烤箱
+1140	over	prep	覆盖
+1141	over	adv	超过
+1142	own	adj	拥有的
+1143	p.m.	abbr	下午
+1144	pack	v	打包
+1145	packet	n	小包
+1146	page	n	页面
+1147	pain	n	疼痛
+1148	painter	n	画家
+1149	pair	n	一对；一双
+1150	palace	n	宫殿
+1151	pale	adj	浅色
+1152	paper	n	试卷
+1153	paragraph	n	段落
+1154	pardon	exclam	请再说一遍
+1155	park	v	停车
+1156	part	n	部分
+1157	partner	n	伙伴
+1158	pass	v	通过
+1159	passage	n	走廊
+1160	passenger	n	乘客
+1161	passport	n	护照
+1162	password	n.	密码；暗语；口令
+1163	past	n	过去
+1164	past	prep	经过
+1165	path	n	小路；小径
+1166	patient	n	病人
+1167	pay	v	付钱
+1168	PC	n	个人电脑
+1169	peace	n	和平
+1170	pence	n	便士（复数）
+1171	penfriend	n	笔友
+1172	pepper	n	胡椒粉
+1173	per	prep	每；每一
+1174	per cent (AmE percent)	n	百分之……
+1175	perfect	adj	完美；无瑕
+1176	perform	v	做，执行
+1177	perform	v	演出
+1178	performance	n.	表演
+1179	perfume	n	香水
+1180	perhaps	adv	也许
+1181	period	n	时代
+1182	person	n	人
+1183	personal	adj	个人的
+1184	petrol	n	汽油
+1185	petrol station	n	加油站
+1186	photo (=photograph)	n	照片
+1187	photograph	n	照片
+1188	photographer	n	摄影师
+1189	photography	n	摄影
+1190	physics	n	物理学
+1191	pick	v	拾起，采集；挑选
+1192	piece	n	一块
+1193	pill	n	药片
+1194	pillow	n	枕头
+1195	pilot	n	飞行员
+1196	pioneer	n	先锋
+1197	pity	n	遗憾
+1198	pizza	n	比萨饼
+1199	place	n	住处
+1200	plan	v	计划
+1201	plan	n	计划
+1202	planet	n	行星
+1203	plastic	n	塑料
+1204	plastic	adj	塑料的
+1205	plate	n	板
+1206	platform	n	站台
+1207	play	n	戏剧
+1208	play	v	播放
+1209	play	v	演奏
+1210	player	n	播放器
+1211	player	n	演奏者
+1212	pleasant	adj	令人愉快的
+1213	pleased	adj	满意
+1214	pleasure	n	高兴
+1215	plenty	n	充足，大量
+1216	plural	n	复数
+1217	plus	prep	加
+1218	pocket	n	口袋
+1219	poem	n	诗
+1220	poet	n	诗人
+1221	point	v	指向；指示
+1222	police officer	n	警察
+1223	police station	n	警察局
+1224	policeman	n	警察
+1225	policewoman	n	女警察
+1226	polite	adj	礼貌的
+1227	pollute	v	污染
+1228	pool	n	游泳池
+1229	poor	adj	可怜的
+1230	pop	n	流行音乐
+1231	popular	adj	受欢迎的
+1232	population	n	人口，人数
+1233	pork	n	猪肉
+1234	porridge	n	粥
+1235	port	n.	港口，港湾
+1236	position	n	位置
+1237	positive	adj	积极的
+1238	possible	adj	可能
+1239	possibly	adv	可能
+1240	post	v	邮寄
+1241	post office	n	邮局
+1242	postcard	n	明信片
+1243	postman (pl. postmen)	n	邮递员
+1244	pot	n	锅
+1245	pound	n	英镑
+1246	pour	v	倒出
+1247	power	n	力量
+1248	practice	n	练习
+1249	praise	v	赞扬，表扬
+1250	praise	n	赞扬，表扬
+1251	pray	v	祈祷
+1252	prefer	v	更喜欢
+1253	prepare	v	准备
+1254	president	n	总统
+1255	press	v	压
+1256	pressure	n	压力
+1257	pretty	adv.	相当
+1258	price	n	价格
+1259	pride	n	自豪
+1260	primary	adj	初等的
+1261	prince	n	王子
+1262	princess	n	公主
+1263	print	v	打印
+1264	printer	n	打印机
+1265	private	adj	私人的
+1266	prize	n	奖品
+1267	probably	adv	大概
+1268	produce	v	生产
+1269	product	n	产品
+1270	program	n	程序
+1271	programme	n	节目
+1272	progress	n	进步
+1273	project	n	课题
+1274	promise	v	答应
+1275	promise	n	承诺
+1276	pronounce	v	发音
+1277	proper	adj	恰当的
+1278	protect	v	保护
+1279	proud	adj	自豪的
+1280	provde	v	提供
+1281	prove	v	证明
+1282	pub	n	酒吧
+1283	public	adj	公共的
+1284	publish	v	出版
+1285	pull	v	拉
+1286	punish	v	惩罚
+1287	pupil	n	小学生
+1288	purple	adj	紫色
+1289	purpose	n	目的
+1290	purse	n	钱包
+1291	push	v	推
+1292	put	v	书写
+1293	puzzle	n	谜题
+1294	quality	n	质量
+1295	quarter	n	四分之一
+1296	queen	n	女王
+1297	question	v.	询问
+1298	quick	adj	快速的
+1299	quite	adv	相当；颇; 相当；不少
+1300	quiz	n	测验
+1301	race	n	竞赛
+1302	race	v	赛跑
+1303	racket	n	球拍
+1304	railway	n	铁路
+1305	raincoat	n	雨衣
+1306	raise	v	饲养
+1307	raise	v	使升高
+1308	rap	n	说唱乐
+1309	rapid	adj	迅速的
+1310	rat	n	老鼠
+1311	rather	adv	相当，宁可
+1312	reach	v	到达
+1313	ready	adj	准备好
+1314	real	adj	真实的
+1315	realise	v	认识到
+1316	realise	v	实现
+1317	really	adv	确实；实在; 真的；确实
+1318	reason	n	原因
+1319	receipt	n	收据
+1320	receive	v	收到
+1321	recent	adj	近来的
+1322	receptionist	n	接待员
+1323	recipe	n.	食谱；烹饪法；诀窍
+1324	recognise (AmE recognize)	v	认出
+1325	recommend	v	推荐
+1326	record	v	录制
+1327	recycle	v	回收利用
+1328	red	adj	红色的；红头发的
+1329	red wine	adj	红酒
+1330	reduce	v	减少
+1331	refuse	v	拒绝
+1332	regret	n	遗憾
+1333	regret	v	可惜
+1334	relationship	n	关系
+1335	relative	n	亲戚
+1336	relax	v	(使)放松
+1337	relaxing	adj.	使人放松的；令人轻松的
+1338	remain	v	余下
+1339	remember	v	记得
+1340	remind	v	提醒
+1341	rent	v	租金
+1342	rent	v	租用
+1343	repair	v	修理
+1344	repeat	v	重复
+1345	reply	n	回答
+1346	report	n	报告
+1347	report	v	报告
+1348	require	v	要求
+1349	research	n	调查
+1350	respect	n	尊重
+1351	responsible	adj	负责的
+1352	rest	v	休息
+1353	rest	n	休息
+1354	rest	n	其余部分
+1355	restaurant	n	饭馆
+1356	result	n	结果
+1357	return	v	归还
+1358	return	v	返回
+1359	revew	v	回顾；复习
+1360	rich	adj	富有
+1361	ride	n	骑(马、自行车)；乘车
+1362	ride	v	骑(马、自行车)；乘车
+1363	right	adv	好的；对了
+1364	right	adj	右边的
+1365	right	adv	在右边
+1366	right	n	好的；对了
+1367	right	n	右边
+1368	right-hand	adj	右手的；右侧的
+1369	ring	v	打电话
+1370	ring	n	戒指
+1371	rise	v	上升
+1372	risk	n	风险
+1373	roast	adj	烤制的
+1374	roast	v	烤制
+1375	rock	n	摇滚
+1376	rocket	n	火箭
+1377	role	n	角色
+1378	room	n	空间
+1379	rope	n	绳
+1380	rose	n	玫瑰花
+1381	round	adv	转过来
+1382	roundabout	n	环形交叉路口
+1383	row	n	(一)排；(一)打
+1384	rubbish	n	垃圾；废物
+1385	rugby	n	橄榄球
+1386	rule	n	规则
+1387	runner	n	跑步者
+1388	running	n	跑步
+1389	rush	v	冲，奔跑
+1390	safety	n	安全
+1391	sailing	n	帆船运动
+1392	sale	n	大减价
+1393	sale	v	出售
+1394	salesperson	n	售货员
+1395	salt	n	盐
+1396	same	adj	相同；一样
+1397	same	pron	相同；一样
+1398	satisfy	v	使满意
+1399	save	v	保存
+1400	save	v	存钱
+1401	scare	v	使恐惧
+1402	scared	adj.	害怕的，恐惧的
+1403	school	n	上学时间
+1404	schoolchild	n	小学生
+1405	scientist	n	科学家
+1406	scissors	n	剪刀
+1407	scooter	n	小型摩托车
+1408	score	v	得分
+1409	score	n	分数
+1410	screen	n	屏幕
+1411	search	n	搜寻，搜查
+1412	search	v	搜寻，搜查
+1413	second	n	秒
+1414	secret	adj	秘密
+1415	secretary	n	秘书
+1416	see	v	观看
+1417	seem	v	似乎，好像
+1418	seldom	adv	很少
+1419	selfie	n.	自拍
+1420	send	v	送，邮寄
+1421	send	v	打发，派遣
+1422	sense	n	感觉
+1423	sentence	n	句子
+1424	separate	v	使分开
+1425	September	n	九月
+1426	serious	adj	严肃的
+1427	serious	adj	认真的
+1428	servce	n	服务
+1429	serve	v	提供
+1430	set	n	一套；一组
+1431	several	det	几个；若干
+1432	several	pron	几个；若干
+1433	shake	v	震动
+1434	shall	v	提议；建议; 用于征求意见
+1435	shame	n	遗憾
+1436	shampoo	n	洗发水
+1437	share	v	分享
+1438	sheet	n	薄片
+1439	shelf	n	架子
+1440	shine	v	发光
+1441	shock	v	使震惊
+1442	shock	n	震惊
+1443	shoot	v	射击
+1444	shop assistant	n	店员
+1445	shopping	n	所购物品
+1446	short	adj	简短的
+1447	should	v	应该；应当
+1448	show	n	节目
+1449	show	v	演出
+1450	shower	n	阵雨
+1451	shut	v	关闭
+1452	shy	adj	害羞的
+1453	sick	adj	恶心的
+1454	sick	adj	生病的
+1455	side	n	边缘
+1456	side	n	一侧；一边 
+1457	sightseeing	n	观光
+1458	sign	n	标志
+1459	silent	adj	无声的
+1460	silk	n	丝织品
+1461	silver	n	银；白银
+1462	silver	adj	银色的；银制的
+1463	similar	adj	相似的
+1464	simple	adj	简单
+1465	since	prep	自从；自……以来
+1466	singer	n	歌手
+1467	single	adj	单个的
+1468	sink	n	水槽
+1469	sir	n	先生
+1470	site	n	网站
+1471	sitting room	n	客厅
+1472	situation	n	情况
+1473	size	n	尺寸；尺码
+1474	size	n	大小；规模
+1475	skating	n	滑冰
+1476	ski	n	滑雪
+1477	skiing	n	滑雪
+1478	skill	n	技能
+1479	slice	n	薄片
+1480	slim	adj	苗条的
+1481	small	adj	不重要的
+1482	smart	adj	灵巧的
+1483	smell	v	嗅，闻到
+1484	smell	n	闻到
+1485	smoke	v	烟
+1486	smoking	n.	吸烟；抽烟；冒烟
+1487	smooth	adj	光滑的
+1488	snack	n	零食
+1489	snowboarding	n	单板滑雪
+1490	so	conj	等等
+1491	so	adv	这样；如此
+1492	so	conj	这样；如此
+1493	so	adv	等等
+1494	so	adv	所以；因此
+1495	so	conj	所以；因此
+1496	soap	n	肥皂
+1497	social	adj	社交的
+1498	social media	n.	社交媒体
+1499	society	n	社会
+1500	soft	adj	柔软的
+1501	soft drink	n	软饮料
+1502	software	n	软件
+1503	soil	n	土壤
+1504	soldier	n	士兵，战士
+1505	solve	v	解决
+1506	somebody	pron	某人；有人
+1507	someone	pron	某人；有人
+1508	someone	pron	某人；有人
+1509	something	pron	某物；某事
+1510	somewhere	adv	某处；某地
+1511	soon	adv	尽快
+1512	soon	adv	不久；很快
+1513	sore	adj	疼痛的
+1514	sorry	adj	抱歉；遗憾
+1515	sort	n	种类
+1516	soul	n	灵魂乐
+1517	sound	v	听起来；似乎
+1518	sound	n	声音
+1519	south	adj	南部的
+1520	south	adv	向南
+1521	south	n	南方
+1522	space	n	空间
+1523	spare	adj	空闲时间
+1524	speaker	n	扬声器
+1525	special	adj	特别的
+1526	speech	n	演讲
+1527	speed	n	速度
+1528	spelling	n	拼写
+1529	spend	v	花费
+1530	spirit	n	精神
+1531	spoon	n	勺子
+1532	spread	v	延伸
+1533	stadium	n	体育场
+1534	staff	n	员工
+1535	stage	n	舞台
+1536	stamp	n	邮票
+1537	standard	n	标准
+1538	standard	adj	标准（的）
+1539	start	v	开始，着手；出发
+1540	state	n	状态
+1541	station	n	公交站
+1542	stay	v	停留
+1543	steak	n	牛排
+1544	steal	v	偷窃
+1545	step	n	脚步
+1546	stick	v	粘住
+1547	still	adv	仍然
+1548	stone	n	石头
+1549	stop	v	停靠
+1550	stop	n	站点
+1551	store	v.	储存
+1552	storm	n	暴风雨
+1553	straight	adj	笔直的
+1554	straight	adv	笔直地
+1555	strange	adj	奇怪的
+1556	strawberry	n	草莓
+1557	stress	n	精神压力
+1558	strict	adj	严格的
+1559	stuff	n.	东西；物品；玩意儿
+1560	success	n.	成功；胜利
+1561	successful	adj.	成功的
+1562	such	det	例如；诸如
+1563	such	det	如此；这样
+1564	suddenly	adv.	突然地；意外地
+1565	suggest	v.	建议，提议；表明，显示；暗示
+1566	suit	n	套装
+1567	suitcase	n	行李箱
+1568	sunglasses	n	太阳镜
+1569	supper	n	晚餐
+1570	suppose	v	猜想
+1571	sure	adj	确定；肯定
+1572	surf	v	上网浏览
+1573	surfing	n	冲浪
+1574	surname	n	姓氏
+1575	surprise	n	意外之事
+1576	surprised	adj	惊讶的
+1577	sweet	adj	贴心的
+1578	swimming	n	游泳
+1579	swimming costume	n	游泳衣
+1580	symbol	n	符号
+1581	take	v	走；取道
+1582	take	v	乘坐
+1583	take	v	参加（考试）
+1584	take	v	花费
+1585	take	v	保重
+1586	take	v	服用
+1587	take off	phrase.	（飞机等）起飞
+1588	take part	phr. v.	参与；参加
+1589	talent	n	天赋
+1590	tap	v	轻拍
+1591	tap	n	水龙头
+1592	tape	n	磁带
+1593	task	n	任务
+1594	taste	n	品尝
+1595	tasty	adj.	美味的；可口的；好吃的
+1596	teach	v	教；讲授
+1597	team	n	团队
+1598	teamwork	n	团队合作
+1599	technology	n	技术
+1600	teenage	adj	青少年的
+1601	teenager	n	青少年
+1602	telephone	n	打电话
+1603	tell	v	告知；吩咐
+1604	temperature	n	发烧
+1605	tent	n	帐篷
+1606	term	n	学期
+1607	test	n	测试
+1608	text	n	短信
+1609	text	v	发短信
+1610	text message	n	短信
+1611	textbook	n	教科书
+1612	than	conj	比；比较
+1613	than	prep	比；比较
+1614	thank	v	感谢
+1615	that	conj	用于引导从句
+1616	theatre	n	剧院
+1617	theirs	pron	他们的；她们的；它们的
+1618	themselves	pron	他们自己; 他们自己；自行
+1619	then	adv	那么；因此
+1620	there	adv	给你；给
+1621	therefore	adv	因此；所以
+1622	these	pron	这些；如今
+1623	these	det	这些；如今
+1624	thick	adj	厚的
+1625	thin	adj	薄的
+1626	thing	n	事情
+1627	think	v	考虑
+1628	this	pron	这个；已提及事物
+1629	this	det	这个；已提及事物
+1630	though	conj	虽然，可是
+1631	thought	n	念头
+1632	thousand	num	千
+1633	throat	n	咽喉
+1634	through	prep	穿过
+1635	thunder	v	打雷
+1636	thunder	n	雷
+1637	thunderstorm	n	雷暴
+1638	tidy up	v.	收拾
+1639	tie	n	领带
+1640	till	prep	直到
+1641	time	n	次数
+1642	time	n	时间
+1643	timetable	n	课程表
+1644	tiny	adj	极小的
+1645	title	n.	标题；题目；职称；头衔
+1646	toast	n	烤面包
+1647	toe	n	脚趾
+1648	tofu	n	豆腐
+1649	together	adv	一起
+1650	ton	n	(重量单位) 吨
+1651	tonight	n	今晚
+1652	tonight	adv	今晚
+1653	too	adv	不太；不太……地
+1654	tool	n	工具
+1655	top	n	顶端
+1656	total	n	总数
+1657	total	adj	完全的
+1658	touch	v	触摸
+1659	tour	n	旅行
+1660	tour guide	n	导游
+1661	tourist	n	游客
+1662	towards (AmE toward)	prep	向；朝；关于；接近
+1663	towel	n	纸巾
+1664	tower	n	塔
+1665	trade	n	贸易
+1666	tradition	n	传统
+1667	traffic	n	交通
+1668	traffic light	n	交通信号灯
+1669	trainer	n	运动鞋
+1670	training	n	培训
+1671	tram	n	有轨电车
+1672	translate	v	翻译
+1673	treasure	n	财富
+1674	treat	v	对待
+1675	treat	n	特别款待
+1676	trip	n	旅行；出行
+1677	trouble	v	使苦恼，使忧虑，使麻烦
+1678	true	adj	真实的
+1679	trust	v	信任
+1680	truth	n	真相
+1681	try	v	尝试；试图
+1682	tune	n	曲调
+1683	turn	v	转弯
+1684	turn off	v.	关掉
+1685	turn on	v.	打开；开启
+1686	twice	adv	两倍；双的
+1687	twice	adv	两次
+1688	type	n	类型
+1689	typing	n.	打字
+1690	tyre	n	轮胎
+1691	under	prep	低于；未满
+1692	underground	n	地铁
+1693	understand	v	理解
+1694	unfortunately	adj	不幸地
+1695	unhappy	n	不开心
+1696	uniform	n	制服
+1697	unit	n	单元
+1698	universe	n	宇宙
+1699	university	n	大学
+1700	unusual	adj	不寻常的
+1701	up	prep	沿着；顺着
+1702	up	adv	向上；高处
+1703	up	prep	向上；高处
+1704	up	adv	沿着；顺着
+1705	upload	v.	上传
+1706	upon	prep	在……上面
+1707	upset	adj	心烦
+1708	upstairs	adv	楼上
+1709	use	v	使用
+1710	useful	adj	有用的
+1711	usual	adj	通常的
+1712	usually	adv	通常
+1713	vacation	n	假期
+1714	value	n	价值，益处
+1715	variety	n	多样；种类
+1716	various	adj	各种；多样
+1717	versus	prep.	与…相对；与…相比；与…竞争
+1718	victory	n	胜利
+1719	video game	n	电子游戏
+1720	view	n	景色；风景
+1721	violin	n	小提琴
+1722	virus	n	病毒
+1723	visit	v	参观
+1724	visit	n	参观
+1725	visitor	n	访客；游客
+1726	voice	n	说话声
+1727	volleyball	n	排球
+1728	voluntary	adj	自愿的
+1729	volunteer	v	自愿做
+1730	vote	v	投票
+1731	wait	v	等待；盼望
+1732	waiter	n.	男服务员；男侍应生
+1733	waitress	n.	女服务员
+1734	wallet	n	钱包
+1735	war	n	战争
+1736	warn	v	警告
+1737	washing machine	n	洗衣机
+1738	washing-up	n	洗碗
+1739	waste	n	浪费
+1740	waste	v	浪费
+1741	way	n	顺便；附带
+1742	way	n	路线；道路
+1743	weak	adj	差的
+1744	wealth	n	财产，财富
+1745	web	n	互联网
+1746	weekday	n	工作日
+1747	weekly	adj	每周一次；每周的
+1748	weigh	v	重(若干)
+1749	weight	n	重量
+1750	welcome	exclam	欢迎
+1751	well	adv	非常
+1752	well	adj	健康的
+1753	well	adj	也；此外
+1754	well	adv	也；此外
+1755	well-known	adj	知名的
+1756	west	adv	向西
+1757	west	n	西方
+1758	west	adj	西边的
+1759	what	pron	……怎么样
+1760	what	det	……怎么样
+1761	whatever	conj	无论什么，不管什么
+1762	wheel	n	轮子
+1763	when	adv	何时；当……时
+1764	whenever	conj	无论何时
+1765	where	adv	哪里；何处
+1766	whether	conj	是否
+1767	which	pron	哪一个
+1768	which	det	哪一个
+1769	while	conj	当……时
+1770	who	pron	谁
+1771	whole	adj	完整的；全部的
+1772	whole	n	整体；全部
+1773	whom	pron	(who)的宾格
+1774	why	adv	为何；为什么
+1775	wide	adj	宽阔的
+1776	wifi	n.	无线网络， Wi-Fi
+1777	wild	adj	野生的
+1778	will	v	将；会
+1779	will	v	请求；询问
+1780	wing	n	翅膀
+1781	winner	n	获胜者
+1782	wise	adj	聪明的
+1783	wish	n	祝词；祝愿
+1784	with	prep	用；使用
+1785	within	prep	在……之内
+1786	without	prep	没有；不用; 没有；无
+1787	wolf (pl. wolves)	n	狼
+1788	wonder	v	想知道
+1789	wonderful	adj	精彩的
+1790	wood	n	木材
+1791	wooden	adj	木制的
+1792	wool	n	羊毛
+1793	work	v	运转；工作
+1794	work	n	运转；工作
+1795	work out	phr. v.	计算出；想出；解决
+1796	worried	adj	担心的
+1797	worry	v	担忧
+1798	worse	adj	更糟；更差
+1799	worth	adj	有……的价值
+1800	would	v	想要；愿意; 愿意；想要
+1801	wound	v	伤
+1802	write down	phr. v.	写下；记下
+1803	wrong	adj	错误；不正确; 错误；不正确
+1804	X-ray	n	X射线
+1805	yard	n	院子
+1806	yet	adv	至今；尚未; 现在；此刻
+1807	yogurt	n	酸奶
+1808	you	pron	人们；你
+1809	you	pron	不客气
+1810	yours	pron	你的；你们的
+1811	yourself	pron	你自己
+1812	youth	n	青年
+1813	zero	n	零
diff --git a/analyze_categories.py b/analyze_categories.py
new file mode 100644
index 0000000..905ad41
--- /dev/null
+++ b/analyze_categories.py
@@ -0,0 +1,22 @@
+
+import pandas as pd
+
+file_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/情境分类.xlsx'
+df = pd.read_excel(file_path)
+
+print(f"行数: {len(df)}, 列数: {len(df.columns)}")
+print(f"列名: {list(df.columns)}")
+print()
+
+# 查看D列（第4列，索引3）
+col_d = df.columns[3]
+print(f"D列名称: {col_d}")
+print()
+
+# 查看D列所有唯一值
+unique_values = df[col_d].dropna().unique()
+print(f"D列唯一值数量: {len(unique_values)}")
+print()
+print("=== D列所有唯一分类 ===")
+for i, v in enumerate(sorted(unique_values, key=str), 1):
+    print(f"  {i}. {v}")
diff --git a/analyze_categories_detail.py b/analyze_categories_detail.py
new file mode 100644
index 0000000..a639a0c
--- /dev/null
+++ b/analyze_categories_detail.py
@@ -0,0 +1,18 @@
+
+import pandas as pd
+
+file_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/情境分类.xlsx'
+df = pd.read_excel(file_path)
+
+col_d = df.columns[3]
+col_word = df.columns[0]
+
+# 按分类分组，显示每个分类的单词样例
+categories = df.groupby(col_d)
+for cat, group in categories:
+    words = group[col_word].dropna().tolist()
+    print(f"\n{'='*60}")
+    print(f"【{cat}】({len(words)}个单词)")
+    print(f"样例: {', '.join(str(w) for w in words[:15])}")
+    if len(words) > 15:
+        print(f"  ... 共{len(words)}个")
diff --git a/business_knowledge/L2单词表/30-34.xlsx b/business_knowledge/L2单词表/30-34.xlsx
new file mode 100644
index 0000000..49a8792
Binary files /dev/null and b/business_knowledge/L2单词表/30-34.xlsx differ
diff --git a/business_knowledge/L2单词表/KET词汇表_完整版.xlsx b/business_knowledge/L2单词表/KET词汇表_完整版.xlsx
new file mode 100644
index 0000000..e8955ee
Binary files /dev/null and b/business_knowledge/L2单词表/KET词汇表_完整版.xlsx differ
diff --git a/business_knowledge/L2单词表/L1完整.xlsx b/business_knowledge/L2单词表/L1完整.xlsx
new file mode 100644
index 0000000..0814122
Binary files /dev/null and b/business_knowledge/L2单词表/L1完整.xlsx differ
diff --git a/business_knowledge/L2单词表/L2新版_L1重复标记.xlsx b/business_knowledge/L2单词表/L2新版_L1重复标记.xlsx
new file mode 100644
index 0000000..bec8df7
Binary files /dev/null and b/business_knowledge/L2单词表/L2新版_L1重复标记.xlsx differ
diff --git a/business_knowledge/L2单词表/L2新版独有单词.xlsx b/business_knowledge/L2单词表/L2新版独有单词.xlsx
new file mode 100644
index 0000000..16a7abd
Binary files /dev/null and b/business_knowledge/L2单词表/L2新版独有单词.xlsx differ
diff --git a/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx b/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx
new file mode 100644
index 0000000..68dfb45
Binary files /dev/null and b/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx differ
diff --git a/business_knowledge/L2单词表/三级单词表原始版.xlsx b/business_knowledge/L2单词表/三级单词表原始版.xlsx
new file mode 100644
index 0000000..8d2a888
Binary files /dev/null and b/business_knowledge/L2单词表/三级单词表原始版.xlsx differ
diff --git a/business_knowledge/L2单词表/情境分类.xlsx b/business_knowledge/L2单词表/情境分类.xlsx
new file mode 100644
index 0000000..3108bf5
Binary files /dev/null and b/business_knowledge/L2单词表/情境分类.xlsx differ
diff --git a/business_production/组件配置/interactive-component-json/db/components.db b/business_production/组件配置/interactive-component-json/db/components.db
index 41461dc..9ad57a6 100644
Binary files a/business_production/组件配置/interactive-component-json/db/components.db and b/business_production/组件配置/interactive-component-json/db/components.db differ
diff --git a/business_production/组件配置/interactive-component-json/outputs/L1-S2-U20-L1 冠军计划_20260609_173317.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U20-L1 冠军计划_20260609_173317.html
new file mode 100644
index 0000000..edf97df
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U20-L1 冠军计划_20260609_173317.html	
@@ -0,0 +1,4813 @@
+<!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-U20-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-U20-L1 冠军计划</h1>
+    <div class="meta">
+      <span>生成时间: 2026-06-09 17:33:17</span>
+      <span>模型: doubao-seed-2.0-pro</span>
+      <span>Wiki: EbkUwEjaticOkHknf0icsQ2Yn4Q</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">14</div><div class="split-label">中互动</div></div>
+    </div>
+    <div class="stat-card"><div class="num">15</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">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: 1220101</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="1220101" 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="2" data-vtype="json">{}</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="1220101.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;Vala Sports Day!&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="6" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I&#x27;m so excited too!&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></div>
+          <textarea id="ta-1-jsonData" data-idx="1" 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;1220101&quot;,
+  &quot;title&quot;: &quot;表达兴奋&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;postDialog&quot;
+  ],
+  &quot;img&quot;: &quot;1220101.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Vala Sports Day!&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;I&#x27;m so excited too!&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="1220101" 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;sport&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;1220101&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sport&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: Vala Sports Day!（朗读）
+
+【后置对话】
+User: I&#x27;m so excited too!</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">sport</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: 1220102</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="1220102" 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="2" data-vtype="json">{}</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="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Will you join ___ Day?&quot;,
+  &quot;content&quot;: &quot;Will you join Sports Day?&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;Sports&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;Games&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;Logi&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-2-jsonData-postDialog" class="ve-input ve-complex" rows="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Logi&quot;,
+    &quot;content&quot;: &quot;Nope.&quot;
+  }
+]</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></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;1220102&quot;,
+  &quot;title&quot;: &quot;询问参加运动会&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Will you join ___ Day?&quot;,
+    &quot;content&quot;: &quot;Will you join Sports Day?&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;Sports&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;Games&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;Logi&quot;,
+    &quot;content&quot;: &quot;Hmm, that&#x27;s not the right word.&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Logi&quot;,
+      &quot;content&quot;: &quot;Nope.&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_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-kpInfo-cId" class="ve-input ve-str" value="1220102" 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;sport&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_fillin&quot;,
+  &quot;cId&quot;: &quot;1220102&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sport&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="19">【任务标题】询问参加运动会
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+题目：Will you join ___ Day?
+选项1：Sports（正确）
+选项2：Games
+
+【互动反馈】
+正确：无
+错误：Logi: Hmm, that&#x27;s not the right word.
+
+【后置对话】
+Logi: Nope.</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">sport</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: 1220103</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="1220103" 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="2" data-vtype="json">{}</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="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;What are ___ sports things?&quot;,
+  &quot;content&quot;: &quot;What are good sports things?&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;good&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;goods&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;Amber&quot;,
+  &quot;content&quot;: &quot;Wait, what do you mean?&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></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;1220103&quot;,
+  &quot;title&quot;: &quot;询问运动装备&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;What are ___ sports things?&quot;,
+    &quot;content&quot;: &quot;What are good sports things?&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;good&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;goods&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;Amber&quot;,
+    &quot;content&quot;: &quot;Wait, what do you mean?&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="1220103" 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;good&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;1220103&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;good&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 are ___ sports things?
+选项1：good（正确）
+选项2：goods
+
+【互动反馈】
+正确：无
+错误：Amber: Wait, what do you mean?
+【后置对话】
+空</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">good</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: 1220104</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="1220104" 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="2" data-vtype="json">{}</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="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-4-jsonData-img" class="ve-input ve-str" value="1220104.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;It&#x27;s very heavy!&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></div>
+          <textarea id="ta-4-jsonData" data-idx="4" 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;1220104&quot;,
+  &quot;title&quot;: &quot;描述头盔重量&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1220104.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;It&#x27;s very heavy!&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="1220104" 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;very&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;1220104&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;very&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: It&#x27;s very heavy!（朗读）
+
+【后置对话】
+空</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">very</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: 1220105</span>
+        <span class="comp-ctype">mid_dialog_sentence</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_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-5-jsonData-cId" class="ve-input ve-str" value="1220105" 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="2" data-vtype="json">{}</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="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-5-jsonData-img" class="ve-input ve-str" value="1220105.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;desc&quot;: &quot;表达头盔戴着很不舒服&quot;,
+  &quot;content&quot;: &quot;This feels very bad.&quot;
+}</textarea></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="optionList">optionList</td>
+              <td class="ve-val"><textarea id="vf-5-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;this feels&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;bad&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;very&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-5-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-5-jsonData-tip" class="ve-input ve-str" value="very放在形容词前表示程度，very bad表示“非常糟糕”" data-vtype="string" /></td>
+            </tr>
+<tr class="ve-row">
+              <td class="ve-key" title="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-5-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-5-jsonData-errFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Amber&quot;,
+  &quot;content&quot;: &quot;Oops, that&#x27;s not how you say it.&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><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></div>
+          <textarea id="ta-5-jsonData" data-idx="5" 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;1220105&quot;,
+  &quot;title&quot;: &quot;表达不适感受&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;,
+    &quot;feedback&quot;
+  ],
+  &quot;img&quot;: &quot;1220105.png&quot;,
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;表达头盔戴着很不舒服&quot;,
+    &quot;content&quot;: &quot;This feels very bad.&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;this feels&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;bad&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;very&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    2,
+    1
+  ],
+  &quot;tip&quot;: &quot;very放在形容词前表示程度，very bad表示“非常糟糕”&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Amber&quot;,
+    &quot;content&quot;: &quot;Oops, that&#x27;s not how you say it.&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_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-5-kpInfo-cId" class="ve-input ve-str" value="1220105" 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;very&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_sentence&quot;,
+  &quot;cId&quot;: &quot;1220105&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;very&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="21">【任务标题】表达不适感受
+【资源配置】
+图片时机：互动内容互动反馈
+音频载体：无
+
+【情境引入】
+空
+【互动内容】
+题目：表达头盔戴着很不舒服
+选项1：this feels
+选项2：bad
+选项3：very
+答案：This feels very bad.
+辅助信息：very放在形容词前表示程度，very bad表示“非常糟糕”
+
+【互动反馈】
+正确：无
+错误：Amber: Oops, that&#x27;s not how you say it.
+
+【后置对话】
+空</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">very</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: 1220106</span>
+        <span class="comp-ctype">mid_dialog_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_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-6-jsonData-cId" class="ve-input ve-str" value="1220106" 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="2" data-vtype="json">{}</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;What is good food?&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;What is fast food?&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-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="corFeedback">corFeedback</td>
+              <td class="ve-val"><textarea id="vf-6-jsonData-corFeedback" class="ve-input ve-complex" rows="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Amber&quot;,
+  &quot;content&quot;: &quot;You will know it soon!&quot;
+}</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;Amber&quot;,
+  &quot;content&quot;: &quot;Hmm... It doesn&#x27;t mention anything &#x27;fast&#x27;.&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_choose&quot;,
+  &quot;cId&quot;: &quot;1220106&quot;,
+  &quot;title&quot;: &quot;选择健康食物&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;What is good food?&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;What is fast food?&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Amber&quot;,
+    &quot;content&quot;: &quot;You will know it soon!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Amber&quot;,
+    &quot;content&quot;: &quot;Hmm... It doesn&#x27;t mention anything &#x27;fast&#x27;.&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_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="1220106" 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;good&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_choose&quot;,
+  &quot;cId&quot;: &quot;1220106&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;good&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">【任务标题】选择健康食物
+【资源配置】
+图片时机：无
+
+【情境引入】
+空
+
+【互动内容】
+要求：选择正确的食物
+选项：
+选项1（音频）：What is good food?（正确）
+- 反馈 Amber: You will know it soon!
+选项2（音频）：What is fast food?
+- 反馈 Amber: Hmm... It doesn&#x27;t mention anything &#x27;fast&#x27;.
+
+【后置对话】
+空</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">good</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: 1220107</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="1220107" 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="2" data-vtype="json">{}</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;3, 2, 1...&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;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;Let&#x27;s begin!&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></div>
+          <textarea id="ta-7-jsonData" data-idx="7" data-key="jsonData" class="json-textarea" rows="18" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1220107&quot;,
+  &quot;title&quot;: &quot;倒计时开始&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;3, 2, 1...&quot;
+    }
+  ],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Let&#x27;s begin!&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="1220107" 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;begin&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;1220107&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;begin&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="13">【任务标题】倒计时开始
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+User: 3, 2, 1...
+
+【互动内容】
+ User: Let&#x27;s begin!（朗读）
+
+【后置对话】
+空</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">begin</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: 1220108</span>
+        <span class="comp-ctype">mid_dialog_select</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_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-8-jsonData-cId" class="ve-input ve-str" value="1220108" 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="2" data-vtype="json">{}</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="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-8-jsonData-optionList" class="ve-input ve-complex" rows="8" data-vtype="json">[
+  {
+    &quot;option&quot;: &quot;This tastes very bad!&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Matt&quot;,
+      &quot;content&quot;: &quot;I know! Broccoli is the worst!&quot;
+    }
+  },
+  {
+    &quot;option&quot;: &quot;This tastes very good!&quot;,
+    &quot;needAudio&quot;: true,
+    &quot;feedback&quot;: {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Matt&quot;,
+      &quot;content&quot;: &quot;Really? You must be kidding!&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></div>
+          <textarea id="ta-8-jsonData" data-idx="8" data-key="jsonData" class="json-textarea" rows="29" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_select&quot;,
+  &quot;cId&quot;: &quot;1220108&quot;,
+  &quot;title&quot;: &quot;表达对西兰花的感受&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;This tastes very bad!&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;I know! Broccoli is the worst!&quot;
+      }
+    },
+    {
+      &quot;option&quot;: &quot;This tastes very good!&quot;,
+      &quot;needAudio&quot;: true,
+      &quot;feedback&quot;: {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;Really? You must be kidding!&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_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-8-kpInfo-cId" class="ve-input ve-str" value="1220108" 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;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... very+(adj.)&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-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_select&quot;,
+  &quot;cId&quot;: &quot;1220108&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... very+(adj.)&quot;,
+      &quot;kpSkill&quot;: &quot;sentence_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">【任务标题】表达对西兰花的感受
+【资源配置】
+无
+
+【情境引入】
+空
+
+【互动内容】
+要求：选择一个你想表达的感受
+选项：（音频）
+选项1：This tastes very bad!
+- 反馈 Matt : I know! Broccoli is the worst!
+选项2：This tastes very good!
+- 反馈 Matt : Really? You must be kidding!
+
+【后置对话】
+空</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">... very+(adj.)</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: 1220109</span>
+        <span class="comp-ctype">mid_dialog_sentence</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_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-9-jsonData-cId" class="ve-input ve-str" value="1220109" 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="2" data-vtype="json">{}</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="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-9-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;表达开始训练&quot;,
+  &quot;content&quot;: &quot;Let&#x27;s begin!&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;begin&quot;,
+    &quot;needAudio&quot;: false
+  },
+  {
+    &quot;option&quot;: &quot;let&#x27;s&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-9-jsonData-answer" class="ve-input ve-complex" rows="4" data-vtype="json">[
+  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-9-jsonData-tip" class="ve-input ve-str" value="Let&#x27;s begin!是开始做某事的常用表达" 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;Amber&quot;,
+  &quot;content&quot;: &quot;Hmm, that&#x27;s not quite 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-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><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></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_dialog_sentence&quot;,
+  &quot;cId&quot;: &quot;1220109&quot;,
+  &quot;title&quot;: &quot;组句开始训练&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;desc&quot;: &quot;表达开始训练&quot;,
+    &quot;content&quot;: &quot;Let&#x27;s begin!&quot;
+  },
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;begin&quot;,
+      &quot;needAudio&quot;: false
+    },
+    {
+      &quot;option&quot;: &quot;let&#x27;s&quot;,
+      &quot;needAudio&quot;: false
+    }
+  ],
+  &quot;answer&quot;: [
+    1,
+    0
+  ],
+  &quot;tip&quot;: &quot;Let&#x27;s begin!是开始做某事的常用表达&quot;,
+  &quot;corFeedback&quot;: {},
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Amber&quot;,
+    &quot;content&quot;: &quot;Hmm, that&#x27;s not quite right. Try again!&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_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-9-kpInfo-cId" class="ve-input ve-str" value="1220109" 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;Let&#x27;s begin!&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_sentence&quot;,
+  &quot;cId&quot;: &quot;1220109&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;Let&#x27;s begin!&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="21">【任务标题】组句开始训练
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+题目：表达开始训练
+选项1：begin
+选项2：let&#x27;s
+答案：Let&#x27;s begin!
+辅助信息：Let&#x27;s begin!是开始做某事的常用表达
+
+【互动反馈】
+正确：无
+错误：Amber: Hmm, that&#x27;s not quite right. Try again!
+
+【后置对话】
+空</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">Let&#x27;s begin!</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: 1220110</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="1220110" 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="鼓励Matt开始" 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="2" data-vtype="json">{}</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;Let&#x27;s begin, Matt.&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></div>
+          <textarea id="ta-10-jsonData" data-idx="10" data-key="jsonData" class="json-textarea" rows="13" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1220110&quot;,
+  &quot;title&quot;: &quot;鼓励Matt开始&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;Let&#x27;s begin, Matt.&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="1220110" 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;Let&#x27;s begin!&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;1220110&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;Let&#x27;s begin!&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="12">【任务标题】鼓励Matt开始
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+【互动内容】
+User: Let&#x27;s begin, Matt.（朗读）
+
+【后置对话】
+空</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">Let&#x27;s begin!</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: 1220111</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="1220111" 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="2" data-vtype="json">{}</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="5" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;desc&quot;: &quot;Ah... We still have a ___ way!&quot;,
+  &quot;content&quot;: &quot;Ah... We still have a very long way!&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;very long&quot;,
+        &quot;needAudio&quot;: false
+      },
+      {
+        &quot;option&quot;: &quot;quite short&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;Matt&quot;,
+  &quot;content&quot;: &quot;Really? Quite short?&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_fillin&quot;,
+  &quot;cId&quot;: &quot;1220111&quot;,
+  &quot;title&quot;: &quot;表达路程遥远&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;desc&quot;: &quot;Ah... We still have a ___ way!&quot;,
+    &quot;content&quot;: &quot;Ah... We still have a very long way!&quot;
+  },
+  &quot;optionGroupList&quot;: [
+    {
+      &quot;optionList&quot;: [
+        {
+          &quot;option&quot;: &quot;very long&quot;,
+          &quot;needAudio&quot;: false
+        },
+        {
+          &quot;option&quot;: &quot;quite short&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;Matt&quot;,
+    &quot;content&quot;: &quot;Really? Quite short?&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="1220111" 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;very&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;1220111&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;very&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="19">【任务标题】表达路程遥远
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+题目：Ah... We still have a ___ way!
+选项1：very long（正确）
+选项2：quite short
+
+【互动反馈】
+正确：无
+错误：Matt: Really? Quite short?
+
+【后置对话】
+空</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">very</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: 1220112</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="1220112" 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="2" data-vtype="json">{}</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="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-12-jsonData-img" class="ve-input ve-str" value="1220112.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-12-jsonData-question" class="ve-input ve-complex" rows="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;I&#x27;m very tired.&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;1220112&quot;,
+  &quot;title&quot;: &quot;表达疲惫&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1220112.png&quot;,
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;I&#x27;m very tired.&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="1220112" 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;... very+(adj.)&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;1220112&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... very+(adj.)&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="12">【任务标题】表达疲惫
+【资源配置】
+图片时机：互动内容
+音频载体：无
+
+【情境引入】
+空
+【互动内容】
+User: I&#x27;m very tired.（朗读）
+
+【后置对话】
+空</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">... very+(adj.)</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: 1220113</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="1220113" 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="评价Amber的体力" 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="2" data-vtype="json">{}</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="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-13-jsonData-img" class="ve-input ve-str" value="1220113.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;She is very strong!&quot;,
+    &quot;needAudio&quot;: true
+  },
+  {
+    &quot;option&quot;: &quot;She is very tired.&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">[
+  0
+]</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;Matt&quot;,
+  &quot;content&quot;: &quot;Yes! She can run so fast!&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;Matt&quot;,
+  &quot;content&quot;: &quot;No, look at her!&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></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;1220113&quot;,
+  &quot;title&quot;: &quot;评价Amber的体力&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [
+    &quot;content&quot;
+  ],
+  &quot;img&quot;: &quot;1220113.png&quot;,
+  &quot;optionList&quot;: [
+    {
+      &quot;option&quot;: &quot;She is very strong!&quot;,
+      &quot;needAudio&quot;: true
+    },
+    {
+      &quot;option&quot;: &quot;She is very tired.&quot;,
+      &quot;needAudio&quot;: true
+    }
+  ],
+  &quot;answer&quot;: [
+    0
+  ],
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Matt&quot;,
+    &quot;content&quot;: &quot;Yes! She can run so fast!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Matt&quot;,
+    &quot;content&quot;: &quot;No, look at her!&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="1220113" 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;... very+(adj.)&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;1220113&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... very+(adj.)&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">【任务标题】评价Amber的体力
+【资源配置】
+图片时机：互动内容
+音频载体：无
+
+【情境引入】
+空
+【互动内容】
+要求：选择正确的回复
+选项：
+选项1（音频）：She is very strong!
+- 反馈 Matt : Yes! She can run so fast!
+选项2（音频）：She is very tired.
+- 反馈 Matt : No, look at her! 
+
+【后置对话】
+空</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">... very+(adj.)</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: 1220114</span>
+        <span class="comp-ctype">core_listening_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-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_listening_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-taskInfo-cId" class="ve-input ve-str" value="1220114" 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="打电话给 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-14-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-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;sport&quot;,
+        &quot;desc&quot;: &quot;n. 运动&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;begin&quot;,
+        &quot;desc&quot;: &quot;v. 开始&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;very&quot;,
+        &quot;desc&quot;: &quot;adv. 非常，very可修饰形容词，结构为very+(adj.)&quot;
+      },
+      {
+        &quot;type&quot;: &quot;default&quot;,
+        &quot;content&quot;: &quot;good&quot;,
+        &quot;desc&quot;: &quot;adj. 好的&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="2" data-vtype="json">{}</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">You called Logi to talk about the Champion Plan, found the plan didn&#x27;t go very well, and you felt very tired after eating broccoli and doing lots of running. (你打电话给Logi聊冠军计划，发现计划进展不太顺利，你们吃了西蓝花还跑了很多步之后感觉特别累。)
+You listened to Logi&#x27;s reply that sports should be good for people, and Logi advised you to take a rest and do no more sports for the rest of the day. (你听到Logi回应说运动对人应该是有益的，他建议你好好休息，今天不要再做运动了。)</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></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_listening_choose&quot;,
+  &quot;cId&quot;: &quot;1220114&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;sport&quot;,
+          &quot;desc&quot;: &quot;n. 运动&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;begin&quot;,
+          &quot;desc&quot;: &quot;v. 开始&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;very&quot;,
+          &quot;desc&quot;: &quot;adv. 非常，very可修饰形容词，结构为very+(adj.)&quot;
+        },
+        {
+          &quot;type&quot;: &quot;default&quot;,
+          &quot;content&quot;: &quot;good&quot;,
+          &quot;desc&quot;: &quot;adj. 好的&quot;
+        }
+      ]
+    }
+  ],
+  &quot;resourceMapping&quot;: {},
+  &quot;cDesc&quot;: &quot;You called Logi to talk about the Champion Plan, found the plan didn&#x27;t go very well, and you felt very tired after eating broccoli and doing lots of running. (你打电话给Logi聊冠军计划，发现计划进展不太顺利，你们吃了西蓝花还跑了很多步之后感觉特别累。)\nYou listened to Logi&#x27;s reply that sports should be good for people, and Logi advised you to take a rest and do no more sports for the rest of the day. (你听到Logi回应说运动对人应该是有益的，他建议你好好休息，今天不要再做运动了。)&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">questionGroup</div>
+      <div class="json-lined-wrap">
+        <div class="json-line-nums" id="ln-ta-14-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><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></div>
+        <textarea id="ta-14-questionGroup" data-idx="14" data-key="questionGroup" class="json-textarea" rows="20" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">[
+  {
+    &quot;preDialog&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Logi&quot;,
+        &quot;content&quot;: &quot;Hello, what happened?&quot;
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;Hi, Logi. We tried your Champion Plan.&quot;
+      }
+    ],
+    &quot;dialogList&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Logi&quot;,
+        &quot;content&quot;: &quot;How&#x27;s it going?&quot;,
+        &quot;trans&quot;: &quot;进展怎么样？&quot;,
+        &quot;isPoint&quot;: false
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;It&#x27;s not very good.&quot;,
+        &quot;trans&quot;: &quot;不是很好。&quot;,
+        &quot;isPoint&quot;: false
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;We eat broccoli and we run a lot!&quot;,
+        &quot;trans&quot;: &quot;我们吃西兰花，还跑了很多步！&quot;,
+        &quot;isPoint&quot;: false
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;Now we are very tired.&quot;,
+        &quot;trans&quot;: &quot;现在我们非常累。&quot;,
+        &quot;isPoint&quot;: false
+      }
+    ],
+    &quot;questionList&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;How is Logi&#x27;s plan going?&quot;,
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;Very good.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Matt&quot;,
+              &quot;content&quot;: &quot;That&#x27;s not true.&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;Not very good.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;,
+              &quot;content&quot;: &quot;Perfect! Your passport is your ticket to Planet Vala. Great job!&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;We don&#x27;t know.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Matt&quot;,
+              &quot;content&quot;: &quot;That&#x27;s not true.&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      },
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;How do we feel now?&quot;,
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;1220114_option_00.png&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Matt&quot;,
+              &quot;content&quot;: &quot;Really?&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;1220114_option_01.png&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Matt&quot;,
+              &quot;content&quot;: &quot;Right. I am dead now.&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;1220114_option_02.png&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Matt&quot;,
+              &quot;content&quot;: &quot;Really?&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ],
+    &quot;postDialog&quot;: []
+  },
+  {
+    &quot;preDialog&quot;: [],
+    &quot;dialogList&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Logi&quot;,
+        &quot;content&quot;: &quot;Oh... That&#x27;s not what I meant.&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;Sports should be good for you, not make you tired.&quot;,
+        &quot;trans&quot;: &quot;运动应该对你有好处，而不是让你感到疲惫。&quot;,
+        &quot;isPoint&quot;: false
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;And Amber fell down.&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;That&#x27;s bad! Let her rest!&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;No more sports today!&quot;,
+        &quot;trans&quot;: &quot;今天不要再运动了！&quot;,
+        &quot;isPoint&quot;: false
+      },
+      {
+        &quot;type&quot;: &quot;user&quot;,
+        &quot;content&quot;: &quot;Ok, good!&quot;,
+        &quot;trans&quot;: &quot;好的，太棒了！&quot;,
+        &quot;isPoint&quot;: false
+      }
+    ],
+    &quot;questionList&quot;: [
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;What should be good for us?&quot;,
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;Sports.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;Yes, but it doesn&#x27;t look good now.&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;Fast food.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;No, definitely not.&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;Being tired.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;No, definitely not.&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;type&quot;: &quot;npc&quot;,
+        &quot;npcName&quot;: &quot;Matt&quot;,
+        &quot;content&quot;: &quot;What is Logi&#x27;s advice?&quot;,
+        &quot;optionList&quot;: [
+          {
+            &quot;option&quot;: &quot;Keep running.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;What? I didn&#x27;t say that!&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;No more sports today.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;Yes, you should have a rest.&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;Do more sports.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;npcName&quot;: &quot;Logi&quot;,
+              &quot;content&quot;: &quot;What? I didn&#x27;t say that!&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          1
+        ]
+      }
+    ],
+    &quot;postDialog&quot;: []
+  }
+]</textarea>
+      </div>
+    </div>
+
+    <div class="json-section" id="sec-14-studyInfo">
+      <div class="json-section-label">
+        studyInfo
+        <button class="ve-toggle-btn" onclick="toggleJsonView('sec-14-studyInfo','ve-14-studyInfo','ta-14-studyInfo','14','studyInfo')">
+          <span id="btn-sec-14-studyInfo">查看原始JSON</span>
+        </button>
+      </div>
+      <div class="ve-editor" id="ve-14-studyInfo" data-idx="14" 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-14-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;It&#x27;s not very good.&quot;,
+    &quot;learning&quot;: [
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个常用短语 very good，意思是很好的、非常棒的。我们在描述事物状态很棒的时候就可以用到这个短语哦。&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;It&#x27;s not very good.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的 very good 这个短语哦！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          },
+          {
+            &quot;option&quot;: &quot;It&#x27;s not very bad.&quot;,
+            &quot;feedback&quot;: {
+              &quot;type&quot;: &quot;npc&quot;,
+              &quot;content&quot;: &quot;哎呀，这句话里说的是 bad（坏的），没有出现 good 哦，再仔细听一遍试试吧！&quot;,
+              &quot;npcName&quot;: &quot;Brainy&quot;
+            }
+          }
+        ],
+        &quot;answer&quot;: [
+          0
+        ]
+      },
+      {
+        &quot;question&quot;: {
+          &quot;content&quot;: &quot;It&#x27;s not very good.&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;句子里有否定词 not，意思和你想的不一样哦，再仔细想想~&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;答对啦！你准确理解了这句话的意思，还掌握了 very good 这个常用短语，真棒！&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-14-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-14-studyInfo" style="display:none;">
+        <div class="json-lined-wrap">
+          <div class="json-line-nums" id="ln-ta-14-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-14-studyInfo" data-idx="14" 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;It&#x27;s not very good.&quot;,
+      &quot;learning&quot;: [
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;刚刚听到的音频中，包含了一个常用短语 very good，意思是很好的、非常棒的。我们在描述事物状态很棒的时候就可以用到这个短语哦。&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;It&#x27;s not very good.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;太厉害啦！你准确听出了句子里的 very good 这个短语哦！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            },
+            {
+              &quot;option&quot;: &quot;It&#x27;s not very bad.&quot;,
+              &quot;feedback&quot;: {
+                &quot;type&quot;: &quot;npc&quot;,
+                &quot;content&quot;: &quot;哎呀，这句话里说的是 bad（坏的），没有出现 good 哦，再仔细听一遍试试吧！&quot;,
+                &quot;npcName&quot;: &quot;Brainy&quot;
+              }
+            }
+          ],
+          &quot;answer&quot;: [
+            0
+          ]
+        },
+        {
+          &quot;question&quot;: {
+            &quot;content&quot;: &quot;It&#x27;s not very good.&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;句子里有否定词 not，意思和你想的不一样哦，再仔细想想~&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;答对啦！你准确理解了这句话的意思，还掌握了 very good 这个常用短语，真棒！&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-14-studyInfo" 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="core_listening_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="1220114" 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;sport        n        运动&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;begin        v        开始&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;very        adv        非常&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;good        adj        好的&quot;,
+    &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+    &quot;kpSkillName&quot;: &quot;词义&quot;
+  },
+  {
+    &quot;kpId&quot;: null,
+    &quot;kpType&quot;: &quot;sentence&quot;,
+    &quot;kpTitle&quot;: &quot;... very+(adj.)&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><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-kpInfo" data-idx="14" 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_choose&quot;,
+  &quot;cId&quot;: &quot;1220114&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;sport        n        运动&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;begin        v        开始&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;very        adv        非常&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;good        adj        好的&quot;,
+      &quot;kpSkill&quot;: &quot;vocab_meaning&quot;,
+      &quot;kpSkillName&quot;: &quot;词义&quot;
+    },
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;sentence&quot;,
+      &quot;kpTitle&quot;: &quot;... very+(adj.)&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 class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习过程配置</div>
+                      <pre class="intermediate-pre">```
+# 重点句子 1
+音频文本：It&#x27;s not very good.
+讲解文本：刚刚听到的音频中，包含了一个常用短语 very good，意思是很好的、非常棒的。我们在描述事物状态很棒的时候就可以用到这个短语哦。
+1. 听音选句
+Brainy：仔细听音频，选出你听到的那一句话吧。
+- It&#x27;s not very good. [正确]
+  Brainy：太厉害啦！你准确听出了句子里的 very good 这个短语哦！
+- It&#x27;s not very bad.
+  Brainy：哎呀，这句话里说的是 bad（坏的），没有出现 good 哦，再仔细听一遍试试吧！
+
+2. 听音选意
+Brainy：&quot;情况很不错&quot;这句话的意思是这个吗？
+- 对 / Yes
+  Brainy：句子里有否定词 not，意思和你想的不一样哦，再仔细想想~
+- 错 / No [正确]
+  Brainy：答对啦！你准确理解了这句话的意思，还掌握了 very good 这个常用短语，真棒！
+---
+# 完成反馈
+Brainy：很好！你已经回答完了全部问题，相信你已经听懂了这个任务中所有的重点句子。现在让我们来查看结果吧!
+```</pre>
+                    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 互动描述</div>
+                      <pre class="intermediate-pre">You called Logi to talk about the Champion Plan, found the plan didn&#x27;t go very well, and you felt very tired after eating broccoli and doing lots of running. (你打电话给Logi聊冠军计划，发现计划进展不太顺利，你们吃了西蓝花还跑了很多步之后感觉特别累。)
+You listened to Logi&#x27;s reply that sports should be good for people, and Logi advised you to take a rest and do no more sports for the rest of the day. (你听到Logi回应说运动对人应该是有益的，他建议你好好休息，今天不要再做运动了。)</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="25">【任务标题】
+打电话给 Logi 沟通
+
+【任务背景】
+欲戴王冠，必承其重，想拿冠军，也必须付出汗水和努力！可这份训练计划看起来超出了你们所有人的负荷，还是赶紧跟 Logi 商量一下现在该怎么办吧！
+
+【通关知识】
+sport        n        运动
+begin        v        开始
+very        adv        非常
+good        adj        好的
+... very+(adj.)         
+
+【题目组1】
+#开场语
+Logi : Hello, what happened?
+User : Hi, Logi. We tried your Champion Plan.
+
+#听力文本
+Logi : How&#x27;s it going?
+User : It&#x27;s not very good. 
+User: We eat broccoli and we run a lot! 
+User: Now we are very tired.
+
+
+#题目1
+##题目类型：文本
+##题目内容：
+Matt: How is Logi&#x27;s plan going?
+A. Very good.
+ 错误 Matt：That&#x27;s not true.
+B. Not very good.
+ 正确 Brainy：Perfect! Your passport is your ticket to Planet Vala. Great job!
+C. We don&#x27;t know.
+ 错误 Matt：That&#x27;s not true.
+
+#题目2
+##题目类型：图片
+##题目内容：
+Matt: How do we feel now?
+A. 00
+ 错误 Matt: Really?
+B. 01
+ 正确 Matt: Right. I am dead now.
+C. 02
+ 错误 Matt: Really?
+
+#结束语
+空
+
+【题目组2】
+#开场语
+空
+
+# 听力文本
+Logi : Oh... That&#x27;s not what I meant. 
+Logi: Sports should be good for you, not make you tired.
+User: And Amber fell down.
+Logi: That&#x27;s bad! Let her rest!
+Logi: No more sports today!
+User: Ok, good!
+
+#题目3
+##题目类型：文本
+##题目内容：
+Matt: What should be good for us?
+A. Sports.
+正确 Logi: Yes, but it doesn&#x27;t look good now.
+B. Fast food.
+ 错误 Logi: No, definitely not.
+C. Being tired.
+错误 Logi: No, definitely not.
+
+#题目4
+##题目类型：文字
+##题目内容：
+Matt: What is Logi&#x27;s advice?
+A. Keep running.
+ 错误 Logi: What? I didn&#x27;t say that!
+B. No more sports today.
+ 正确 Logi: Yes, you should have a rest.
+C. Do more sports.
+ 错误 Logi: What? I didn&#x27;t say that!
+
+#结束语
+空
+【学习过程】
+句子 1
+It&#x27;s not very good. 【very】
+
+句子 2
+Sports should be good for you, not make you tired.【sport】
+
+句子 3
+No more sports today!【sport】</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="5">sport        n        运动
+begin        v        开始
+very        adv        非常
+good        adj        好的
+... very+(adj.)</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: 1220115</span>
+        <span class="comp-ctype">mid_dialog_repeat</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_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-15-jsonData-cId" class="ve-input ve-str" value="1220115" 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="2" data-vtype="json">{}</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="4" data-vtype="json">{
+  &quot;type&quot;: &quot;user&quot;,
+  &quot;content&quot;: &quot;It&#x27;s good for you.&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></div>
+          <textarea id="ta-15-jsonData" data-idx="15" data-key="jsonData" class="json-textarea" rows="13" oninput="syncLineNums(this)" onscroll="this.previousElementSibling.scrollTop=this.scrollTop">{
+  &quot;cType&quot;: &quot;mid_dialog_repeat&quot;,
+  &quot;cId&quot;: &quot;1220115&quot;,
+  &quot;title&quot;: &quot;劝说休息&quot;,
+  &quot;resourceMapping&quot;: {},
+  &quot;preDialog&quot;: [],
+  &quot;imgShowTimingList&quot;: [],
+  &quot;question&quot;: {
+    &quot;type&quot;: &quot;user&quot;,
+    &quot;content&quot;: &quot;It&#x27;s good for you.&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_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-15-kpInfo-cId" class="ve-input ve-str" value="1220115" 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;good&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_repeat&quot;,
+  &quot;cId&quot;: &quot;1220115&quot;,
+  &quot;kpInfo&quot;: [
+    {
+      &quot;kpId&quot;: null,
+      &quot;kpType&quot;: &quot;vocab&quot;,
+      &quot;kpTitle&quot;: &quot;good&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="13">【任务标题】劝说休息
+【资源配置】
+图片时机：无
+音频载体：无
+
+【情境引入】
+空
+
+【互动内容】
+User: It&#x27;s good for you.（朗读）
+
+【后置对话】
+空</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">good</textarea>
+      <button class="regen-exec-btn regen-kp-exec-btn" id="regen-kp-exec-15" onclick="regenerateComponentKp(15)">执行重新生成知识点</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": "1220101", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u5174\u594b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\u540e\u7f6e\u5bf9\u8bdd\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: Vala Sports Day!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nUser: I'm so excited too!", "config_info": "1", "knowledge_text": "sport", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220101", "title": "\u8868\u8fbe\u5174\u594b", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": ["content", "postDialog"], "img": "1220101.png", "question": {"type": "user", "content": "Vala Sports Day!"}, "postDialog": [{"type": "user", "content": "I'm so excited too!"}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220101", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sport", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220102", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8be2\u95ee\u53c2\u52a0\u8fd0\u52a8\u4f1a\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\uff1aWill you join ___ Day?\n\u9009\u98791\uff1aSports\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aGames\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aLogi: Hmm, that's not the right word.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nLogi: Nope.", "config_info": "2", "knowledge_text": "sport", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1220102", "title": "\u8be2\u95ee\u53c2\u52a0\u8fd0\u52a8\u4f1a", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "Will you join ___ Day?", "content": "Will you join Sports Day?"}, "optionGroupList": [{"optionList": [{"option": "Sports", "needAudio": false}, {"option": "Games", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Logi", "content": "Hmm, that's not the right word."}, "postDialog": [{"type": "npc", "npcName": "Logi", "content": "Nope."}]}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1220102", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sport", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220103", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8be2\u95ee\u8fd0\u52a8\u88c5\u5907\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\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1aWhat are ___ sports things?\n\u9009\u98791\uff1agood\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1agoods\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aAmber: Wait, what do you mean?\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "3", "knowledge_text": "good", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1220103", "title": "\u8be2\u95ee\u8fd0\u52a8\u88c5\u5907", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "What are ___ sports things?", "content": "What are good sports things?"}, "optionGroupList": [{"optionList": [{"option": "good", "needAudio": false}, {"option": "goods", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Amber", "content": "Wait, what do you mean?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1220103", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "good", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220104", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u63cf\u8ff0\u5934\u76d4\u91cd\u91cf\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\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 very heavy!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "4", "knowledge_text": "very", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220104", "title": "\u63cf\u8ff0\u5934\u76d4\u91cd\u91cf", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1220104.png", "question": {"type": "user", "content": "It's very heavy!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220104", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "very", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220105", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u4e0d\u9002\u611f\u53d7\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\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u9898\u76ee\uff1a\u8868\u8fbe\u5934\u76d4\u6234\u7740\u5f88\u4e0d\u8212\u670d\n\u9009\u98791\uff1athis feels\n\u9009\u98792\uff1abad\n\u9009\u98793\uff1avery\n\u7b54\u6848\uff1aThis feels very bad.\n\u8f85\u52a9\u4fe1\u606f\uff1avery\u653e\u5728\u5f62\u5bb9\u8bcd\u524d\u8868\u793a\u7a0b\u5ea6\uff0cvery bad\u8868\u793a\u201c\u975e\u5e38\u7cdf\u7cd5\u201d\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aAmber: Oops, that's not how you say it.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "5", "knowledge_text": "very", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1220105", "title": "\u8868\u8fbe\u4e0d\u9002\u611f\u53d7", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": ["content", "feedback"], "img": "1220105.png", "question": {"desc": "\u8868\u8fbe\u5934\u76d4\u6234\u7740\u5f88\u4e0d\u8212\u670d", "content": "This feels very bad."}, "optionList": [{"option": "this feels", "needAudio": false}, {"option": "bad", "needAudio": false}, {"option": "very", "needAudio": false}], "answer": [0, 2, 1], "tip": "very\u653e\u5728\u5f62\u5bb9\u8bcd\u524d\u8868\u793a\u7a0b\u5ea6\uff0cvery bad\u8868\u793a\u201c\u975e\u5e38\u7cdf\u7cd5\u201d", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Amber", "content": "Oops, that's not how you say it."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1220105", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "very", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220106", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9009\u62e9\u5065\u5eb7\u98df\u7269\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\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\u6b63\u786e\u7684\u98df\u7269\n\u9009\u9879\uff1a\n\u9009\u98791\uff08\u97f3\u9891\uff09\uff1aWhat is good food?\uff08\u6b63\u786e\uff09\n- \u53cd\u9988 Amber: You will know it soon!\n\u9009\u98792\uff08\u97f3\u9891\uff09\uff1aWhat is fast food?\n- \u53cd\u9988 Amber: Hmm... It doesn't mention anything 'fast'.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "6", "knowledge_text": "good", "jsonData": {"cType": "mid_dialog_choose", "cId": "1220106", "title": "\u9009\u62e9\u5065\u5eb7\u98df\u7269", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "optionList": [{"option": "What is good food?", "needAudio": true}, {"option": "What is fast food?", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Amber", "content": "You will know it soon!"}, "errFeedback": {"type": "npc", "npcName": "Amber", "content": "Hmm... It doesn't mention anything 'fast'."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1220106", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "good", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220107", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u5012\u8ba1\u65f6\u5f00\u59cb\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: 3, 2, 1...\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n User: Let's begin!\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "7", "knowledge_text": "begin", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220107", "title": "\u5012\u8ba1\u65f6\u5f00\u59cb", "resourceMapping": {}, "preDialog": [{"type": "user", "content": "3, 2, 1..."}], "imgShowTimingList": [], "question": {"type": "user", "content": "Let's begin!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220107", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "begin", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220108", "cType": "mid_dialog_select", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u5bf9\u897f\u5170\u82b1\u7684\u611f\u53d7\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\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\u611f\u53d7\n\u9009\u9879\uff1a\uff08\u97f3\u9891\uff09\n\u9009\u98791\uff1aThis tastes very bad!\n- \u53cd\u9988 Matt : I know! Broccoli is the worst!\n\u9009\u98792\uff1aThis tastes very good!\n- \u53cd\u9988 Matt : Really? You must be kidding!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "8", "knowledge_text": "... very+(adj.)", "jsonData": {"cType": "mid_dialog_select", "cId": "1220108", "title": "\u8868\u8fbe\u5bf9\u897f\u5170\u82b1\u7684\u611f\u53d7", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "optionList": [{"option": "This tastes very bad!", "needAudio": true, "feedback": {"type": "npc", "npcName": "Matt", "content": "I know! Broccoli is the worst!"}}, {"option": "This tastes very good!", "needAudio": true, "feedback": {"type": "npc", "npcName": "Matt", "content": "Really? You must be kidding!"}}], "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_select", "cId": "1220108", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... very+(adj.)", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1220109", "cType": "mid_dialog_sentence", "category": "mid", "type_name": "\u5bf9\u8bdd\u7ec4\u53e5", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u7ec4\u53e5\u5f00\u59cb\u8bad\u7ec3\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\u8868\u8fbe\u5f00\u59cb\u8bad\u7ec3\n\u9009\u98791\uff1abegin\n\u9009\u98792\uff1alet's\n\u7b54\u6848\uff1aLet's begin!\n\u8f85\u52a9\u4fe1\u606f\uff1aLet's begin!\u662f\u5f00\u59cb\u505a\u67d0\u4e8b\u7684\u5e38\u7528\u8868\u8fbe\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aAmber: Hmm, that's not quite right. Try again!\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "9", "knowledge_text": "Let's begin!", "jsonData": {"cType": "mid_dialog_sentence", "cId": "1220109", "title": "\u7ec4\u53e5\u5f00\u59cb\u8bad\u7ec3", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"desc": "\u8868\u8fbe\u5f00\u59cb\u8bad\u7ec3", "content": "Let's begin!"}, "optionList": [{"option": "begin", "needAudio": false}, {"option": "let's", "needAudio": false}], "answer": [1, 0], "tip": "Let's begin!\u662f\u5f00\u59cb\u505a\u67d0\u4e8b\u7684\u5e38\u7528\u8868\u8fbe", "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Amber", "content": "Hmm, that's not quite right. Try again!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_sentence", "cId": "1220109", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "Let's begin!", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220110", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u9f13\u52b1Matt\u5f00\u59cb\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\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: Let's begin, Matt.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "10", "knowledge_text": "Let's begin!", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220110", "title": "\u9f13\u52b1Matt\u5f00\u59cb", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "Let's begin, Matt."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220110", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "Let's begin!", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220111", "cType": "mid_dialog_fillin", "category": "mid", "type_name": "\u5bf9\u8bdd\u6316\u7a7a", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u8def\u7a0b\u9065\u8fdc\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\uff1aAh... We still have a ___ way!\n\u9009\u98791\uff1avery long\uff08\u6b63\u786e\uff09\n\u9009\u98792\uff1aquite short\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e\uff1a\u65e0\n\u9519\u8bef\uff1aMatt: Really? Quite short?\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "11", "knowledge_text": "very", "jsonData": {"cType": "mid_dialog_fillin", "cId": "1220111", "title": "\u8868\u8fbe\u8def\u7a0b\u9065\u8fdc", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "desc": "Ah... We still have a ___ way!", "content": "Ah... We still have a very long way!"}, "optionGroupList": [{"optionList": [{"option": "very long", "needAudio": false}, {"option": "quite short", "needAudio": false}], "answer": [0]}], "corFeedback": {}, "errFeedback": {"type": "npc", "npcName": "Matt", "content": "Really? Quite short?"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_fillin", "cId": "1220111", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "very", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"cId": "1220112", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8868\u8fbe\u75b2\u60eb\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nUser: I'm very tired.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "12", "knowledge_text": "... very+(adj.)", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220112", "title": "\u8868\u8fbe\u75b2\u60eb", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1220112.png", "question": {"type": "user", "content": "I'm very tired."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220112", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... very+(adj.)", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1220113", "cType": "mid_dialog_choose", "category": "mid", "type_name": "\u5bf9\u8bdd\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u8bc4\u4ef7Amber\u7684\u4f53\u529b\n\u3010\u8d44\u6e90\u914d\u7f6e\u3011\n\u56fe\u7247\u65f6\u673a\uff1a\u4e92\u52a8\u5185\u5bb9\n\u97f3\u9891\u8f7d\u4f53\uff1a\u65e0\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\n\u7a7a\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\n\u8981\u6c42\uff1a\u9009\u62e9\u6b63\u786e\u7684\u56de\u590d\n\u9009\u9879\uff1a\n\u9009\u98791\uff08\u97f3\u9891\uff09\uff1aShe is very strong!\n- \u53cd\u9988 Matt : Yes! She can run so fast!\n\u9009\u98792\uff08\u97f3\u9891\uff09\uff1aShe is very tired.\n- \u53cd\u9988 Matt : No, look at her! \n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "13", "knowledge_text": "... very+(adj.)", "jsonData": {"cType": "mid_dialog_choose", "cId": "1220113", "title": "\u8bc4\u4ef7Amber\u7684\u4f53\u529b", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": ["content"], "img": "1220113.png", "optionList": [{"option": "She is very strong!", "needAudio": true}, {"option": "She is very tired.", "needAudio": true}], "answer": [0], "corFeedback": {"type": "npc", "npcName": "Matt", "content": "Yes! She can run so fast!"}, "errFeedback": {"type": "npc", "npcName": "Matt", "content": "No, look at her!"}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_choose", "cId": "1220113", "kpInfo": [{"kpId": null, "kpType": "sentence", "kpTitle": "... very+(adj.)", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1220114", "cType": "core_listening_choose", "category": "core", "type_name": "\u542c\u529b\u9009\u62e9", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\n\u6253\u7535\u8bdd\u7ed9 Logi \u6c9f\u901a\n\n\u3010\u4efb\u52a1\u80cc\u666f\u3011\n\u6b32\u6234\u738b\u51a0\uff0c\u5fc5\u627f\u5176\u91cd\uff0c\u60f3\u62ff\u51a0\u519b\uff0c\u4e5f\u5fc5\u987b\u4ed8\u51fa\u6c57\u6c34\u548c\u52aa\u529b\uff01\u53ef\u8fd9\u4efd\u8bad\u7ec3\u8ba1\u5212\u770b\u8d77\u6765\u8d85\u51fa\u4e86\u4f60\u4eec\u6240\u6709\u4eba\u7684\u8d1f\u8377\uff0c\u8fd8\u662f\u8d76\u7d27\u8ddf Logi \u5546\u91cf\u4e00\u4e0b\u73b0\u5728\u8be5\u600e\u4e48\u529e\u5427\uff01\n\n\u3010\u901a\u5173\u77e5\u8bc6\u3011\nsport        n        \u8fd0\u52a8\nbegin        v        \u5f00\u59cb\nvery        adv        \u975e\u5e38\ngood        adj        \u597d\u7684\n... very+(adj.)         \n\n\u3010\u9898\u76ee\u7ec41\u3011\n#\u5f00\u573a\u8bed\nLogi : Hello, what happened?\nUser : Hi, Logi. We tried your Champion Plan.\n\n#\u542c\u529b\u6587\u672c\nLogi : How's it going?\nUser : It's not very good. \nUser: We eat broccoli and we run a lot! \nUser: Now we are very tired.\n\n\n#\u9898\u76ee1\n##\u9898\u76ee\u7c7b\u578b\uff1a\u6587\u672c\n##\u9898\u76ee\u5185\u5bb9\uff1a\nMatt: How is Logi's plan going?\nA. Very good.\n \u9519\u8bef Matt\uff1aThat's not true.\nB. Not very good.\n \u6b63\u786e Brainy\uff1aPerfect! Your passport is your ticket to Planet Vala. Great job!\nC. We don't know.\n \u9519\u8bef Matt\uff1aThat's not true.\n\n#\u9898\u76ee2\n##\u9898\u76ee\u7c7b\u578b\uff1a\u56fe\u7247\n##\u9898\u76ee\u5185\u5bb9\uff1a\nMatt: How do we feel now?\nA. 00\n \u9519\u8bef Matt: Really?\nB. 01\n \u6b63\u786e Matt: Right. I am dead now.\nC. 02\n \u9519\u8bef Matt: Really?\n\n#\u7ed3\u675f\u8bed\n\u7a7a\n\n\u3010\u9898\u76ee\u7ec42\u3011\n#\u5f00\u573a\u8bed\n\u7a7a\n\n# \u542c\u529b\u6587\u672c\nLogi : Oh... That's not what I meant. \nLogi: Sports should be good for you, not make you tired.\nUser: And Amber fell down.\nLogi: That's bad! Let her rest!\nLogi: No more sports today!\nUser: Ok, good!\n\n#\u9898\u76ee3\n##\u9898\u76ee\u7c7b\u578b\uff1a\u6587\u672c\n##\u9898\u76ee\u5185\u5bb9\uff1a\nMatt: What should be good for us?\nA. Sports.\n\u6b63\u786e Logi: Yes, but it doesn't look good now.\nB. Fast food.\n \u9519\u8bef Logi: No, definitely not.\nC. Being tired.\n\u9519\u8bef Logi: No, definitely not.\n\n#\u9898\u76ee4\n##\u9898\u76ee\u7c7b\u578b\uff1a\u6587\u5b57\n##\u9898\u76ee\u5185\u5bb9\uff1a\nMatt: What is Logi's advice?\nA. Keep running.\n \u9519\u8bef Logi: What? I didn't say that!\nB. No more sports today.\n \u6b63\u786e Logi: Yes, you should have a rest.\nC. Do more sports.\n \u9519\u8bef Logi: What? I didn't say that!\n\n#\u7ed3\u675f\u8bed\n\u7a7a\n\u3010\u5b66\u4e60\u8fc7\u7a0b\u3011\n\u53e5\u5b50 1\nIt's not very good. \u3010very\u3011\n\n\u53e5\u5b50 2\nSports should be good for you, not make you tired.\u3010sport\u3011\n\n\u53e5\u5b50 3\nNo more sports today!\u3010sport\u3011", "config_info": "14", "knowledge_text": "sport        n        \u8fd0\u52a8\nbegin        v        \u5f00\u59cb\nvery        adv        \u975e\u5e38\ngood        adj        \u597d\u7684\n... very+(adj.)", "taskInfo": {"cType": "core_listening_choose", "cId": "1220114", "title": "\u6253\u7535\u8bdd\u7ed9 Logi \u6c9f\u901a", "sceneDesc": "\u6b32\u6234\u738b\u51a0\uff0c\u5fc5\u627f\u5176\u91cd\uff0c\u60f3\u62ff\u51a0\u519b\uff0c\u4e5f\u5fc5\u987b\u4ed8\u51fa\u6c57\u6c34\u548c\u52aa\u529b\uff01\u53ef\u8fd9\u4efd\u8bad\u7ec3\u8ba1\u5212\u770b\u8d77\u6765\u8d85\u51fa\u4e86\u4f60\u4eec\u6240\u6709\u4eba\u7684\u8d1f\u8377\uff0c\u8fd8\u662f\u8d76\u7d27\u8ddf Logi \u5546\u91cf\u4e00\u4e0b\u73b0\u5728\u8be5\u600e\u4e48\u529e\u5427\uff01", "key": [{"desc": "", "keyList": [{"type": "default", "content": "sport", "desc": "n. \u8fd0\u52a8"}, {"type": "default", "content": "begin", "desc": "v. \u5f00\u59cb"}, {"type": "default", "content": "very", "desc": "adv. \u975e\u5e38\uff0cvery\u53ef\u4fee\u9970\u5f62\u5bb9\u8bcd\uff0c\u7ed3\u6784\u4e3avery+(adj.)"}, {"type": "default", "content": "good", "desc": "adj. \u597d\u7684"}]}], "resourceMapping": {}, "cDesc": "You called Logi to talk about the Champion Plan, found the plan didn't go very well, and you felt very tired after eating broccoli and doing lots of running. (\u4f60\u6253\u7535\u8bdd\u7ed9Logi\u804a\u51a0\u519b\u8ba1\u5212\uff0c\u53d1\u73b0\u8ba1\u5212\u8fdb\u5c55\u4e0d\u592a\u987a\u5229\uff0c\u4f60\u4eec\u5403\u4e86\u897f\u84dd\u82b1\u8fd8\u8dd1\u4e86\u5f88\u591a\u6b65\u4e4b\u540e\u611f\u89c9\u7279\u522b\u7d2f\u3002)\nYou listened to Logi's reply that sports should be good for people, and Logi advised you to take a rest and do no more sports for the rest of the day. (\u4f60\u542c\u5230Logi\u56de\u5e94\u8bf4\u8fd0\u52a8\u5bf9\u4eba\u5e94\u8be5\u662f\u6709\u76ca\u7684\uff0c\u4ed6\u5efa\u8bae\u4f60\u597d\u597d\u4f11\u606f\uff0c\u4eca\u5929\u4e0d\u8981\u518d\u505a\u8fd0\u52a8\u4e86\u3002)"}, "studyInfo": {"learningPart": [{"type": "npc", "npcName": "Brainy", "content": "It's not very good.", "learning": [{"question": {"content": "\u521a\u521a\u542c\u5230\u7684\u97f3\u9891\u4e2d\uff0c\u5305\u542b\u4e86\u4e00\u4e2a\u5e38\u7528\u77ed\u8bed very good\uff0c\u610f\u601d\u662f\u5f88\u597d\u7684\u3001\u975e\u5e38\u68d2\u7684\u3002\u6211\u4eec\u5728\u63cf\u8ff0\u4e8b\u7269\u72b6\u6001\u5f88\u68d2\u7684\u65f6\u5019\u5c31\u53ef\u4ee5\u7528\u5230\u8fd9\u4e2a\u77ed\u8bed\u54e6\u3002", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\u4ed4\u7ec6\u542c\u97f3\u9891\uff0c\u9009\u51fa\u4f60\u542c\u5230\u7684\u90a3\u4e00\u53e5\u8bdd\u5427\u3002", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "It's not very good.", "feedback": {"type": "npc", "content": "\u592a\u5389\u5bb3\u5566\uff01\u4f60\u51c6\u786e\u542c\u51fa\u4e86\u53e5\u5b50\u91cc\u7684 very good \u8fd9\u4e2a\u77ed\u8bed\u54e6\uff01", "npcName": "Brainy"}}, {"option": "It's not very bad.", "feedback": {"type": "npc", "content": "\u54ce\u5440\uff0c\u8fd9\u53e5\u8bdd\u91cc\u8bf4\u7684\u662f bad\uff08\u574f\u7684\uff09\uff0c\u6ca1\u6709\u51fa\u73b0 good \u54e6\uff0c\u518d\u4ed4\u7ec6\u542c\u4e00\u904d\u8bd5\u8bd5\u5427\uff01", "npcName": "Brainy"}}], "answer": [0]}, {"question": {"content": "It's not very good.", "type": "npc", "npcName": "Brainy"}, "extendQuestion": {"content": "\"\u60c5\u51b5\u5f88\u4e0d\u9519\"\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\u662f\u8fd9\u4e2a\u5417\uff1f", "type": "npc", "npcName": "Brainy"}, "optionList": [{"option": "\u5bf9 / Yes", "feedback": {"type": "npc", "content": "\u53e5\u5b50\u91cc\u6709\u5426\u5b9a\u8bcd not\uff0c\u610f\u601d\u548c\u4f60\u60f3\u7684\u4e0d\u4e00\u6837\u54e6\uff0c\u518d\u4ed4\u7ec6\u60f3\u60f3~", "npcName": "Brainy"}}, {"option": "\u9519 / No", "feedback": {"type": "npc", "content": "\u7b54\u5bf9\u5566\uff01\u4f60\u51c6\u786e\u7406\u89e3\u4e86\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\uff0c\u8fd8\u638c\u63e1\u4e86 very good \u8fd9\u4e2a\u5e38\u7528\u77ed\u8bed\uff0c\u771f\u68d2\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"}}, "questionGroup": [{"preDialog": [{"type": "npc", "npcName": "Logi", "content": "Hello, what happened?"}, {"type": "user", "content": "Hi, Logi. We tried your Champion Plan."}], "dialogList": [{"type": "npc", "npcName": "Logi", "content": "How's it going?", "trans": "\u8fdb\u5c55\u600e\u4e48\u6837\uff1f", "isPoint": false}, {"type": "user", "content": "It's not very good.", "trans": "\u4e0d\u662f\u5f88\u597d\u3002", "isPoint": false}, {"type": "user", "content": "We eat broccoli and we run a lot!", "trans": "\u6211\u4eec\u5403\u897f\u5170\u82b1\uff0c\u8fd8\u8dd1\u4e86\u5f88\u591a\u6b65\uff01", "isPoint": false}, {"type": "user", "content": "Now we are very tired.", "trans": "\u73b0\u5728\u6211\u4eec\u975e\u5e38\u7d2f\u3002", "isPoint": false}], "questionList": [{"type": "npc", "npcName": "Matt", "content": "How is Logi's plan going?", "optionList": [{"option": "Very good.", "feedback": {"type": "npc", "npcName": "Matt", "content": "That's not true."}}, {"option": "Not very good.", "feedback": {"type": "npc", "npcName": "Brainy", "content": "Perfect! Your passport is your ticket to Planet Vala. Great job!"}}, {"option": "We don't know.", "feedback": {"type": "npc", "npcName": "Matt", "content": "That's not true."}}], "answer": [1]}, {"type": "npc", "npcName": "Matt", "content": "How do we feel now?", "optionList": [{"option": "1220114_option_00.png", "feedback": {"type": "npc", "npcName": "Matt", "content": "Really?"}}, {"option": "1220114_option_01.png", "feedback": {"type": "npc", "npcName": "Matt", "content": "Right. I am dead now."}}, {"option": "1220114_option_02.png", "feedback": {"type": "npc", "npcName": "Matt", "content": "Really?"}}], "answer": [1]}], "postDialog": []}, {"preDialog": [], "dialogList": [{"type": "npc", "npcName": "Logi", "content": "Oh... That's not what I meant.", "trans": "\u54e6\u2026\u2026\u6211\u4e0d\u662f\u90a3\u4e2a\u610f\u601d\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "Sports should be good for you, not make you tired.", "trans": "\u8fd0\u52a8\u5e94\u8be5\u5bf9\u4f60\u6709\u597d\u5904\uff0c\u800c\u4e0d\u662f\u8ba9\u4f60\u611f\u5230\u75b2\u60eb\u3002", "isPoint": false}, {"type": "user", "content": "And Amber fell down.", "trans": "\u800c\u4e14\u5b89\u5e03\u5c14\u6454\u5012\u4e86\u3002", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "That's bad! Let her rest!", "trans": "\u90a3\u592a\u7cdf\u7cd5\u4e86\uff01\u8ba9\u5979\u4f11\u606f\uff01", "isPoint": false}, {"type": "npc", "npcName": "Logi", "content": "No more sports today!", "trans": "\u4eca\u5929\u4e0d\u8981\u518d\u8fd0\u52a8\u4e86\uff01", "isPoint": false}, {"type": "user", "content": "Ok, good!", "trans": "\u597d\u7684\uff0c\u592a\u68d2\u4e86\uff01", "isPoint": false}], "questionList": [{"type": "npc", "npcName": "Matt", "content": "What should be good for us?", "optionList": [{"option": "Sports.", "feedback": {"type": "npc", "npcName": "Logi", "content": "Yes, but it doesn't look good now."}}, {"option": "Fast food.", "feedback": {"type": "npc", "npcName": "Logi", "content": "No, definitely not."}}, {"option": "Being tired.", "feedback": {"type": "npc", "npcName": "Logi", "content": "No, definitely not."}}], "answer": [0]}, {"type": "npc", "npcName": "Matt", "content": "What is Logi's advice?", "optionList": [{"option": "Keep running.", "feedback": {"type": "npc", "npcName": "Logi", "content": "What? I didn't say that!"}}, {"option": "No more sports today.", "feedback": {"type": "npc", "npcName": "Logi", "content": "Yes, you should have a rest."}}, {"option": "Do more sports.", "feedback": {"type": "npc", "npcName": "Logi", "content": "What? I didn't say that!"}}], "answer": [1]}], "postDialog": []}], "kpInfo": {"pushType": "relationKp", "cType": "core_listening_choose", "cId": "1220114", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "sport        n        \u8fd0\u52a8", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "begin        v        \u5f00\u59cb", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "very        adv        \u975e\u5e38", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "good        adj        \u597d\u7684", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "sentence", "kpTitle": "... very+(adj.)", "kpSkill": "sentence_meaning", "kpSkillName": "\u8bed\u4e49"}]}}, {"cId": "1220115", "cType": "mid_dialog_repeat", "category": "mid", "type_name": "\u5bf9\u8bdd\u6717\u8bfb", "status": "saved", "raw_config": "\u3010\u4efb\u52a1\u6807\u9898\u3011\u529d\u8bf4\u4f11\u606f\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 good for you.\uff08\u6717\u8bfb\uff09\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u7a7a", "config_info": "15", "knowledge_text": "good", "jsonData": {"cType": "mid_dialog_repeat", "cId": "1220115", "title": "\u529d\u8bf4\u4f11\u606f", "resourceMapping": {}, "preDialog": [], "imgShowTimingList": [], "question": {"type": "user", "content": "It's good for you."}, "postDialog": []}, "kpInfo": {"pushType": "relationKp", "cType": "mid_dialog_repeat", "cId": "1220115", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "good", "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"], "core_writing_imgMakeWord": ["taskInfo", "preDialog", "imageInfo", "questionList", "studyInfo"]};
+const CHARACTER_MAP = {};
+const SECTION_CHAR_MAP = [];
+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-09 17:33:17';
+
+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 运输小队_20260609_121208.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_121208.html
new file mode 100644
index 0000000..965cea0
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_121208.html	
@@ -0,0 +1,5371 @@
+<!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-09 12:12:08</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="11">【任务标题】提醒小船太小
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+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 right boat in the picture. (你在图中找到了正确的小船。)" 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 right boat in the picture. (你在图中找到了正确的小船。)&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 correct helicopter in the image. (你在图中找到了正确的直升机。)" 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 correct helicopter in the image. (你在图中找到了正确的直升机。)&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="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="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></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;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">Look, Sally, we can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and you can put a cross next to the best way you pick!（你看，萨莉，我们可以用小船、大船甚至直升机来帮丽贝卡把重重的箱子搬到岸上，你可以在你选的最佳办法旁边画个叉哦！）</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;Look, Sally, we can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and you can put a cross next to the best way you pick!（你看，萨莉，我们可以用小船、大船甚至直升机来帮丽贝卡把重重的箱子搬到岸上，你可以在你选的最佳办法旁边画个叉哦！）&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;如图所示，首先要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，最后帮 Rebecca 搬箱子时要标记的符号是\&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;如图所示，首先要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的物品是\&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;如图所示，最后帮 Rebecca 搬箱子时要标记的符号是\&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" 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="core_writing_imgMakeWord" 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="1221213" 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;boat&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;ship&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;helicopter&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;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-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><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-13-kpInfo" data-idx="13" 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_writing_imgMakeWord&quot;,
+  &quot;cId&quot;: &quot;1221213&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;
+    },
+    {
+      &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;
+    },
+    {
+      &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;
+    },
+    {
+      &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-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">```
+# 小题 1
+## 互动题目
+1. 抄写题
+Brainy：如图所示，首先要帮 Rebecca 搬箱子用到的物品是&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：如图所示，接着要帮 Rebecca 搬箱子用到的物品是&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：如图所示，接着要帮 Rebecca 搬箱子用到的物品是&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：如图所示，最后帮 Rebecca 搬箱子时要标记的符号是&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">Look, Sally, we can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and you can put a cross next to the best way you pick!（你看，萨莉，我们可以用小船、大船甚至直升机来帮丽贝卡把重重的箱子搬到岸上，你可以在你选的最佳办法旁边画个叉哦！）</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="4">boat
+ship
+helicopter
+cross</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="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="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></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;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="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;Let&#x27;s paint a $cross$! &quot;,
+  &quot;content&quot;: &quot;Let&#x27;s paint a $cross$! &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;
+  },
+  {
+    &quot;option&quot;: &quot;1221215_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="4" data-vtype="json">[
+  0,
+  1
+]</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;Let&#x27;s do it!&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="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="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great!&quot;
+}</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;Ben&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="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Now Rebecca can see it clearly.&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-15-jsonData-cDesc" class="ve-input ve-str" value="You painted a cross successfully. (你成功画出了一个十字叉号。)" 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><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></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;Let&#x27;s paint a $cross$! &quot;,
+    &quot;content&quot;: &quot;Let&#x27;s paint a $cross$! &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;option&quot;: &quot;1221215_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    1
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Let&#x27;s do it!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;cross 指”十字，叉号“。&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not a cross.&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Now Rebecca can see it clearly.&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You painted a cross successfully. (你成功画出了一个十字叉号。)&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="23">【任务标题】
+画出一个十字叉号
+
+【情境引入】
+User: Let&#x27;s do it!
+
+【互动内容】
+Let&#x27;s paint a $cross$! (音频)
+选项：
+00
+01
+02
+答案：
+00
+01
+辅助信息：cross 指”十字，叉号“。
+
+【互动反馈】
+正确 Sally: Great!
+错误 Ben: That&#x27;s not a cross.
+
+【后置对话】
+Sally: Now Rebecca can see it clearly.</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\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "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": "S6\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 right boat in the picture. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u6b63\u786e\u7684\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": "S7\u4e3b\u7ebf", "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": "S8\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 correct helicopter in the image. (\u4f60\u5728\u56fe\u4e2d\u627e\u5230\u4e86\u6b63\u786e\u7684\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": "S9\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": "S10\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\u65e0\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": "S11\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": [], "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": "S12\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": "S13\u4e3b\u7ebf", "knowledge_text": "boat\nship\nhelicopter\ncross", "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": "Look, Sally, we can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and you can put a cross next to the best way you pick!\uff08\u4f60\u770b\uff0c\u8428\u8389\uff0c\u6211\u4eec\u53ef\u4ee5\u7528\u5c0f\u8239\u3001\u5927\u8239\u751a\u81f3\u76f4\u5347\u673a\u6765\u5e2e\u4e3d\u8d1d\u5361\u628a\u91cd\u91cd\u7684\u7bb1\u5b50\u642c\u5230\u5cb8\u4e0a\uff0c\u4f60\u53ef\u4ee5\u5728\u4f60\u9009\u7684\u6700\u4f73\u529e\u6cd5\u65c1\u8fb9\u753b\u4e2a\u53c9\u54e6\uff01\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 Rebecca \u642c\u7bb1\u5b50\u7528\u5230\u7684\u7269\u54c1\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 Rebecca \u642c\u7bb1\u5b50\u7528\u5230\u7684\u7269\u54c1\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 Rebecca \u642c\u7bb1\u5b50\u7528\u5230\u7684\u7269\u54c1\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\u5e2e Rebecca \u642c\u7bb1\u5b50\u65f6\u8981\u6807\u8bb0\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"}, "kpInfo": {"pushType": "relationKp", "cType": "core_writing_imgMakeWord", "cId": "1221213", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "boat", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "helicopter", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"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\u65e0\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": "S14\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": [], "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\n\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Let's do it!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nLet's paint a $cross$! (\u97f3\u9891)\n\u9009\u9879\uff1a\n00\n01\n02\n\u7b54\u6848\uff1a\n00\n01\n\u8f85\u52a9\u4fe1\u606f\uff1across \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e Sally: Great!\n\u9519\u8bef Ben: That's not a cross.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nSally: Now Rebecca can see it clearly.", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_image_drag", "cId": "1221215", "title": "\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Let's paint a $cross$! ", "content": "Let's paint a $cross$! "}, "imageInfo": {"questionImg": "1221215_question.png", "answerImg": "1221215_answer.png"}, "optionList": [{"option": "1221215_option_00.png"}, {"option": "1221215_option_01.png"}, {"option": "1221215_option_02.png"}], "answer": [0, 1], "preDialog": [{"type": "user", "content": "Let's do it!"}], "tip": "cross \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great!"}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "That's not a cross."}, "postDialog": [{"type": "npc", "npcName": "Sally", "content": "Now Rebecca can see it clearly."}], "cDesc": "You painted a cross successfully. (\u4f60\u6210\u529f\u753b\u51fa\u4e86\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\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": "S16\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-09 12:12:08';
+
+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 运输小队_20260609_122646.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_122646.html
new file mode 100644
index 0000000..419fd3b
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_122646.html	
@@ -0,0 +1,5371 @@
+<!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-09 12:26:46</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="11">【任务标题】提醒小船太小
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+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 in the picture. (你在图中找到了小船。)" 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 in the picture. (你在图中找到了小船。)&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="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="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></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;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">Look, Sally! We can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and we can put a cross next to the things that don&#x27;t work for this task.（你看，萨莉！我们可以用小船、大轮船甚至直升机来帮丽贝卡把重箱子搬到岸上，我们还可以在不适合完成这个任务的东西旁边标个叉号。）</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;Look, Sally! We can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and we can put a cross next to the things that don&#x27;t work for this task.（你看，萨莉！我们可以用小船、大轮船甚至直升机来帮丽贝卡把重箱子搬到岸上，我们还可以在不适合完成这个任务的东西旁边标个叉号。）&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-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" 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;如图所示，首先要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，最后标记错误搬箱方式的符号是\&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;如图所示，首先要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是\&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;如图所示，最后标记错误搬箱方式的符号是\&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-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="core_writing_imgMakeWord" 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="1221213" 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;boat&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;ship&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;helicopter&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;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-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><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-13-kpInfo" data-idx="13" 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_writing_imgMakeWord&quot;,
+  &quot;cId&quot;: &quot;1221213&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;
+    },
+    {
+      &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;
+    },
+    {
+      &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;
+    },
+    {
+      &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-13-kpInfo" style="display:none;"></div>
+      </div>
+    </div>
+
+                    <div class="json-section intermediate">
+                      <div class="json-section-label">中间结果: 学习流程配置</div>
+                      <pre class="intermediate-pre">```
+# 小题 1
+## 互动题目
+1. 抄写题
+Brainy：如图所示，首先要帮 Rebecca 搬箱子用到的交通工具是&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：如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是&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：如图所示，接着要帮 Rebecca 搬箱子用到的交通工具是&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：如图所示，最后标记错误搬箱方式的符号是&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">Look, Sally! We can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and we can put a cross next to the things that don&#x27;t work for this task.（你看，萨莉！我们可以用小船、大轮船甚至直升机来帮丽贝卡把重箱子搬到岸上，我们还可以在不适合完成这个任务的东西旁边标个叉号。）</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="4">boat
+ship
+helicopter
+cross</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="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="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></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;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="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;Let&#x27;s paint a $cross$!&quot;,
+  &quot;content&quot;: &quot;Let&#x27;s paint a $cross$!&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;
+  },
+  {
+    &quot;option&quot;: &quot;1221215_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="4" data-vtype="json">[
+  0,
+  1
+]</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;Let&#x27;s do it!&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="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="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great!&quot;
+}</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;Ben&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="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Now Rebecca can see it clearly.&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-15-jsonData-cDesc" class="ve-input ve-str" value="You drew a cross on the picture. (你在图上画出了一个十字叉号。)" 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><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></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;Let&#x27;s paint a $cross$!&quot;,
+    &quot;content&quot;: &quot;Let&#x27;s paint a $cross$!&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;option&quot;: &quot;1221215_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    1
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Let&#x27;s do it!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;cross 指”十字，叉号“。&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not a cross.&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Now Rebecca can see it clearly.&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You drew a cross on the picture. (你在图上画出了一个十字叉号。)&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="23">【任务标题】
+画出一个十字叉号
+
+【情境引入】
+User: Let&#x27;s do it!
+
+【互动内容】
+Let&#x27;s paint a $cross$! (音频)
+选项：
+00
+01
+02
+答案：
+00
+01
+辅助信息：cross 指”十字，叉号“。
+
+【互动反馈】
+正确 Sally: Great!
+错误 Ben: That&#x27;s not a cross.
+
+【后置对话】
+Sally: Now Rebecca can see it clearly.</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\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "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": "S6\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 in the picture. (\u4f60\u5728\u56fe\u4e2d\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": "S7\u4e3b\u7ebf", "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": "S8\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": "S9\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": "S10\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\u65e0\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": "S11\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": [], "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": "S12\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": "S13\u4e3b\u7ebf", "knowledge_text": "boat\nship\nhelicopter\ncross", "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": "Look, Sally! We can use a boat, a big ship, or even a helicopter to help Rebecca move the heavy box to the bank, and we can put a cross next to the things that don't work for this task.\uff08\u4f60\u770b\uff0c\u8428\u8389\uff01\u6211\u4eec\u53ef\u4ee5\u7528\u5c0f\u8239\u3001\u5927\u8f6e\u8239\u751a\u81f3\u76f4\u5347\u673a\u6765\u5e2e\u4e3d\u8d1d\u5361\u628a\u91cd\u7bb1\u5b50\u642c\u5230\u5cb8\u4e0a\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u5728\u4e0d\u9002\u5408\u5b8c\u6210\u8fd9\u4e2a\u4efb\u52a1\u7684\u4e1c\u897f\u65c1\u8fb9\u6807\u4e2a\u53c9\u53f7\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 Rebecca \u642c\u7bb1\u5b50\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 Rebecca \u642c\u7bb1\u5b50\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 Rebecca \u642c\u7bb1\u5b50\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\u6807\u8bb0\u9519\u8bef\u642c\u7bb1\u65b9\u5f0f\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"}, "kpInfo": {"pushType": "relationKp", "cType": "core_writing_imgMakeWord", "cId": "1221213", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "boat", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "helicopter", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"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\u65e0\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": "S14\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": [], "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\n\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Let's do it!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nLet's paint a $cross$! (\u97f3\u9891)\n\u9009\u9879\uff1a\n00\n01\n02\n\u7b54\u6848\uff1a\n00\n01\n\u8f85\u52a9\u4fe1\u606f\uff1across \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e Sally: Great!\n\u9519\u8bef Ben: That's not a cross.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nSally: Now Rebecca can see it clearly.", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_image_drag", "cId": "1221215", "title": "\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Let's paint a $cross$!", "content": "Let's paint a $cross$!"}, "imageInfo": {"questionImg": "1221215_question.png", "answerImg": "1221215_answer.png"}, "optionList": [{"option": "1221215_option_00.png"}, {"option": "1221215_option_01.png"}, {"option": "1221215_option_02.png"}], "answer": [0, 1], "preDialog": [{"type": "user", "content": "Let's do it!"}], "tip": "cross \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great!"}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "That's not a cross."}, "postDialog": [{"type": "npc", "npcName": "Sally", "content": "Now Rebecca can see it clearly."}], "cDesc": "You drew a cross on the picture. (\u4f60\u5728\u56fe\u4e0a\u753b\u51fa\u4e86\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\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": "S16\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"], "core_writing_imgMakeWord": ["taskInfo", "preDialog", "imageInfo", "questionList", "studyInfo"]};
+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-09 12:26:46';
+
+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 运输小队_20260609_144915.html b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_144915.html
new file mode 100644
index 0000000..712094c
--- /dev/null
+++ b/business_production/组件配置/interactive-component-json/outputs/L1-S2-U21-L2 运输小队_20260609_144915.html	
@@ -0,0 +1,5330 @@
+<!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-09 14:49:15</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="11">【任务标题】提醒小船太小
+【资源配置】
+图片时机：互动内容
+【情境引入】
+无
+
+【互动内容】
+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 correct boat. (你找到了正确的小船。)" 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 correct boat. (你找到了正确的小船。)&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="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="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></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;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">Let&#x27;s show Sally how to move the box: first, we can use a small boat, a big ship, or even a helicopter to carry it, and don&#x27;t mark a cross if we fail for the first time!
+（我们来向萨利演示怎么搬箱子吧：首先，我们可以用小船、大轮船甚至直升机来运它，如果第一次失败也不要打叉哦！）</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;Let&#x27;s show Sally how to move the box: first, we can use a small boat, a big ship, or even a helicopter to carry it, and don&#x27;t mark a cross if we fail for the first time!\n（我们来向萨利演示怎么搬箱子吧：首先，我们可以用小船、大轮船甚至直升机来运它，如果第一次失败也不要打叉哦！）&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-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" 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;如图所示，首先要学习的单词是「小船」，「小船」的英文是「boat」。先来抄写一下这个词吧！&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;很好。接下来，记一下「boat」的拼写，是「b-o-a-t」。然后看着图片，试试听写出「小船」这个词吧！&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;没错!「小船」对应的英文词汇是「boat」,你的拼写完全正确!&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;如图所示，接着要学习的单词是「船」，「船」的英文是「ship」。先来抄写一下这个词吧！&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;很好。接下来，记一下「ship」的拼写，是「s-h-i-p」。然后看着图片，试试听写出「船」这个词吧！&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;没错!「船」对应的英文词汇是「ship」,你的拼写完全正确!&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;如图所示，接着要学习的单词是「直升机」，「直升机」的英文是「helicopter」。先来抄写一下这个词吧！&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;很好。接下来，记一下「helicopter」的拼写，是「h-e-l-i-c-o-p-t-e-r」。然后看着图片，试试听写出「直升机」这个词吧！&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;没错!「直升机」对应的英文词汇是「helicopter」,你的拼写完全正确!&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;如图所示，最后要学习的单词是「十字，叉号」，「十字，叉号」的英文是「cross」。先来抄写一下这个词吧！&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;很好。接下来，记一下「cross」的拼写，是「c-r-o-s-s」。然后看着图片，试试听写出「十字，叉号」这个词吧！&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;没错!「十字，叉号」对应的英文词汇是「cross」,你的拼写完全正确!&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;如图所示，首先要学习的单词是「小船」，「小船」的英文是「boat」。先来抄写一下这个词吧！&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;很好。接下来，记一下「boat」的拼写，是「b-o-a-t」。然后看着图片，试试听写出「小船」这个词吧！&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;没错!「小船」对应的英文词汇是「boat」,你的拼写完全正确!&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;如图所示，接着要学习的单词是「船」，「船」的英文是「ship」。先来抄写一下这个词吧！&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;很好。接下来，记一下「ship」的拼写，是「s-h-i-p」。然后看着图片，试试听写出「船」这个词吧！&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;没错!「船」对应的英文词汇是「ship」,你的拼写完全正确!&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;如图所示，接着要学习的单词是「直升机」，「直升机」的英文是「helicopter」。先来抄写一下这个词吧！&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;很好。接下来，记一下「helicopter」的拼写，是「h-e-l-i-c-o-p-t-e-r」。然后看着图片，试试听写出「直升机」这个词吧！&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;没错!「直升机」对应的英文词汇是「helicopter」,你的拼写完全正确!&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;如图所示，最后要学习的单词是「十字，叉号」，「十字，叉号」的英文是「cross」。先来抄写一下这个词吧！&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;很好。接下来，记一下「cross」的拼写，是「c-r-o-s-s」。然后看着图片，试试听写出「十字，叉号」这个词吧！&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;没错!「十字，叉号」对应的英文词汇是「cross」,你的拼写完全正确!&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-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="core_writing_imgMakeWord" 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="1221213" 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;boat&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;ship&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;helicopter&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;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-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><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-13-kpInfo" data-idx="13" 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_writing_imgMakeWord&quot;,
+  &quot;cId&quot;: &quot;1221213&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;
+    },
+    {
+      &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;
+    },
+    {
+      &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;
+    },
+    {
+      &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-13-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">Let&#x27;s show Sally how to move the box: first, we can use a small boat, a big ship, or even a helicopter to carry it, and don&#x27;t mark a cross if we fail for the first time!
+（我们来向萨利演示怎么搬箱子吧：首先，我们可以用小船、大轮船甚至直升机来运它，如果第一次失败也不要打叉哦！）</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="4">boat
+ship
+helicopter
+cross</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="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="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></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;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="4" data-vtype="json">{
+  &quot;desc&quot;: &quot;Let&#x27;s paint a $cross$!&quot;,
+  &quot;content&quot;: &quot;Let&#x27;s paint a $cross$!&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;
+  },
+  {
+    &quot;option&quot;: &quot;1221215_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="4" data-vtype="json">[
+  0,
+  1
+]</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;Let&#x27;s do it!&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="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="5" data-vtype="json">{
+  &quot;type&quot;: &quot;npc&quot;,
+  &quot;npcName&quot;: &quot;Sally&quot;,
+  &quot;content&quot;: &quot;Great!&quot;
+}</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;Ben&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="7" data-vtype="json">[
+  {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Now Rebecca can see it clearly.&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-15-jsonData-cDesc" class="ve-input ve-str" value="You painted a cross on the picture. (你在图上画出了一个十字叉号。)" 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><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></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;Let&#x27;s paint a $cross$!&quot;,
+    &quot;content&quot;: &quot;Let&#x27;s paint a $cross$!&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;option&quot;: &quot;1221215_option_02.png&quot;
+    }
+  ],
+  &quot;answer&quot;: [
+    0,
+    1
+  ],
+  &quot;preDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;user&quot;,
+      &quot;content&quot;: &quot;Let&#x27;s do it!&quot;
+    }
+  ],
+  &quot;tip&quot;: &quot;cross 指”十字，叉号“。&quot;,
+  &quot;corFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Sally&quot;,
+    &quot;content&quot;: &quot;Great!&quot;
+  },
+  &quot;errFeedback&quot;: {
+    &quot;type&quot;: &quot;npc&quot;,
+    &quot;npcName&quot;: &quot;Ben&quot;,
+    &quot;content&quot;: &quot;That&#x27;s not a cross.&quot;
+  },
+  &quot;postDialog&quot;: [
+    {
+      &quot;type&quot;: &quot;npc&quot;,
+      &quot;npcName&quot;: &quot;Sally&quot;,
+      &quot;content&quot;: &quot;Now Rebecca can see it clearly.&quot;
+    }
+  ],
+  &quot;cDesc&quot;: &quot;You painted a cross on the picture. (你在图上画出了一个十字叉号。)&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="23">【任务标题】
+画出一个十字叉号
+
+【情境引入】
+User: Let&#x27;s do it!
+
+【互动内容】
+Let&#x27;s paint a $cross$! (音频)
+选项：
+00
+01
+02
+答案：
+00
+01
+辅助信息：cross 指”十字，叉号“。
+
+【互动反馈】
+正确 Sally: Great!
+错误 Ben: That&#x27;s not a cross.
+
+【后置对话】
+Sally: Now Rebecca can see it clearly.</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\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\n\u65e0", "config_info": "S5\u4e3b\u7ebf", "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": "S6\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 correct boat. (\u4f60\u627e\u5230\u4e86\u6b63\u786e\u7684\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": "S7\u4e3b\u7ebf", "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": "S8\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": "S9\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": "S10\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\u65e0\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": "S11\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": [], "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": "S12\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": "S13\u4e3b\u7ebf", "knowledge_text": "boat\nship\nhelicopter\ncross", "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": "Let's show Sally how to move the box: first, we can use a small boat, a big ship, or even a helicopter to carry it, and don't mark a cross if we fail for the first time!\n\uff08\u6211\u4eec\u6765\u5411\u8428\u5229\u6f14\u793a\u600e\u4e48\u642c\u7bb1\u5b50\u5427\uff1a\u9996\u5148\uff0c\u6211\u4eec\u53ef\u4ee5\u7528\u5c0f\u8239\u3001\u5927\u8f6e\u8239\u751a\u81f3\u76f4\u5347\u673a\u6765\u8fd0\u5b83\uff0c\u5982\u679c\u7b2c\u4e00\u6b21\u5931\u8d25\u4e5f\u4e0d\u8981\u6253\u53c9\u54e6\uff01\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\u5b66\u4e60\u7684\u5355\u8bcd\u662f\u300c\u5c0f\u8239\u300d\uff0c\u300c\u5c0f\u8239\u300d\u7684\u82f1\u6587\u662f\u300cboat\u300d\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\u300cboat\u300d\u7684\u62fc\u5199\uff0c\u662f\u300cb-o-a-t\u300d\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\u300c\u5c0f\u8239\u300d\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!\u300c\u5c0f\u8239\u300d\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\u300cboat\u300d,\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e!"}}]}, {"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\u5b66\u4e60\u7684\u5355\u8bcd\u662f\u300c\u8239\u300d\uff0c\u300c\u8239\u300d\u7684\u82f1\u6587\u662f\u300cship\u300d\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\u300cship\u300d\u7684\u62fc\u5199\uff0c\u662f\u300cs-h-i-p\u300d\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\u300c\u8239\u300d\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!\u300c\u8239\u300d\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\u300cship\u300d,\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e!"}}]}, {"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\u5b66\u4e60\u7684\u5355\u8bcd\u662f\u300c\u76f4\u5347\u673a\u300d\uff0c\u300c\u76f4\u5347\u673a\u300d\u7684\u82f1\u6587\u662f\u300chelicopter\u300d\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\u300chelicopter\u300d\u7684\u62fc\u5199\uff0c\u662f\u300ch-e-l-i-c-o-p-t-e-r\u300d\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\u300c\u76f4\u5347\u673a\u300d\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!\u300c\u76f4\u5347\u673a\u300d\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\u300chelicopter\u300d,\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e!"}}]}, {"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\u5b66\u4e60\u7684\u5355\u8bcd\u662f\u300c\u5341\u5b57\uff0c\u53c9\u53f7\u300d\uff0c\u300c\u5341\u5b57\uff0c\u53c9\u53f7\u300d\u7684\u82f1\u6587\u662f\u300ccross\u300d\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\u300ccross\u300d\u7684\u62fc\u5199\uff0c\u662f\u300cc-r-o-s-s\u300d\u3002\u7136\u540e\u770b\u7740\u56fe\u7247\uff0c\u8bd5\u8bd5\u542c\u5199\u51fa\u300c\u5341\u5b57\uff0c\u53c9\u53f7\u300d\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!\u300c\u5341\u5b57\uff0c\u53c9\u53f7\u300d\u5bf9\u5e94\u7684\u82f1\u6587\u8bcd\u6c47\u662f\u300ccross\u300d,\u4f60\u7684\u62fc\u5199\u5b8c\u5168\u6b63\u786e!"}}]}], "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"}, "kpInfo": {"pushType": "relationKp", "cType": "core_writing_imgMakeWord", "cId": "1221213", "kpInfo": [{"kpId": null, "kpType": "vocab", "kpTitle": "boat", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "ship", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "helicopter", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}, {"kpId": null, "kpType": "vocab", "kpTitle": "cross", "kpSkill": "vocab_meaning", "kpSkillName": "\u8bcd\u4e49"}]}}, {"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\u65e0\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": "S14\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": [], "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\n\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\n\n\u3010\u60c5\u5883\u5f15\u5165\u3011\nUser: Let's do it!\n\n\u3010\u4e92\u52a8\u5185\u5bb9\u3011\nLet's paint a $cross$! (\u97f3\u9891)\n\u9009\u9879\uff1a\n00\n01\n02\n\u7b54\u6848\uff1a\n00\n01\n\u8f85\u52a9\u4fe1\u606f\uff1across \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002\n\n\u3010\u4e92\u52a8\u53cd\u9988\u3011\n\u6b63\u786e Sally: Great!\n\u9519\u8bef Ben: That's not a cross.\n\n\u3010\u540e\u7f6e\u5bf9\u8bdd\u3011\nSally: Now Rebecca can see it clearly.", "config_info": "S15\u4e3b\u7ebf", "knowledge_text": "cross", "jsonData": {"cType": "mid_image_drag", "cId": "1221215", "title": "\u753b\u51fa\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7", "meaning": "", "resourceMapping": {"Ben": 311, "Logi": 767, "Sally": 654, "Vicky": 658, "Rebecca": 294}, "question": {"desc": "Let's paint a $cross$!", "content": "Let's paint a $cross$!"}, "imageInfo": {"questionImg": "1221215_question.png", "answerImg": "1221215_answer.png"}, "optionList": [{"option": "1221215_option_00.png"}, {"option": "1221215_option_01.png"}, {"option": "1221215_option_02.png"}], "answer": [0, 1], "preDialog": [{"type": "user", "content": "Let's do it!"}], "tip": "cross \u6307\u201d\u5341\u5b57\uff0c\u53c9\u53f7\u201c\u3002", "corFeedback": {"type": "npc", "npcName": "Sally", "content": "Great!"}, "errFeedback": {"type": "npc", "npcName": "Ben", "content": "That's not a cross."}, "postDialog": [{"type": "npc", "npcName": "Sally", "content": "Now Rebecca can see it clearly."}], "cDesc": "You painted a cross on the picture. (\u4f60\u5728\u56fe\u4e0a\u753b\u51fa\u4e86\u4e00\u4e2a\u5341\u5b57\u53c9\u53f7\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": "S16\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"], "core_writing_imgMakeWord": ["taskInfo", "preDialog", "imageInfo", "questionList", "studyInfo"]};
+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-09 14:49:15';
+
+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/prompts/__pycache__/core_writing_imgmakeword_prompts.cpython-312.pyc b/business_production/组件配置/interactive-component-json/prompts/__pycache__/core_writing_imgmakeword_prompts.cpython-312.pyc
index 71e707a..deba797 100644
Binary files a/business_production/组件配置/interactive-component-json/prompts/__pycache__/core_writing_imgmakeword_prompts.cpython-312.pyc and b/business_production/组件配置/interactive-component-json/prompts/__pycache__/core_writing_imgmakeword_prompts.cpython-312.pyc differ
diff --git a/business_production/组件配置/interactive-component-json/prompts/core_writing_imgmakeword_prompts.py b/business_production/组件配置/interactive-component-json/prompts/core_writing_imgmakeword_prompts.py
index c8f465f..019b03f 100644
--- a/business_production/组件配置/interactive-component-json/prompts/core_writing_imgmakeword_prompts.py
+++ b/business_production/组件配置/interactive-component-json/prompts/core_writing_imgmakeword_prompts.py
@@ -16,11 +16,11 @@
 STEP1_LEARNING_FLOW = r"""你是一名儿童英语学习助手，负责为学习者生成互动式的巩固练习题。请根据以下信息生成练习内容：
 
 **输入信息**
-$任务信息$
+$学习过程$
 
 **生成要求**
 
-1. 为每个【通关知识】的知识词汇生成一个小题，包含以下结构：
+1. 为每个【学习过程】中的每个单词生成一个小题，包含以下结构：
 
    ```
    # 小题 X
@@ -75,10 +75,6 @@ Brainy：没错！"奖牌"对应的英文词汇是"medal"，你的拼写完全
 Brainy：太棒了！你复习了所有的关键知识点，拼对了每一个词，相信下一次你一定可以做得更好！
 ```
 
-#输入
-任务信息：
-$任务信息$
-
 # 输出
 现在请按照上述信息和要求，直接输出目标内容。"""
 
diff --git a/business_production/组件配置/interactive-component-json/scripts/__pycache__/generate_json.cpython-312.pyc b/business_production/组件配置/interactive-component-json/scripts/__pycache__/generate_json.cpython-312.pyc
index 3acc196..53bbaa4 100644
Binary files a/business_production/组件配置/interactive-component-json/scripts/__pycache__/generate_json.cpython-312.pyc and b/business_production/组件配置/interactive-component-json/scripts/__pycache__/generate_json.cpython-312.pyc differ
diff --git a/business_production/组件配置/interactive-component-json/scripts/__pycache__/html_report.cpython-312.pyc b/business_production/组件配置/interactive-component-json/scripts/__pycache__/html_report.cpython-312.pyc
index c7dcc1d..7e6e22c 100644
Binary files a/business_production/组件配置/interactive-component-json/scripts/__pycache__/html_report.cpython-312.pyc and b/business_production/组件配置/interactive-component-json/scripts/__pycache__/html_report.cpython-312.pyc differ
diff --git a/business_production/组件配置/interactive-component-json/scripts/generate_json.py b/business_production/组件配置/interactive-component-json/scripts/generate_json.py
index b5e2826..ccf22b2 100644
--- a/business_production/组件配置/interactive-component-json/scripts/generate_json.py
+++ b/business_production/组件配置/interactive-component-json/scripts/generate_json.py
@@ -2019,6 +2019,7 @@ def parse_core_writing_imgmakeword_fields(teaching_config):
     通关知识 = fields.get("通关知识", "")
     前置对话 = fields.get("前置对话", "")
     互动问题 = fields.get("互动问题", "")
+    学习过程 = fields.get("学习过程", "")
 
     # 构建任务信息（composite）
     任务信息_parts = []
@@ -2039,6 +2040,7 @@ def parse_core_writing_imgmakeword_fields(teaching_config):
         "通关知识": 通关知识,
         "前置对话": 前置对话,
         "互动问题": 互动问题,
+        "学习过程": 学习过程,
         "任务信息": 任务信息,
     }
 
@@ -2082,7 +2084,7 @@ def generate_core_writing_imgmakeword(cId, teaching_config, character_map=None,
     # ── Step 1: 学习流程配置 ──
     logger.info(f"[core_writing_imgMakeWord] Step 1/7: 学习流程配置")
     prompt1 = build_writing_imgmakeword_prompt("step1_learning_flow", {
-        "任务信息": fields["任务信息"],
+        "学习过程": fields["学习过程"],
     })
     学习流程配置, usage1 = llm_client.call("", prompt1, max_tokens=8192, temperature=0.3)
     学习流程配置 = 学习流程配置.strip()
diff --git a/business_production/组件配置/interactive-component-json/scripts/html_report.py b/business_production/组件配置/interactive-component-json/scripts/html_report.py
index f979fc1..7cc524d 100644
--- a/business_production/组件配置/interactive-component-json/scripts/html_report.py
+++ b/business_production/组件配置/interactive-component-json/scripts/html_report.py
@@ -27,6 +27,7 @@ PUSH_FIELD_MAP = {
     "core_writing_imgWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"],
     "core_writing_questionMakeSentence": ["taskInfo", "textInfo", "studyInfo", "evalInfo"],
     "core_writing_questionWrite": ["taskInfo", "textInfo", "studyInfo", "evalInfo"],
+    "core_writing_imgMakeWord": ["taskInfo", "preDialog", "imageInfo", "questionList", "studyInfo"],
 }
 
 ALL_CORE_FIELDS = [
diff --git a/check_3034_structure.py b/check_3034_structure.py
new file mode 100644
index 0000000..5651f04
--- /dev/null
+++ b/check_3034_structure.py
@@ -0,0 +1,24 @@
+
+import pandas as pd
+
+file3034 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/30-34.xlsx'
+df3034 = pd.read_excel(file3034)
+
+print("="*60)
+print("30-34.xlsx 文件结构：")
+print(f"行数: {len(df3034)}")
+print(f"列数: {len(df3034.columns)}")
+print("\n列名:")
+for i, col in enumerate(df3034.columns):
+    print(f"  列{i}: {col}")
+
+print("\n前30行内容：")
+print(df3034.head(30))
+
+print("\n尝试找出包含单词的列...")
+# 检查前几列中包含字母的内容
+for col_idx in range(min(5, len(df3034.columns))):
+    col_data = df3034.iloc[:, col_idx].dropna()
+    # 统计包含字母的单元格数
+    has_letter = col_data.apply(lambda x: any(c.isalpha() for c in str(x))).sum()
+    print(f"列{col_idx}: 包含字母的单元格数 = {has_letter}")
diff --git a/check_all_words.py b/check_all_words.py
new file mode 100644
index 0000000..ed50a76
--- /dev/null
+++ b/check_all_words.py
@@ -0,0 +1,45 @@
+
+import pandas as pd
+
+# 文件路径
+file3034 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/30-34.xlsx'
+fileL2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+# 读取文件
+df3034 = pd.read_excel(file3034)
+dfL2 = pd.read_excel(fileL2)
+
+print(f"30-34单词表: {len(df3034)} 个单词")
+print(f"L2知识库: {len(dfL2)} 个单词")
+
+# 创建L2单词查找集合
+l2_words = set(str(word).strip().lower() for word in dfL2.iloc[:, 0])
+
+# 检查每个单词
+missing_words = []
+for idx, row in df3034.iterrows():
+    word = str(row.iloc[0]).strip().lower()
+    if word not in l2_words:
+        missing_words.append(row.iloc[0])
+
+print("\n" + "="*60)
+if len(missing_words) == 0:
+    print("✅ 所有30-34中的单词都在L2知识库中！")
+else:
+    print(f"❌ 有 {len(missing_words)} 个单词不在L2知识库中：")
+    for word in missing_words:
+        print(f"   - {word}")
+
+print("\n详细检查结果（前20个）：")
+for idx, row in df3034.head(20).iterrows():
+    word = str(row.iloc[0]).strip().lower()
+    status = "✅" if word in l2_words else "❌"
+    print(f"{idx+1:3d}. {row.iloc[0]:20s} {status}")
+
+print("\n统计信息：")
+total = len(df3034)
+found = total - len(missing_words)
+print(f"总单词数: {total}")
+print(f"已在知识库: {found}")
+print(f"缺失单词: {len(missing_words)}")
+print(f"覆盖度: {found/total*100:.1f}%")
diff --git a/check_all_words_v2.py b/check_all_words_v2.py
new file mode 100644
index 0000000..6561ee1
--- /dev/null
+++ b/check_all_words_v2.py
@@ -0,0 +1,45 @@
+
+import pandas as pd
+
+# 文件路径
+file3034 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/30-34.xlsx'
+fileL2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+# 读取文件
+df3034 = pd.read_excel(file3034)
+dfL2 = pd.read_excel(fileL2)
+
+print(f"30-34单词表: {len(df3034)} 个单词")
+print(f"L2知识库: {len(dfL2)} 个单词")
+
+# 创建L2单词查找集合
+l2_words = set(str(word).strip().lower() for word in dfL2.iloc[:, 0])
+
+# 检查每个单词（在列2"单词"中）
+missing_words = []
+for idx, row in df3034.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word not in l2_words:
+        missing_words.append(row['单词'])
+
+print("\n" + "="*60)
+if len(missing_words) == 0:
+    print("✅ 所有30-34中的单词都在L2知识库中！")
+else:
+    print(f"❌ 有 {len(missing_words)} 个单词不在L2知识库中：")
+    for word in missing_words:
+        print(f"   - {word}")
+
+print("\n详细检查结果（前30个）：")
+for idx, row in df3034.head(30).iterrows():
+    word = str(row['单词']).strip().lower()
+    status = "✅" if word in l2_words else "❌"
+    print(f"{idx+1:3d}. {str(row['单词']):30s} {status}")
+
+print("\n统计信息：")
+total = len(df3034)
+found = total - len(missing_words)
+print(f"总单词数: {total}")
+print(f"已在知识库: {found}")
+print(f"缺失单词: {len(missing_words)}")
+print(f"覆盖度: {found/total*100:.1f}%")
diff --git a/check_available.py b/check_available.py
new file mode 100644
index 0000000..76bd596
--- /dev/null
+++ b/check_available.py
@@ -0,0 +1,30 @@
+
+import pandas as pd
+
+file_l2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+df_l2 = pd.read_excel(file_l2)
+df_kb = pd.read_excel(file_kb)
+
+print("=== L2新版独有单词 ===")
+print(f"行数: {len(df_l2)}, 列数: {len(df_l2.columns)}")
+print(f"列名: {list(df_l2.columns)}")
+print(df_l2.head(3).to_string())
+print()
+
+print("=== L2知识库-三级+A2 ===")
+print(f"行数: {len(df_kb)}, 列数: {len(df_kb.columns)}")
+print(f"列名: {list(df_kb.columns)}")
+print(df_kb.head(3).to_string())
+print()
+
+# 查看"可用"列的内容
+if '可用' in df_l2.columns:
+    print("=== 可用列的值分布 ===")
+    print(df_l2['可用'].value_counts())
+    print()
+    # 找出可用=1的行
+    available = df_l2[df_l2['可用'] == 1]
+    print(f"可用=1的行数: {len(available)}")
+    print(available.to_string())
diff --git a/check_final.py b/check_final.py
new file mode 100644
index 0000000..8f562ee
--- /dev/null
+++ b/check_final.py
@@ -0,0 +1,43 @@
+
+import pandas as pd
+
+# 文件路径
+file3034 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/30-34.xlsx'
+fileL2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+# 读取文件
+df3034 = pd.read_excel(file3034)
+dfL2 = pd.read_excel(fileL2)
+
+print(f"30-34单词表: {len(df3034)} 个单词")
+print(f"L2知识库: {len(dfL2)} 个单词")
+
+# 创建L2单词查找集合
+l2_words = set(str(word).strip().lower() for word in dfL2.iloc[:, 0])
+
+# 检查每个单词
+missing_words = []
+for idx, row in df3034.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word not in l2_words:
+        missing_words.append(row)
+
+print("\n" + "="*60)
+if len(missing_words) == 0:
+    print("✅ 所有30-34中的单词都在L2知识库中！")
+else:
+    print(f"❌ 还有 {len(missing_words)} 个单词不在L2知识库中：")
+    print("-"*60)
+    print(f"{'单词':<30} {'词性':<10} {'中文释义'}")
+    print("-"*60)
+    for row in missing_words:
+        print(f"{str(row['单词']):<30} {str(row['词性']):<10} {str(row['释义'])}")
+
+print("\n" + "="*60)
+print("统计信息：")
+total = len(df3034)
+found = total - len(missing_words)
+print(f"总单词数: {total}")
+print(f"已在知识库: {found}")
+print(f"缺失单词: {len(missing_words)}")
+print(f"覆盖度: {found/total*100:.1f}%")
diff --git a/check_kb_structure.py b/check_kb_structure.py
new file mode 100644
index 0000000..7e90d50
--- /dev/null
+++ b/check_kb_structure.py
@@ -0,0 +1,14 @@
+
+import pandas as pd
+
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_kb)
+
+print(f"行数: {len(df)}, 列数: {len(df.columns)}")
+print(f"列名: {list(df.columns)}")
+print()
+print("前5行:")
+print(df.head(5).to_string())
+print()
+print("后5行:")
+print(df.tail(5).to_string())
diff --git a/check_result.py b/check_result.py
new file mode 100644
index 0000000..6369194
--- /dev/null
+++ b/check_result.py
@@ -0,0 +1,21 @@
+
+import pandas as pd
+
+outputFile = r'/root/.openclaw/workspace-xiaoyan/output/30-34标注完成.xlsx'
+
+# 读取结果文件
+df = pd.read_excel(outputFile)
+
+print("=== 结果文件样例 ===")
+print(f"列名: {df.columns.tolist()}")
+print(f"\n前20行数据:")
+print(df.head(20))
+
+# 统计一下
+yes_count = (df['是否三级'].str.contains('【是】')).sum()
+no_count = len(df) - yes_count
+
+print(f"\n\n=== 统计结果 ===")
+print(f"总单词数: {len(df)}")
+print(f"是三级词汇: {yes_count}")
+print(f"不是三级词汇: {no_count}")
diff --git a/check_structures.py b/check_structures.py
new file mode 100644
index 0000000..fb8e1ff
--- /dev/null
+++ b/check_structures.py
@@ -0,0 +1,19 @@
+
+import pandas as pd
+
+file_l2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+file_l1 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L1完整.xlsx'
+
+df_l2 = pd.read_excel(file_l2)
+df_l1 = pd.read_excel(file_l1)
+
+print("=== L2新版独有单词 ===")
+print(f"行数: {len(df_l2)}, 列数: {len(df_l2.columns)}")
+print(f"列名: {list(df_l2.columns)}")
+print(df_l2.head(5).to_string())
+print()
+
+print("=== L1完整 ===")
+print(f"行数: {len(df_l1)}, 列数: {len(df_l1.columns)}")
+print(f"列名: {list(df_l1.columns)}")
+print(df_l1.head(5).to_string())
diff --git a/classify_l2.py b/classify_l2.py
new file mode 100644
index 0000000..7203d7b
--- /dev/null
+++ b/classify_l2.py
@@ -0,0 +1,48 @@
+import pandas as pd
+import re
+
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_kb)
+
+# 分类关键词映射 (中文释义关键词 -> 分类)
+# 优先级从高到低排列
+CATEGORY_RULES = [
+    # === 功能词（语法语用相关） ===
+    ('功能词-代词与指代', ['代词', '谁', '什么', '哪', '这', '那', '它', '他', '她', '我', '你', '我们', '你们', '他们', '她们', '它们', '自己', '某人', '任何人', '没人', '每个人', '所有人', '一切', '无任何', '没有东西', '没有', '互相', '彼此', '某物', '某事', '某处', '任何地方', '到处']),
+    ('功能词-连词', ['conj', '连词', '如果', '虽然', '尽管', '因为', '所以', '但是', '然而', '无论', '是否', '当……时', '引导从句', '也不', '或者', '和', '与', '等等', '比', '比较', '自从', '直到', '除非']),
+    ('功能词-介词', ['prep', '介词', '在……', '关于', '沿着', '顺着', '通过', '靠', '被', '由', '用', '使用', '没有', '不用', '属于', '除……之外', '朝着', '向', '朝', '为了', '获取', '交换', '换取', '出售', '售卖', '表示位置', '表示意义', '制成', '在…期间', '每', '每一', '经过', '覆盖', '对面', '紧邻', '旁边', '之内', '上面', '下面', '低于', '未满', '不迟于', '之前', '之后', '之中', '之间', '连接', '离开', '进入', '里面', '变成', '转入', '也', '此外', '至少', '顺便', '附带', '由于', '当然不']),
+    ('功能词-助动词与情态', ['助动词', '情态', '能', '会', '可以', '必须', '一定', '应该', '应当', '也许', '可能', '将', '想要', '愿意', '提议', '建议', '用于征求意见', '用于构成', '反问', '介意', '在乎', '不必', '无需', '不得不', '打算']),
+    ('功能词-冠词与限定词', ['det', '限定词', '冠词', '一个', '某个', '全部', '所有', '足够', '充足', '更多', '再', '最', '极', '最多', '大多数', '几乎所有', '几个', '若干', '一些', '一半', '半个', '如此', '这样', '例如', '诸如', '上一个', '前一个', '最后', '最终', '最近', '最新', '另一', '二者之一', '两者都不', '各种各样', '各类', '不再', '再也不']),
+    ('功能词-副词性小品词', ['adv', '副词', '大约', '以上', '超过', '横穿', '实际上', '以前', '再次', '向前', '几乎', '独自', '大声', '已经', '一直', '总是', '永远', '不再', '再也不', '尽管', '不管怎样', '无论如何', '反正', '远离', '非常', '极其', '最好', '更好', '仔细', '当然', '轻松', '尤其', '特别', '甚至', '连……都', '曾经', '任何时候', '精确', '恰好', '快速地', '迅速地', '终于', '首先', '将来', '今后', '向前', '前进', '更多', '艰难', '几乎不', '立即', '代替', '刚刚', '马上', '立刻', '稍后', '至少', '现场直播', '长时间', '长久', '通常', '相当', '颇', '不少', '确实', '实在', '真的', '仍然', '笔直', '突然', '一起', '不太', '两次', '两倍', '双的', '不幸', '自愿', '通常', '每周', '非常', '何时', '何处', '为何', '怎么', '怎样', '如何', '询问健康状况', '你好', '您好', '给', '给你', '这里', '在这儿', '方式', '那里', '现在', '如今', '刚才', '尽快', '不久', '很快', '那么', '因此', '所以', '等等', '这样', '如此', '也', '此外', '不客气', '人们', '至今', '尚未', '没关系', '好吧', '少量', '小块', '一点', '少许', '部分', '在……里', '外出', '关闭', '停用', '休假', '不工作', '脱掉', '移除', '向上', '高处', '转过来', '楼上', '楼下', '向东', '向西', '向南', '向北', '早期', '初期', '提前', '以前', '之前']),
+
+    # === 实体名词 ===
+    ('动物', ['动物', '狗', '猫', '鸟', '鱼', '马', '牛', '羊', '猪', '鸡', '鸭', '鹅', '兔', '鼠', '蛇', '龙', '猴', '象', '虎', '狮', '熊', '狼', '狐狸', '鹿', '蛙', '龟', '鳄', '鲸', '鲨', '鹰', '蝴蝶', '蜘蛛', '昆虫', '恐龙', '宠物', '幼兽', '翅膀', '动物园', '野生', '打猎', '狩猎']),
+    ('食物与饮品', ['食物', '饮品', '饮料', '水果', '蔬菜', '肉', '鱼', '面包', '蛋糕', '饼干', '糖果', '巧克力', '冰淇淋', '奶酪', '黄油', '奶油', '酸奶', '牛奶', '果汁', '水', '茶', '咖啡', '可乐', '酒', '啤酒', '香槟', '汉堡', '三明治', '披萨', '比萨', '面条', '米饭', '汤', '沙拉', '鸡蛋', '火腿', '香肠', '牛排', '猪肉', '羊肉', '鸡肉', '牛肉', '豆腐', '玉米', '土豆', '番茄', '黄瓜', '蘑菇', '辣椒', '大蒜', '洋葱', '胡萝卜', '卷心菜', '草莓', '甜瓜', '芒果', '香蕉', '苹果', '橙子', '柠檬', '葡萄', '西瓜', '桃子', '梨', '樱桃', '菠萝', '椰子', '坚果', '花生', '豆', '豌豆', '麦片', '粥', '米饭', '面粉', '糖', '盐', '胡椒', '油', '醋', '酱', '果酱', '蜂蜜', '咖喱', '菜单', '食谱', '烹饪', '厨艺', '厨具', '烤箱', '锅', '碗', '盘子', '餐叉', '勺子', '筷子', '杯子', '马克杯', '菜单', '主菜', '菜品', '零食', '快餐', '野餐', '烧烤', '烘焙', '煮', '炸', '烤', '煎', '炒', '蒸', '美味', '可口', '好吃', '新鲜的', '饮食', '餐', '饭', '早餐', '午餐', '晚餐', '正餐', '甜点', '甜食', '曲奇', '薯片', '罐头', '矿泉水', '软饮料', '柠檬水', '外卖', '食堂']),
+    ('衣物与配饰', ['衣物', '衣服', '服装', '穿着', '穿', '戴', '帽子', '衬衫', '裤子', '裙子', '鞋', '袜子', '外套', '夹克', '毛衣', '套装', '领带', '腰带', '手套', '围巾', '泳衣', '制服', '靴子', '运动鞋', '拖鞋', '凉鞋', '配饰', '首饰', '珠宝', '项链', '耳环', '手镯', '手链', '戒指', '手表', '眼镜', '太阳镜', '钱包', '背包', '行李箱', '雨衣', '口袋', '纽扣', '拉链', '皮革', '丝绸', '羊毛', '棉花', '毛皮', '皮草', '化妆品', '香水', '洗发水', '肥皂', '梳子', '毛巾', '纸巾', '牙刷', '牙膏']),
+    ('身体部位', ['身体', '部位', '头', '脸', '眼睛', '鼻子', '嘴巴', '耳朵', '牙齿', '舌头', '脖子', '喉咙', '肩膀', '手臂', '手', '手指', '指甲', '胸部', '背部', '腹部', '腿', '膝盖', '脚', '脚趾', '皮肤', '骨头', '肌肉', '血液', '心脏', '大脑', '头发', '胡子', '金发', '红发', '尸体']),
+    ('家居与房屋', ['家居', '房屋', '房子', '家', '房间', '客厅', '卧室', '厨房', '浴室', '厕所', '卫生间', '阳台', '花园', '车库', '院子', '门', '窗户', '地板', '天花板', '墙壁', '楼梯', '电梯', '家具', '桌子', '椅子', '床', '沙发', '书架', '书柜', '柜子', '橱柜', '抽屉', '灯', '镜子', '地毯', '窗帘', '枕头', '被子', '毯子', '床单', '毛巾', '钟', '闹钟', '日历', '钥匙', '锁', '垃圾桶', '水槽', '水龙头', '浴缸', '洗衣机', '洗碗', '家务', '扫', '清洁', '打扫', '整理', '收拾']),
+    ('地点与建筑', ['地点', '建筑', '建筑物', '地方', '场所', '城市', '城镇', '乡村', '村庄', '街道', '路', '道路', '桥', '桥梁', '公园', '广场', '市场', '商店', '超市', '商场', '购物中心', '百货', '饭馆', '餐厅', '旅馆', '酒店', '银行', '邮局', '医院', '药店', '警察局', '消防站', '加油站', '车站', '机场', '港口', '码头', '教堂', '寺庙', '清真寺', '博物馆', '图书馆', '剧院', '电影院', '体育场', '游泳池', '健身房', '俱乐部', '酒吧', '咖啡馆', '食堂', '学校', '大学', '学院', '工厂', '公司', '办公室', '实验室', '城堡', '宫殿', '塔', '地址', '入口', '出口', '走廊', '站台', '社区', '街区', '角落', '区域', '首都', '国家', '故乡', '家乡', '外国', '国外', '岛屿', '沙漠', '海岸', '海滩', '海边', '海港', '港口', '港湾']),
+    ('学习用品', ['学习用品', '文具', '笔', '铅笔', '钢笔', '圆珠笔', '粉笔', '橡皮', '尺子', '书包', '笔记本', '教科书', '课本', '字典', '词典', '书', '纸', '试卷', '文件', '文件夹', '信封', '邮票', '胶水', '剪刀', '黑板', '白板', '黑板擦', '计算器', '地图', '地球仪', '课程表', ' timetable']),
+    ('自然世界', ['自然', '世界', '环境', '大自然', '宇宙', '地球', '太阳', '月亮', '星星', '行星', '天空', '空气', '云', '风', '雨', '雪', '冰', '雾', '闪电', '雷', '暴风雨', '雷暴', '洪水', '地震', '火', '火灾', '森林', '树', '花', '草', '叶子', '竹子', '木头', '木材', '石头', '岩石', '土壤', '土地', '陆地', '山', '河', '湖', '海', '海洋', '水', '沙滩', '贝壳', '风景', '景色', '景观', '污染', '回收', '垃圾', '废物', '气候', '温度', '度', '度数', '热', '冷', '暖', '凉', '季节', '春', '夏', '秋', '冬', '天气', '晴', '阴', '多云', '有雾', '下雨', '下雪', '刮风', '阵雨']),
+    ('交通与出行', ['交通', '出行', '旅行', '旅游', '车', '汽车', '公交车', '公共汽车', '出租车', '火车', '地铁', '飞机', '轮船', '船', '自行车', '摩托车', '有轨电车', '卡车', '货车', '长途客车', '小型摩托车', '滑板车', '交通信号灯', '红绿灯', '十字路口', '高速公路', '铁路', '道路', '路线', '旅程', '旅行', '出行', '观光', '导游', '旅游指南', '护照', '签证', '行李', '地图', '指南', '机票', '车票', '站台', '航班', '飞行', '驾驶执照', '驾照', '停车', '乘车', '乘坐', '骑', '划船', '帆船', '冲浪', '潜水', '远足', '徒步', '露营', '野营', '帐篷', '睡袋', '游客', '乘客', '飞行员', '司机', '头盔', '安全带', '轮胎', '引擎', '汽油', '燃气', '加油站', '车库', '延误', '到达', '离开', '出发', '返回', '穿过', '越过', '横穿', '转弯', '速度', '公里', '英里', '米', '厘米']),
+    ('科技', ['科技', '技术', '计算机', '电脑', '手机', '电话', '互联网', '网络', '网站', '网页', '软件', '程序', '应用', '应用程序', '数码', '数字的', '电子', '电子的', '电动的', '电', '电池', '充电', '屏幕', '键盘', '鼠标', '打印机', '打印', '复印', '扫描', '摄像头', '相机', '数码相机', '照片', '摄影', '摄影师', '拍照', '自拍', '视频', '音频', '音乐播放器', 'MP3', '耳机', '扬声器', '麦克风', '电视', '频道', '节目', '广播', '收音机', '机器人', '人工智能', 'AI', '火箭', '卫星', '太空', '信息技术', 'IT', '个人电脑', 'PC', '笔记本电脑', '平板', '社交媒体', '短信', '发短信', '邮件', '电子邮件', '上网', '浏览', '下载', '上传', '点击', '链接', '密码', '文件', '文档', '文件夹', '保存', '复制', '粘贴', '删除', '病毒', '软件', '硬件', '数据', '数据库', '编码', '编程', 'WiFi', '无线网络']),
+    ('颜色与形状', ['颜色', '色彩', '红色', '蓝色', '绿色', '黄色', '黑色', '白色', '紫色', '橙色', '粉色', '灰色', '棕色', '褐色', '金色', '银色', '米色', '浅色', '鲜艳', '形状', '圆形', '方形', '三角形', '线条', '方框', '符号']),
+
+    # === 人物与社会 ===
+    ('人物与社会', ['人物', '人', '男人', '女人', '男孩', '女孩', '儿童', '孩子', '婴儿', '成人', '老人', '年轻人', '青少年', '少年', '青年', '先生', '女士', '夫人', '小姐', '绅士', '朋友', '男朋友', '女朋友', '家庭', '家人', '父母', '父亲', '母亲', '爸爸', '妈妈', '兄弟', '姐妹', '儿子', '女儿', '丈夫', '妻子', '爷爷', '奶奶', '外公', '外婆', '孙子', '孙女', '叔叔', '阿姨', '亲戚', '邻居', '客人', '主人', '女主人', '东道主', '公民', '人们', '人群', '人类', '民族', '社会', '文化', '传统', '历史', '国王', '女王', '王子', '公主', '皇帝', '女皇', '英雄', '名人', '明星', '粉丝', '成员', '伙伴', '同事', '笔友', '婚礼', '结婚', '已婚', '出生', '生日', '节日', '圣诞节', '新年', '庆祝', '祝贺', '礼物', '卡片', '明信片', '邀请', '派对', '聚会', '烟花', '灯笼', '气球', '蜡烛', '慈善', '捐赠', '志愿者', '社区', '政府', '法律', '规则', '军队', '士兵', '战士', '战争', '和平', '安全', '危险', '风险', '紧急情况', '事故', '灾难', '火灾', '警察', '消防员', '救护车', '犯罪', '偷窃', '欺骗', '欺负', '欺凌', '惩罚', '攻击', '战斗', '杀死', '枪', '武器']),
+    ('职业', ['职业', '工作', '教师', '老师', '学生', '医生', '护士', '牙医', '兽医', '药剂师', '科学家', '工程师', '机械师', '程序员', '设计师', '建筑师', '律师', '法官', '警察', '消防员', '士兵', '军人', '飞行员', '宇航员', '司机', '厨师', '服务员', '男服务员', '女服务员', '店员', '售货员', '销售员', '经理', '秘书', '接待员', '会计', '商人', '男商人', '女商人', '导演', '演员', '男演员', '女演员', '歌手', '舞者', '音乐家', '艺术家', '画家', '作家', '诗人', '记者', '新闻工作者', '摄影师', '运动员', '足球运动员', '跑步者', '探险家', '导游', '邮递员', '清洁工', '家庭主妇', '农夫', '农民', '渔夫', '工人', '员工', '老板', '雇主', '雇员', '同事', '专家', '先锋', '初学者', '小学生', '校长', '博士', '医生', '学位证书', '毕业', '培训', '面试', '采访', '简历', '申请', '雇佣', '解雇', '工资', '薪水', '挣钱', '赚钱', '退休', '职业', '工作']),
+    ('人物特征', ['特征', '外貌', '长相', '性格', '品质', '年龄', '岁', '年轻', '年老', '高', '矮', '胖', '瘦', '苗条', '漂亮', '美丽', '英俊', '好看', '丑陋', '可怕', '吓人', '白皙', '金发', '卷发', '直发', '聪明', '智慧', '愚蠢', '笨', '勇敢', '胆小', '害羞', '诚实', '善良', '友好', '礼貌', '粗鲁', '懒惰', '勤奋', '努力', '认真', '严肃', '幽默', '有趣', '无聊', '乏味', '疯狂', '奇怪', '正常', '普通', '特别', '特殊', '不同', '相似', '相同', '一样', '活泼', '精力充沛', '有创造力', '有吸引力', '自信', '自豪', '骄傲', '耐心', '严格', '负责', '细心', '粗心', '小心', '谨慎', '好奇', '勇敢', '强壮', '虚弱', '差', '瞎', '聋', '残疾']),
+
+    # === 抽象概念 ===
+    ('时间', ['时间', '日期', '星期', '月份', '年', '月', '日', '天', '小时', '分钟', '秒', '时刻', '片刻', '现在', '如今', '过去', '未来', '将来', '以前', '之前', '以后', '之后', '后来', '早上', '上午', '下午', '中午', '正午', '晚上', '夜晚', '夜间', '午夜', '今天', '明天', '昨天', '今晚', '周末', '工作日', '假期', '假日', '学期', '时代', '世纪', '日历', '时间表', '时刻表', '课程表', '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日', '周日', '周末', '春天', '夏天', '秋天', '冬天', '春季', '夏季', '秋季', '冬季', '开始', '开端', '结束', '末端', '最后', '最终', '持续', '进行', '永远', '永久', '曾经', '已经', '尚未', '至今', '仍然', '还', '刚刚', '马上', '立刻', '立即', '尽快', '不久', '很快', '稍后', '后来', '突然', '同时', '期间', '在…期间', '当……时', '自从', '直到', '从……以来', '经常', '有时', '总是', '一直', '从不', '很少', '再次', '又一次', '第一次', '最后一次', '下一次', '上一个', '前一个', '下一个', '最近', '最新', '早期', '初期', '提前', '迟到', '延误', '延迟', '准时', '按时']),
+    ('数字与数量', ['数字', '数量', '数', '零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '百', '千', '百万', '十亿', '第一', '第二', '第三', '一半', '四分之一', '百分之', '双', '两倍', '一次', '两次', '多次', '许多', '很多', '大量', '少量', '一点', '少许', '几个', '一些', '若干', '足够', '充足', '更多', '更少', '较少', '最多', '最少', '至少', '全部', '所有', '整个', '整体', '部分', '一半', '半个', '大多数', '几乎所有', '总数', '总和', '平均', '平均数', '增加', '减少', '加倍', '减', '负', '加', '乘', '除', '计算', '数数', '计数', '测量', '重量', '重', '千克', '克', '吨', '升', '毫升', '尺寸', '尺码', '大小', '规模', '高度', '长度', '宽度', '深度', '速度', '温度', '度数', '价格', '费用', '花费', '价值', '钱', '货币', '元', '美元', '欧元', '英镑', '便士', '美分', '硬币', '现金', '支票', '信用卡', '账单', '收据', '预算', '折扣', '半价', '免费', '租金', '租用', '出售', '售卖', '大减价', '购物', '买', '卖', '支付', '付钱', '存钱', '省钱', '浪费', '财富', '财产', '富有', '贫穷', '可怜']),
+    ('位置与方位', ['位置', '方位', '方向', '左边', '右边', '上面', '下面', '前面', '后面', '中间', '旁边', '附近', '周围', '对面', '里面', '外面', '顶部', '底部', '边缘', '一侧', '一边', '中心', '中央', '角落', '末端', '尽头', '东方', '西方', '南方', '北方', '东部', '西部', '南部', '北部', '向东', '向西', '向南', '向北', '左边', '左侧', '右边', '右侧', '楼上', '楼下', '室内', '户外', '远处', '近处', '这里', '那里', '哪里', '何处', '到处', '处处', '任何地方', '某处', '某地', '在……对面', '在……旁边', '在……之间', '在……后面', '在……前面', '在……上面', '在……下面', '在……里面', '在……外面', '在……附近', '在……周围', '在……中心', '在……尽头', '在……边缘', '在……顶部', '在……底部', '在……左边', '在……右边', '在……北边', '在……南边', '在……东边', '在……西边', '沿着', '顺着', '穿过', '通过', '越过', '横穿', '经过', '到达', '离开', '进入', '出去', '返回', '来', '去', '移动', '搬', '移', '推', '拉', '放', '放置', '拿', '带', '携带', '运送', '运输', '传递', '交递', '上升', '下降', '落下', '掉', '滴', '倒', '倒出', '悬挂', '粘贴', '粘住', '连接', '链接', '分开', '分离', '混合', '搅拌', '摇', '震动', '敲', '击', '拍', '轻拍', '触摸', '接触', '压', '按', '推', '拉', '打开', '开启', '关闭', '关上', '覆盖', '遮住', '隐藏', '展示', '显示', '出现', '消失', '寻找', '找到', '发现', '丢失', '迷路', '失踪']),
+    ('程度与频率', ['程度', '频率', '非常', '很', '极', '极其', '特别', '尤其', '相当', '颇', '不少', '确实', '实在', '真的', '完全', '绝对', '几乎', '差不多', '大约', '大概', '也许', '可能', '或许', '似乎', '好像', '看起来', '听起来', '几乎不', '几乎没', '很少', '从不', '有时', '经常', '总是', '一直', '通常', '一般', '偶尔', '频繁', '再次', '又一次', '还', '也', '此外', '甚至', '连……都', '仅仅', '只有', '至少', '最多', '最少', '更', '更加', '越来越', '稍微', '略微', '有点', '相当', '十分', '极其', '非常', '太', '过于', '足够', '充足', '不够', '不足', '太多', '太少', '正好', '恰好', '精确', '准确', '大概', '大约', '差不多', '几乎', '将近', '超过', '以上', '以下', '低于', '未满', '最多', '最少', '至少', '至多', '大约', '左右', '上下', '前后', '以内', '以外', '之间', '之中', '之内', '之外', '以上', '以下', '以前', '以后', '以来', '以内', '以外', '之上', '之下', '之前', '之后', '之中', '之间', '之内', '之外']),
+
+    # === 动作与行为 ===
+    ('动作与行为', ['动作', '行为', '做', '干', '搞', '弄', '进行', '从事', '执行', '完成', '实现', '达到', '成功', '失败', '尝试', '试图', '努力', '开始', '着手', '出发', '继续', '停止', '结束', '完成', '取消', '放弃', '改变', '变化', '变成', '成为', '发生', '产生', '创造', '制造', '制作', '建造', '建立', '创立', '破坏', '打破', '损坏', '破碎', '骨折', '修理', '修复', '恢复', '改进', '提高', '改善', '发展', '增长', '增加', '减少', '降低', '扩大', '缩小', '加强', '减弱', '加速', '减速', '上升', '下降', '升起', '落下', '移动', '搬', '移', '推', '拉', '拖', '扔', '抛', '投', '接', '抓', '拿', '取', '给', '送', '递', '传', '交', '收', '接受', '拒绝', '允许', '禁止', '阻止', '防止', '保护', '保存', '保留', '保持', '维持', '存放', '储存', '收集', '积累', '聚集', '分散', '分布', '分配', '分享', '共享', '合作', '协作', '帮助', '援助', '辅助', '支持', '鼓励', '激励', '表扬', '赞扬', '批评', '指责', '抱怨', '投诉', '争论', '争吵', '打架', '战斗', '攻击', '防御', '保护', '守卫', '警戒', '警告', '威胁', '危险', '冒险', '挑战', '竞争', '比赛', '竞赛', '赢', '输', '胜利', '失败', '得分', '进球', '目标', '目的', '计划', '安排', '组织', '管理', '控制', '指挥', '领导', '指导', '引导', '教导', '教', '讲授', '学习', '研究', '调查', '探索', '发现', '发明', '创造', '创新', '设计', '开发', '测试', '实验', '试验', '证明', '验证', '确认', '检查', '检验', '审查', '审核', '评估', '评价', '判断', '决定', '选择', '挑选', '比较', '对比', '分析', '解释', '说明', '描述', '定义', '分类', '整理', '组织', '安排', '准备', '计划', '预测', '预计', '期望', '盼望', '希望', '愿望', '梦想', '想象', '猜想', '猜测', '假设', '认为', '以为', '相信', '信任', '怀疑', '疑惑', '犹豫', '考虑', '思考', '想', '想起', '记得', '记忆', '忘记', '遗忘', '忽略', '忽视', '注意', '关注', '集中', '聚焦', '专心', '分心', '打扰', '干扰', '打断', '插入', '干预', '参与', '参加', '加入', '退出', '离开', '留下', '遗留', '遗忘', '丢失', '遗失', '寻找', '搜索', '搜寻', '查找', '找到', '发现', '察觉', '注意到', '看到', '看见', '观看', '观察', '听', '听见', '听到', '闻', '嗅', '尝', '品尝', '触摸', '感觉', '感受', '体验', '经历', '遭受', '忍受', '承受', '容忍', '允许', '许可', '批准', '同意', '赞成', '反对', '拒绝', '否认', '承认', '接受', '收到', '获得', '获取', '得到', '失去', '损失', '浪费', '节约', '节省', '消费', '花费', '支付', '购买', '出售', '售卖', '交易', '交换', '贸易', '商业', '生意', '投资', '赚钱', '挣钱', '存钱', '省钱', '借钱', '借出', '归还', '还', '欠', '捐赠', '贡献', '奉献', '牺牲', '冒险', '赌博', '打赌', '猜', '猜测', '估计', '计算', '数', '测量', '称重', '量', '比较', '对比', '匹配', '适合', '适应', '调整', '修改', '改正', '纠正', '修复', '修理', '维修', '保养', '维护', '更新', '升级', '替换', '代替', '取代', '移除', '删除', '清除', '清理', '打扫', '洗', '洗涤', '刷', '擦', '抹', '扫', '拖', '吸尘', '整理', '收拾', '组织', '安排', '布置', '装饰', '装修', '粉刷', '油漆', '画', '绘画', '涂', '写', '书写', '打字', '打印', '复印', '扫描', '传真', '邮寄', '发送', '接收', '回复', '回答', '回应', '反应', '响应', '处理', '解决', '应对', '面对', '面临', '遭遇', '遇到', '碰到', '接触', '联系', '沟通', '交流', '交际', '谈话', '对话', '讨论', '商量', '协商', '谈判', '争论', '辩论', '争吵', '吵架', '打架', '战斗', '战争', '冲突', '矛盾', '问题', '困难', '麻烦', '挑战', '机会', '机遇', '可能性', '选择', '决定', '决策', '计划', '方案', '策略', '方法', '方式', '手段', '工具', '资源', '材料', '原料', '成分', '要素', '因素', '原因', '结果', '后果', '影响', '效果', '作用', '功能', '用途', '目的', '目标', '意义', '价值', '重要性', '必要性', '可能性', '可行性', '有效性', '效率', '效果', '质量', '数量', '标准', '水平', '等级', '级别', '程度', '范围', '领域', '方面', '角度', '观点', '看法', '意见', '建议', '提议', '推荐', '介绍', '展示', '演示', '表演', '演出', '表现', '表达', '表示', '表明', '显示', '说明', '解释', '阐述', '描述', '叙述', '讲述', '告诉', '告知', '通知', '报告', '汇报', '宣布', '声明', '公布', '发布', '出版', '发表', '发行', '传播', '宣传', '广告', '推广', '营销', '销售', '促销', '打折', '优惠', '折扣', '降价', '涨价', '价格', '价值', '成本', '费用', '支出', '收入', '利润', '亏损', '盈利', '赚钱', '赔钱', '投资', '融资', '贷款', '借款', '还款', '利息', '税率', '税收', '预算', '结算', '结账', '付款', '收款', '发票', '收据', '凭证', '证据', '证明', '文件', '文档', '档案', '记录', '登记', '注册', '申请', '提交', '递交', '呈交', '上交', '下达', '发布', '颁布', '实施', '执行', '落实', '贯彻', '遵守', '遵循', '服从', '听从', '违反', '违背', '破坏', '扰乱', '干扰', '妨碍', '阻碍', '阻止', '禁止', '限制', '约束', '控制', '管理', '监督', '检查', '审查', '审计', '评估', '考核', '测试', '考试', '测验', '面试', '采访', '调查', '研究', '分析', '总结', '归纳', '概括', '抽象', '具体', '详细', '细致', '仔细', '认真', '努力', '勤奋', '刻苦', '坚持', '持续', '继续', '保持', '维持', '停止', '中断', '暂停', '休息', '放松', '休闲', '娱乐', '玩耍', '游戏', '运动', '锻炼', '训练', '练习', '排练', '彩排', '准备', '预备', '预习', '复习', '回顾', '反思', '反省', '总结', '评估', '改进', '提高', '进步', '发展', '成长', '成熟', '变化', '转变', '转型', '改革', '创新', '创造', '发明', '发现', '探索', '开拓', '开发', '开辟', '建立', '建设', '构建', '打造', '塑造', '形成', '产生', '生成', '制造', '生产', '加工', '处理', '操作', '运行', '运转', '工作', '劳动', '服务', '提供', '供应', '满足', '需求', '要求', '需要', '必要', '必须', '应该', '应当', '可以', '能够', '可能', '也许', '或许', '大概', '大约', '差不多', '几乎', '将近', '接近', '靠近', '远离', '离开', '出发', '到达', '抵达', '进入', '出去', '上来', '下去', '过来', '过去', '回来', '回去', '进来', '进去', '出来', '出去', '上来', '上去', '下来', '下去', '过来', '过去', '回来', '回去', '起来', '起床', '睡觉', '入睡', '醒来', '叫醒', '唤醒', '做梦', '梦', '休息', '放松', '度假', '休假', '请假', '上班', '下班', '工作', '加班', '出差', '旅行', '旅游', '出行', '外出', '出门', '回家', '到家', '离开', '出发', '启程', '动身', '上路', '赶路', '赶时间', '匆忙', '赶紧', '赶快', '快点', '慢点', '小心', '当心', '注意', '留神', '警惕', '提防', '防备', '预防', '防止', '避免', '逃避', '躲避', '隐藏', '躲藏', '藏', '找', '寻找', '搜索', '搜寻', '查找', '发现', '找到', '遇见', '遇到', '碰到', '见面', '会见', '会面', '约会', '预约', '预定', '预订', '订购', '购买', '采购', '购物', '逛街', '逛商场', '逛超市', '逛商店', '买东西', '卖东西', '出售', '售卖', '销售', '促销', '打折', '优惠', '便宜', '贵', '昂贵', '价格', '价钱', '费用', '花费', '消费', '支付', '付款', '结账', '买单', '找零', '退款', '退货', '换货', '投诉', '抱怨', '表扬', '称赞', '赞美', '夸奖', '批评', '指责', '责备', '责怪', '惩罚', '处罚', '奖励', '奖赏', '奖品', '奖金', '奖牌', '奖杯', '证书', '文凭', '学位', '学历', '资格', '资质', '能力', '才能', '天赋', '技能', '技巧', '技术', '知识', '学问', '学识', '智慧', '智力', '智商', '情商', '性格', '个性', '品质', '品德', '道德', '伦理', '价值观', '信念', '信仰', '宗教', '文化', '传统', '习俗', '习惯', '风俗', '礼仪', '礼貌', '规矩', '规则', '规定', '制度', '法律', '法规', '条例', '政策', '方针', '路线', '方向', '目标', '目的', '任务', '使命', '责任', '义务', '权利', '权力', '利益', '好处', '坏处', '优点', '缺点', '优势', '劣势', '长处', '短处', '强项', '弱项', '特色', '特点', '特征', '特性', '性质', '属性', '本质', '实质', '内容', '形式', '结构', '框架', '体系', '系统', '机制', '模式', '模型', '范例', '例子', '案例', '样本', '样品', '标本', '典型', '代表', '象征', '标志', '信号', '迹象', '征兆', '预兆', '预示', '预测', '预报', '预告', '预警', '提醒', '提示', '暗示', '示意', '指示', '指令', '命令', '要求', '请求', '申请', '提议', '建议', '推荐', '介绍', '引见', '引荐', '推荐信', '介绍信', '证明信', '邀请函', '请柬', '通知', '通告', '公告', '广告', '海报', '传单', '宣传册', '手册', '指南', '说明书', '使用说明', '操作指南', '用户手册', '帮助文档', '常见问题', 'FAQ', '客服', '售后服务', '技术支持', '维修服务', '保养服务', '咨询服务', '信息服务', '数据服务', '云服务', '网络服务', '互联网服务', '在线服务', '离线服务', '远程服务', '现场服务', '上门服务', '送货上门', '快递', '物流', '运输', '配送', '分发', '分配', '分派', '派遣', '打发', '送', '邮寄', '快递', '包裹', '邮件', '信件', '信封', '邮票', '明信片', '贺卡', '请柬', '邀请函', '感谢信', '道歉信', '投诉信', '建议信', '推荐信', '求职信', '简历', '履历', '自传', '自我介绍', '个人陈述', '申请材料', '证明材料', '证件', '证书', '执照', '许可证', '通行证', '护照', '签证', '身份证', '学生证', '工作证', '会员卡', '信用卡', '借记卡', '银行卡', '存折', '支票', '汇票', '本票', '现金', '零钱', '硬币', '纸币', '钞票', '货币', '外汇', '汇率', '利率', '利息', '本金', '贷款', '借款', '还款', '分期付款', '按揭', '抵押', '担保', '保险', '理赔', '索赔', '赔偿', '补偿', '补贴', '津贴', '补助', '福利', '待遇', '薪酬', '工资', '薪水', '奖金', '提成', '分红', '股权', '期权', '股票', '基金', '债券', '期货', '外汇', '黄金', '白银', '铂金', '钻石', '珠宝', '首饰', '古董', '艺术品', '收藏品', '拍卖', '竞拍', '投标', '招标', '中标', '签约', '合同', '协议', '条约', '协定', '公约', '宣言', '声明', '公告', '通知', '通告', '通报', '报告', '汇报', '请示', '批复', '批示', '指示', '指令', '命令', '决定', '决议', '规定', '规章', '制度', '办法', '细则', '标准', '规范', '准则', '守则', '条例', '法规', '法律', '宪法', '刑法', '民法', '商法', '行政法', '国际法', '海洋法', '航空法', '太空法', '环境法', '劳动法', '合同法', '公司法', '知识产权法', '专利法', '商标法', '著作权法', '版权法', '隐私法', '数据保护法', '网络安全法', '信息法', '传媒法', '广告法', '消费者权益保护法', '反垄断法', '反不正当竞争法', '税法', '海关法', '移民法', '国籍法', '人权法', '人道主义法', '战争法', '和平法', '条约法', '外交法', '领事法', '海洋法', '航空法', '太空法', '极地法', '南极法', '北极法', '环境法', '自然资源法', '能源法', '矿产法', '水法', '森林法', '草原法', '渔业法', '野生动物保护法', '生物多样性法', '气候变化法', '碳排放法', '碳交易法', '可再生能源法', '核能法', '太阳能法', '风能法', '水能法', '地热能法', '生物质能法', '氢能法', '潮汐能法', '波浪能法', '海洋能法', '太空法', '卫星法', '火箭法', '航天法', '航空法', '无人机法', '自动驾驶法', '人工智能法', '机器人法', '基因编辑法', '克隆法', '干细胞法', '生物技术法', '纳米技术法', '量子技术法', '区块链法', '加密货币法', '数字资产法', '电子商务法', '电子签名法', '电子合同法', '电子证据法', '网络安全法', '数据保护法', '个人信息保护法', '隐私法', '名誉权法', '肖像权法', '姓名权法', '荣誉权法', '知识产权法', '专利法', '商标法', '著作权法', '版权法', '商业秘密法', '反不正当竞争法', '反垄断法', '消费者权益保护法', '产品质量法', '食品安全法', '药品管理法', '医疗器械法', '化妆品法', '烟草法', '酒精法', '毒品法', '枪支法', '爆炸物法', '危险品法', '化学品法', '放射性物质法', '核材料法', '生物武器法', '化学武器法', '核武器法', '常规武器法', '轻武器法', '重武器法', '导弹法', '火箭法', '卫星法', '太空武器法', '网络武器法', '信息武器法', '心理武器法', '舆论武器法', '宣传武器法', '文化武器法', '宗教武器法', '意识形态武器法', '价值观武器法', '软实力', '硬实力', '巧实力', '综合国力', '国家实力', '国际地位', '国际影响力', '国际话语权', '国际规则制定权', '国际秩序', '全球治理', '多边主义', '单边主义', '双边主义', '区域主义', '全球化', '逆全球化', '去全球化', '再全球化', '新全球化', '数字全球化', '绿色全球化', '包容性全球化', '可持续全球化', '人类命运共同体', '一带一路', '丝绸之路', '海上丝绸之路', '冰上丝绸之路', '数字丝绸之路', '健康丝绸之路', '绿色丝绸之路', '和平丝绸之路', '繁荣丝绸之路', '开放丝绸之路', '创新丝绸之路', '文明丝绸之路', '廉洁丝绸之路', '安全丝绸之路', '合作丝绸之路', '共赢丝绸之路', '共享丝绸之路', '共建丝绸之路', '共商丝绸之路', '共治丝绸之路', '共享丝绸之路']),
+
+    # === 活动与领域 ===
+    ('学校生活', ['学校', '学习', '教育', '教学', '上课', '下课', '课堂', '教室', '课程', '科目', '学科', '专业', '语文', '数学', '英语', '物理', '化学', '生物', '地理', '历史', '政治', '体育', '音乐', '美术', '计算机', '信息技术', '科学', '考试', '测验', '测试', '分数', '成绩', '及格', '不及格', '通过', '优秀', '良好', '中等', '差', '作业', '功课', '练习', '复习', '预习', '阅读', '写作', '听力', '口语', '语法', '词汇', '拼写', '发音', '翻译', '对话', '讨论', '演讲', '报告', '论文', '文章', '段落', '句子', '单词', '字母', '大写字母', '标点', '标题', '题目', '答案', '问题', '错误', '正确', '改正', '纠正', '批改', '评分', '打分', '评级', '等级', '年级', '班级', '同学', '同桌', '校友', '学长', '学弟', '学妹', '学姐', '老师', '教师', '教授', '讲师', '助教', '导师', '辅导员', '班主任', '校长', '院长', '系主任', '教务', '学籍', '注册', '报到', '入学', '升学', '毕业', '肄业', '辍学', '退学', '休学', '复学', '转学', '留学', '交换', '访学', '进修', '培训', '实习', '见习', '实验', '试验', '研究', '课题', '项目', '论文', '答辩', '学位', '学士', '硕士', '博士', '博士后', '文凭', '证书', '毕业证', '学位证', '成绩单', '推荐信', '奖学金', '助学金', '贷款', '学费', '杂费', '书本费', '住宿费', '生活费', '零花钱', '打工', '兼职', '全职', '实习', '见习', '志愿者', '社团', '学生会', '俱乐部', '协会', '组织', '活动', '比赛', '竞赛', '演出', '表演', '展览', '讲座', '研讨会', '论坛', '峰会', '年会', '季会', '月会', '周会', '日会', '晨会', '晚会', '班会', '队会', '团会', '党委会', '支部会', '小组会', '全体会', '代表会', '委员会', '理事会', '董事会', '监事会', '股东大会', '职工大会', '员工大会', '全员大会', '全体会议', '扩大会议', '常务会议', '专题会议', '工作会议', '座谈会', '研讨会', '论证会', '评审会', '评估会', '验收会', '总结会', '表彰会', '动员会', '誓师会', '发布会', '通气会', '吹风会', '见面会', '招待会', '宴会', '酒会', '茶话会', '联欢会', '晚会', '舞会', '音乐会', '演唱会', '歌会', '诗会', '朗诵会', '读书会', '报告会', '演讲会', '辩论会', '听证会', '质询会', '问责会', '检讨会', '反思会', '生活会', '民主生活', '组织生活', '政治生活', '社会生活', '经济生活', '文化生活', '精神生活', '物质生活', '日常生活', '家庭生活', '学校生活', '职场生活', '社会生活', '公共生活', '私人生活', '内心生活', '外在生活', '线上生活', '线下生活', '虚拟生活', '现实生活', '数字生活', '智能生活', '绿色生活', '低碳生活', '可持续生活', '美好生活', '幸福生活', '品质生活', '精致生活', '极简生活', '慢生活', '快生活', '都市生活', '乡村生活', '田园生活', '山林生活', '海岛生活', '沙漠生活', '极地生活', '太空生活', '海底生活', '地下生活', '空中生活', '水上生活', '陆上生活', '冰上生活', '雪上生活', '草原生活', '森林生活', '湿地生活', '荒漠生活', '高原生活', '盆地生活', '平原生活', '丘陵生活', '山地生活', '峡谷生活', '河流生活', '湖泊生活', '海洋生活', '岛屿生活', '半岛生活', '大陆生活', '洲际生活', '全球生活', '宇宙生活', '星际生活', '银河生活', '太阳系生活', '地球生活', '月球生活', '火星生活', '金星生活', '木星生活', '水星生活', '土星生活', '天王星生活', '海王星生活', '冥王星生活']),
+    ('爱好与休闲', ['爱好', '休闲', '娱乐', '玩耍', '游戏', '玩具', '棋', '牌', '扑克', '麻将', '骰子', '赌博', '赌场', '彩票', '抽奖', '中奖', '奖品', '奖金', '奖赏', '奖励', '音乐', '歌曲', '唱歌', '跳舞', '舞蹈', '舞会', '乐器', '钢琴', '吉他', '小提琴', '鼓', '笛子', '口琴', '手风琴', '电子琴', '键盘乐器', '管弦乐', '交响乐', '古典音乐', '流行音乐', '摇滚', '爵士', '嘻哈', '说唱', '灵魂乐', '蓝调', '乡村音乐', '民谣', '民歌', '歌剧', '音乐会', '演唱会', '专辑', '唱片', '磁带', 'CD', 'DVD', 'MP3', '播放器', '播放', '演奏', '演出', '表演', '舞台', '剧院', '电影院', '电影', '影片', '动画', '卡通', '漫画', '喜剧', '悲剧', '戏剧', '电视剧', '纪录片', '新闻', '广播', '收音机', '电视', '频道', '节目', '综艺', '真人秀', '选秀', '比赛', '竞赛', '才艺', '达人', '明星', '名人', '偶像', '粉丝', '追星', '签名', '合影', '自拍', '拍照', '摄影', '摄像', '录像', '视频', '直播', '录播', '点播', '回放', '重播', '首播', '热播', '联播', '转播', '插播', '停播', '禁播', '限播', '画', '绘画', '画画', '涂鸦', '素描', '油画', '水彩', '水墨', '国画', '书法', '雕刻', '雕塑', '陶艺', '手工', '手工艺', '编织', '刺绣', '缝纫', '裁剪', '设计', '时装', '时尚', '潮流', '趋势', '风格', '品味', '审美', '美学', '艺术', '艺术家', '画家', '雕塑家', '书法家', '设计师', '建筑师', '摄影师', '导演', '编剧', '作家', '诗人', '作曲家', '作词家', '编曲家', '指挥家', '演奏家', '歌唱家', '舞蹈家', '表演艺术家', '收藏', '集邮', '集币', '集卡', '集票', '集报', '集刊', '集书', '集画', '集瓷', '集玉', '集石', '集木', '集根', '集叶', '集花', '集草', '集虫', '集蝶', '集贝', '集螺', '集鱼', '集鸟', '集兽', '集骨', '集化石', '集矿物', '集宝石', '集陨石', '集古董', '集钱币', '集邮票', '集明信片', '集信封', '集信纸', '集便签', '集贴纸', '集标签', '集门票', '集车票', '集船票', '集机票', '集电影票', '集戏票', '集演唱会票', '集体育比赛票', '集展览票', '集博物馆票', '集公园票', '集景区票', '集景点票', '集游乐场票', '集主题公园票', '集水上乐园票', '集海洋馆票', '集动物园票', '集植物园票', '集水族馆票', '集天文馆票', '集科技馆票', '集自然博物馆票', '集历史博物馆票', '集艺术博物馆票', '集军事博物馆票', '集航空博物馆票', '集航天博物馆票', '集铁路博物馆票', '集汽车博物馆票', '集船舶博物馆票', '集邮票博物馆票', '集钱币博物馆票', '集钟表博物馆票', '集相机博物馆票', '集电话博物馆票', '集计算机博物馆票', '集机器人博物馆票', '集玩具博物馆票', '集游戏博物馆票', '集电影博物馆票', '集音乐博物馆票', '集体育博物馆票', '集奥林匹克博物馆票', '集世界杯博物馆票', '集NBA博物馆票', '集英超博物馆票', '集西甲博物馆票', '集意甲博物馆票', '集德甲博物馆票', '集法甲博物馆票', '集中超博物馆票', '集亚冠博物馆票', '集欧冠博物馆票', '集欧联博物馆票', '集美洲杯博物馆票', '集非洲杯博物馆票', '集亚洲杯博物馆票', '集欧洲杯博物馆票', '集世界杯博物馆票', '集奥运会博物馆票', '集亚运会博物馆票', '集全运会博物馆票', '集大运会博物馆票', '集青奥会博物馆票', '集残奥会博物馆票', '集特奥会博物馆票', '集冬奥会博物馆票', '集夏奥会博物馆票', '集春奥会博物馆票', '集秋奥会博物馆票']),
+    ('运动', ['运动', '体育', '比赛', '竞赛', '球', '足球', '篮球', '排球', '网球', '乒乓球', '羽毛球', '棒球', '垒球', '橄榄球', '高尔夫', '板球', '曲棍球', '冰球', '水球', '手球', '壁球', '台球', '保龄球', '门球', '毽球', '藤球', '沙滩排球', '沙滩足球', '沙滩手球', '沙滩网球', '沙滩羽毛球', '沙滩乒乓球', '沙滩棒球', '沙滩垒球', '沙滩橄榄球', '沙滩高尔夫', '沙滩板球', '沙滩曲棍球', '沙滩冰球', '沙滩水球', '沙滩手球', '沙滩壁球', '沙滩台球', '沙滩保龄球', '沙滩门球', '沙滩毽球', '沙滩藤球', '游泳', '跑步', '跳', '跳跃', '跳高', '跳远', '三级跳', '撑杆跳', '投掷', '铅球', '铁饼', '标枪', '链球', '举重', '体操', '单杠', '双杠', '吊环', '鞍马', '跳马', '平衡木', '高低杠', '自由体操', '艺术体操', '韵律体操', '健美操', '啦啦操', '街舞', '霹雳舞', '滑冰', '滑雪', '单板滑雪', '双板滑雪', '越野滑雪', '跳台滑雪', '高山滑雪', '自由式滑雪', '花样滑冰', '速度滑冰', '短道速滑', '冰壶', '雪车', '雪橇', '钢架雪车', '冬季两项', '北欧两项', '射击', '射箭', '击剑', '拳击', '跆拳道', '柔道', '空手道', '武术', '功夫', '太极', '气功', '瑜伽', '普拉提', '健身', '健美', '举重', '力量训练', '有氧运动', '无氧运动', '间歇训练', '循环训练', '功能性训练', '核心训练', '平衡训练', '柔韧训练', '拉伸', '热身', '冷却', '放松', '恢复', '按摩', '理疗', '康复', '运动医学', '运动营养', '运动心理', '运动生理', '运动生物力学', '运动训练学', '运动竞赛学', '运动管理学', '运动营销学', '运动法学', '运动伦理学', '运动哲学', '运动美学', '运动社会学', '运动人类学', '运动历史学', '运动地理学', '运动经济学', '运动政治学', '运动外交学', '运动传播学', '运动教育学', '运动心理学', '运动医学', '运动康复学', '运动营养学', '运动生物化学', '运动生物物理学', '运动生物信息学', '运动基因组学', '运动蛋白质组学', '运动代谢组学', '运动微生物组学', '运动免疫学', '运动内分泌学', '运动神经科学', '运动心血管学', '运动呼吸学', '运动消化', '运动泌尿', '运动生殖', '运动骨骼肌肉', '运动皮肤', '运动感官', '运动神经', '运动内分泌', '运动免疫', '运动循环', '运动呼吸', '运动消化', '运动泌尿', '运动生殖', '运动骨骼', '运动关节', '运动韧带', '运动肌腱', '运动筋膜', '运动肌肉', '运动神经肌肉接头', '运动终板', '运动单位', '运动神经元', '运动皮层', '运动前区', '运动辅助区', '基底节', '小脑', '脑干', '脊髓', '周围神经', '自主神经', '交感神经', '副交感神经', '肠神经', '心神经', '肺神经', '肝神经', '肾神经', '脾神经', '胰神经', '胃神经', '肠神经', '膀胱神经', '子宫神经', '卵巢神经', '睾丸神经', '前列腺神经', '甲状腺神经', '甲状旁腺神经', '肾上腺神经', '垂体神经', '下丘脑神经', '松果体神经', '胸腺神经', '扁桃体神经', '淋巴结神经', '骨髓神经', '血管神经', '淋巴管神经', '气管神经', '支气管神经', '肺泡神经', '胸膜神经', '腹膜神经', '心包神经', '脑膜神经', '脊髓膜神经', '神经鞘', '神经束膜', '神经内膜', '神经外膜', '神经节', '神经丛', '神经网络', '神经回路', '神经通路', '神经递质', '神经调质', '神经激素', '神经肽', '神经生长因子', '神经营养因子', '神经导向因子', '神经黏附分子', '神经细胞黏附分子', '神经胶质细胞黏附分子', '神经突触黏附分子', '神经肌肉接头黏附分子', '神经免疫黏附分子', '神经内分泌黏附分子', '神经血管黏附分子', '神经淋巴黏附分子', '神经上皮黏附分子', '神经间质黏附分子', '神经基质黏附分子', '神经基底膜黏附分子', '神经细胞外基质黏附分子', '神经细胞骨架黏附分子', '神经细胞核黏附分子', '神经细胞质黏附分子', '神经细胞膜黏附分子', '神经细胞器黏附分子', '神经细胞核膜黏附分子', '神经细胞核质黏附分子', '神经细胞核仁黏附分子', '神经细胞染色体黏附分子', '神经细胞染色质黏附分子', '神经细胞DNA黏附分子', '神经细胞RNA黏附分子', '神经细胞蛋白质黏附分子', '神经细胞脂质黏附分子', '神经细胞糖类黏附分子', '神经细胞核酸黏附分子', '神经细胞氨基酸黏附分子', '神经细胞核苷酸黏附分子', '神经细胞辅酶黏附分子', '神经细胞维生素黏附分子', '神经细胞矿物质黏附分子', '神经细胞微量元素黏附分子', '神经细胞宏量元素黏附分子', '神经细胞水黏附分子', '神经细胞氧气黏附分子', '神经细胞二氧化碳黏附分子', '神经细胞一氧化氮黏附分子', '神经细胞一氧化碳黏附分子', '神经细胞硫化氢黏附分子', '神经细胞氨黏附分子', '神经细胞尿素黏附分子', '神经细胞尿酸黏附分子', '神经细胞肌酸黏附分子', '神经细胞肌酐黏附分子', '神经细胞胆红素黏附分子', '神经细胞胆汁酸黏附分子', '神经细胞胆固醇黏附分子', '神经细胞甘油三酯黏附分子', '神经细胞磷脂黏附分子', '神经细胞糖脂黏附分子', '神经细胞脂蛋白黏附分子', '神经细胞载脂蛋白黏附分子', '神经细胞白蛋白黏附分子', '神经细胞球蛋白黏附分子', '神经细胞纤维蛋白原黏附分子', '神经细胞凝血因子黏附分子', '神经细胞抗凝血因子黏附分子', '神经细胞纤溶因子黏附分子', '神经细胞抗纤溶因子黏附分子', '神经细胞补体黏附分子', '神经细胞抗体黏附分子', '神经细胞抗原黏附分子', '神经细胞细胞因子黏附分子', '神经细胞趋化因子黏附分子', '神经细胞生长因子黏附分子', '神经细胞分化因子黏附分子', '神经细胞凋亡因子黏附分子', '神经细胞存活因子黏附分子', '神经细胞迁移因子黏附分子', '神经细胞黏附因子黏附分子', '神经细胞基质金属蛋白酶黏附分子', '神经细胞组织抑制剂黏附分子', '神经细胞丝氨酸蛋白酶黏附分子', '神经细胞半胱氨酸蛋白酶黏附分子', '神经细胞天冬氨酸蛋白酶黏附分子', '神经细胞金属蛋白酶黏附分子', '神经细胞蛋白酶体黏附分子', '神经细胞溶酶体黏附分子', '神经细胞过氧化物酶体黏附分子', '神经细胞内质网黏附分子', '神经细胞高尔基体黏附分子', '神经细胞线粒体黏附分子', '神经细胞叶绿体黏附分子', '神经细胞核糖体黏附分子', '神经细胞中心体黏附分子', '神经细胞中心粒黏附分子', '神经细胞微管黏附分子', '神经细胞微丝黏附分子', '神经细胞中间丝黏附分子', '神经细胞核纤层黏附分子', '神经细胞核孔复合体黏附分子', '神经细胞核膜黏附分子', '神经细胞核质黏附分子', '神经细胞核仁黏附分子', '神经细胞染色体黏附分子', '神经细胞染色质黏附分子', '神经细胞端粒黏附分子', '神经细胞着丝粒黏附分子', '神经细胞动粒黏附分子', '神经细胞纺锤体黏附分子', '神经细胞星体黏附分子', '神经细胞中心体黏附分子', '神经细胞中心粒黏附分子', '神经细胞基体黏附分子', '神经细胞鞭毛黏附分子', '神经细胞纤毛黏附分子', '神经细胞微绒毛黏附分子', '神经细胞伪足黏附分子', '神经细胞片状伪足黏附分子', '神经细胞丝状伪足黏附分子', '神经细胞黏着斑黏附分子', '神经细胞半桥粒黏附分子', '神经细胞桥粒黏附分子', '神经细胞紧密连接黏附分子', '神经细胞间隙连接黏附分子', '神经细胞锚定连接黏附分子', '神经细胞通讯连接黏附分子', '神经细胞化学突触黏附分子', '神经细胞电突触黏附分子', '神经细胞免疫突触黏附分子', '神经细胞神经肌肉接头黏附分子', '神经细胞神经腺体接头黏附分子', '神经细胞神经血管接头黏附分子', '神经细胞神经淋巴接头黏附分子', '神经细胞神经上皮接头黏附分子', '神经细胞神经间质接头黏附分子', '神经细胞神经基质接头黏附分子', '神经细胞神经基底膜接头黏附分子', '神经细胞神经细胞外基质接头黏附分子', '神经细胞神经细胞骨架接头黏附分子', '神经细胞神经细胞核接头黏附分子', '神经细胞神经细胞质接头黏附分子', '神经细胞神经细胞膜接头黏附分子', '神经细胞神经细胞器接头黏附分子', '神经细胞神经细胞核膜接头黏附分子', '神经细胞神经细胞核质接头黏附分子', '神经细胞神经细胞核仁接头黏附分子', '神经细胞神经细胞染色体接头黏附分子', '神经细胞神经细胞染色质接头黏附分子', '神经细胞神经细胞DNA接头黏附分子', '神经细胞神经细胞RNA接头黏附分子', '神经细胞神经细胞蛋白质接头黏附分子', '神经细胞神经细胞脂质接头黏附分子', '神经细胞神经细胞糖类接头黏附分子', '神经细胞神经细胞核酸接头黏附分子', '神经细胞神经细胞氨基酸接头黏附分子', '神经细胞神经细胞核苷酸接头黏附分子', '神经细胞神经细胞辅酶接头黏附分子', '神经细胞神经细胞维生素接头黏附分子', '神经细胞神经细胞矿物质接头黏附分子', '神经细胞神经细胞微量元素接头黏附分子', '神经细胞神经细胞宏量元素接头黏附分子', '神经细胞神经细胞水接头黏附分子', '神经细胞神经细胞氧气接头黏附分子', '神经细胞神经细胞二氧化碳接头黏附分子', '神经细胞神经细胞一氧化氮接头黏附分子', '神经细胞神经细胞一氧化碳接头黏附分子', '神经细胞神经细胞硫化氢接头黏附分子', '神经细胞神经细胞氨接头黏附分子', '神经细胞神经细胞尿素接头黏附分子', '神经细胞神经细胞尿酸接头黏附分子', '神经细胞神经细胞肌酸接头黏附分子', '神经细胞神经细胞肌酐接头黏附分子', '神经细胞神经细胞胆红素接头黏附分子', '神经细胞神经细胞胆汁酸接头黏附分子', '神经细胞神经细胞胆固醇接头黏附分子', '神经细胞神经细胞甘油三酯接头黏附分子', '神经细胞神经细胞磷脂接头黏附分子', '神经细胞神经细胞糖脂接头黏附分子', '神经细胞神经细胞脂蛋白接头黏附分子', '神经细胞神经细胞载脂蛋白接头黏附分子', '神经细胞神经细胞白蛋白接头黏附分子', '神经细胞神经细胞球蛋白接头黏附分子', '神经细胞神经细胞纤维蛋白原接头黏附分子', '神经细胞神经细胞凝血因子接头黏附分子', '神经细胞神经细胞抗凝血因子接头黏附分子', '神经细胞神经细胞纤溶因子接头黏附分子', '神经细胞神经细胞抗纤溶因子接头黏附分子', '神经细胞神经细胞补体接头黏附分子', '神经细胞神经细胞抗体接头黏附分子', '神经细胞神经细胞抗原接头黏附分子', '神经细胞神经细胞细胞因子接头黏附分子', '神经细胞神经细胞趋化因子接头黏附分子', '神经细胞神经细胞生长因子接头黏附分子', '神经细胞神经细胞分化因子接头黏附分子', '神经细胞神经细胞凋亡因子接头黏附分子', '神经细胞神经细胞存活因子接头黏附分子', '神经细胞神经细胞迁移因子接头黏附分子', '神经细胞神经细胞黏附因子接头黏附分子', '神经细胞神经细胞基质金属蛋白酶接头黏附分子', '神经细胞神经细胞组织抑制剂接头黏附分子', '神经细胞神经细胞丝氨酸蛋白酶接头黏附分子', '神经细胞神经细胞半胱氨酸蛋白酶接头黏附分子', '神经细胞神经细胞天冬氨酸蛋白酶接头黏附分子', '神经细胞神经细胞金属蛋白酶接头黏附分子', '神经细胞神经细胞蛋白酶体接头黏附分子', '神经细胞神经细胞溶酶体接头黏附分子', '神经细胞神经细胞过氧化物酶体接头黏附分子', '神经细胞神经细胞内质网接头黏附分子', '
\ No newline at end of file
diff --git a/compare_l1_l2.py b/compare_l1_l2.py
new file mode 100644
index 0000000..16c96e0
--- /dev/null
+++ b/compare_l1_l2.py
@@ -0,0 +1,71 @@
+
+import pandas as pd
+
+# 文件路径
+l2_file = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+l1_file = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L1完整.xlsx'
+
+# 读取文件
+l2_df = pd.read_excel(l2_file)
+l1_df = pd.read_excel(l1_file)
+
+print("L2文件列名:", l2_df.columns.tolist())
+print(f"L2行数: {len(l2_df)}")
+print("\nL1文件列名:", l1_df.columns.tolist())
+print(f"L1行数: {len(l1_df)}")
+
+# 创建L1单词查找字典（小写为key）
+l1_dict = {}
+for idx, row in l1_df.iterrows():
+    word = str(row.iloc[0]).strip().lower()
+    pos = row.iloc[1] if len(row) > 1 else ""
+    meaning = row.iloc[2] if len(row) > 2 else ""
+    l1_dict[word] = {
+        "row": idx + 2,  # Excel从第2行开始
+        "pos": pos,
+        "meaning": meaning
+    }
+
+# 处理L2表格
+is_l1 = []
+l1_rows = []
+l1_pos = []
+l1_meaning = []
+
+for idx, row in l2_df.iterrows():
+    word = str(row.iloc[0]).strip().lower()
+    if word in l1_dict:
+        info = l1_dict[word]
+        is_l1.append("是")
+        l1_rows.append(info["row"])
+        l1_pos.append(info["pos"])
+        l1_meaning.append(info["meaning"])
+    else:
+        is_l1.append("否")
+        l1_rows.append("")
+        l1_pos.append("")
+        l1_meaning.append("")
+
+# 添加新列
+l2_df["是否为L1单词"] = is_l1
+l2_df["在L1中的行数"] = l1_rows
+l2_df["L1词性"] = l1_pos
+l2_df["L1词义"] = l1_meaning
+
+# 保存结果
+l2_df.to_excel(l2_file, index=False)
+
+# 统计
+count_yes = is_l1.count("是")
+count_no = is_l1.count("否")
+
+print("\n" + "="*50)
+print(f"比对完成！")
+print(f"L1单词总数: {len(l1_df)}")
+print(f"L2单词总数: {len(l2_df)}")
+print(f"重复单词数: {count_yes}")
+print(f"不重复单词数: {count_no}")
+print(f"重复率: {count_yes/len(l2_df)*100:.2f}%")
+print("="*50)
+
+print("\n保存成功！已更新 L2知识库-三级+A2.xlsx")
diff --git a/compare_new_vs_old.py b/compare_new_vs_old.py
new file mode 100644
index 0000000..84bf11e
--- /dev/null
+++ b/compare_new_vs_old.py
@@ -0,0 +1,31 @@
+
+import pandas as pd
+
+file_new = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版_L1重复标记.xlsx'
+file_old = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+df_new = pd.read_excel(file_new)
+df_old = pd.read_excel(file_old)
+
+old_words = set(str(w).strip().lower() for w in df_old.iloc[:, 0])
+
+only_in_new = []
+for idx, row in df_new.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word not in old_words:
+        only_in_new.append(row)
+
+print(f"L2新版总单词数: {len(df_new)}")
+print(f"L2知识库总单词数: {len(df_old)}")
+print(f"\nL2新版中存在但L2知识库中不存在的单词: {len(only_in_new)} 个")
+
+# 保存到文件
+with open('/root/.openclaw/workspace-xiaoyan/only_in_new.txt', 'w', encoding='utf-8') as f:
+    f.write(f"L2新版中存在但L2知识库中不存在的单词: {len(only_in_new)} 个\n")
+    f.write("=" * 60 + "\n")
+    f.write(f"{'序号':<5} {'单词':<35} {'词性':<12} {'词义'}\n")
+    f.write("-" * 80 + "\n")
+    for i, row in enumerate(only_in_new, 1):
+        f.write(f"{i:<5} {str(row['单词']):<35} {str(row['词性']):<12} {str(row['词义'])}\n")
+
+print("\n完整列表已保存到 only_in_new.txt")
diff --git a/compare_vocabulary.py b/compare_vocabulary.py
deleted file mode 100644
index eb3b814..0000000
--- a/compare_vocabulary.py
+++ /dev/null
@@ -1,41 +0,0 @@
-import pandas as pd
-
-# 文件路径
-file1_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/新知识库初版/全包词汇/L2知识库-三级+A2.xlsx'
-file2_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/新知识库初版/全包词汇/KET和三级不重复.xlsx'
-
-# 读取两个文件
-df1 = pd.read_excel(file1_path)
-df2 = pd.read_excel(file2_path)
-
-print("文件1 (L2知识库-三级+A2.xlsx) 的列名：")
-print(df1.columns.tolist())
-print("\n文件1 的前5行：")
-print(df1.head())
-
-print("\n" + "="*80 + "\n")
-
-print("文件2 (KET和三级不重复.xlsx) 的列名：")
-print(df2.columns.tolist())
-print("\n文件2 的前5行：")
-print(df2.head())
-
-# 提取文件1中的单词（第一列）
-words_from_file1 = set(df1.iloc[:, 0].astype(str).str.strip().str.lower())
-
-# 在文件2中新增一列，标记重复的单词
-df2['是否与L2三级+A2重复'] = df2.iloc[:, 0].apply(lambda x: '是' if str(x).strip().lower() in words_from_file1 else '')
-
-# 统计重复数量
-duplicate_count = (df2['是否与L2三级+A2重复'] == '是').sum()
-total_count = len(df2)
-
-print(f"\n" + "="*80)
-print(f"总单词数：{total_count}")
-print(f"重复单词数：{duplicate_count}")
-print(f"重复率：{duplicate_count/total_count*100:.2f}%")
-
-# 保存结果
-df2.to_excel(file2_path, index=False)
-print(f"\n已更新文件：{file2_path}")
-print("新增列名：是否与L2三级+A2重复")
diff --git a/dump_all_words.py b/dump_all_words.py
new file mode 100644
index 0000000..1a93e3e
--- /dev/null
+++ b/dump_all_words.py
@@ -0,0 +1,9 @@
+
+import pandas as pd
+
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_kb)
+
+# 查看所有单词和词义
+for i, row in df.iterrows():
+    print(f"{i}: {str(row['单词']):<30} {str(row['词性']):<10} {str(row['中文释义'])}")
diff --git a/dump_words.py b/dump_words.py
new file mode 100644
index 0000000..66848a5
--- /dev/null
+++ b/dump_words.py
@@ -0,0 +1,12 @@
+
+import pandas as pd
+
+file_kb = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_kb)
+
+# 查看所有单词，保存到文件以便分析
+with open('/root/.openclaw/workspace-xiaoyan/all_words_dump.txt', 'w', encoding='utf-8') as f:
+    for i, row in df.iterrows():
+        f.write(f"{i}\t{str(row['单词'])}\t{str(row['词性'])}\t{str(row['中文释义'])}\n")
+
+print(f"已导出 {len(df)} 个单词到 all_words_dump.txt")
diff --git a/export_only_in_new.py b/export_only_in_new.py
new file mode 100644
index 0000000..44c33a2
--- /dev/null
+++ b/export_only_in_new.py
@@ -0,0 +1,30 @@
+
+import pandas as pd
+
+file_new = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版_L1重复标记.xlsx'
+file_old = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+
+df_new = pd.read_excel(file_new)
+df_old = pd.read_excel(file_old)
+
+old_words = set(str(w).strip().lower() for w in df_old.iloc[:, 0])
+
+only_in_new = []
+for idx, row in df_new.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word not in old_words:
+        only_in_new.append({
+            '单词': row['单词'],
+            '词性': row['词性'],
+            '词义': row['词义']
+        })
+
+df_result = pd.DataFrame(only_in_new)
+
+output_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+df_result.to_excel(output_path, index=False)
+
+print(f"L2新版总单词数: {len(df_new)}")
+print(f"L2知识库总单词数: {len(df_old)}")
+print(f"L2新版中存在但L2知识库中不存在的单词: {len(df_result)} 个")
+print(f"\n已保存至: {output_path}")
diff --git a/find_music_words.py b/find_music_words.py
new file mode 100644
index 0000000..a5a7abe
--- /dev/null
+++ b/find_music_words.py
@@ -0,0 +1,29 @@
+
+import pandas as pd
+
+file_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2知识库-三级+A2.xlsx'
+df = pd.read_excel(file_path)
+
+music_keywords = ['唱歌', '音乐', '歌曲', '歌', '唱', '乐器', '钢琴', '吉他', '小提琴', '鼓',
+                  '演奏', '乐队', '音乐会', '演唱会', '旋律', '节奏', '音符', '录音', '歌手',
+                  'sing', 'song', 'music', 'musical', 'piano', 'guitar', 'violin', 'drum',
+                  'band', 'concert', 'melody', 'rhythm', 'note', 'record', 'singer', 'musician',
+                  'instrument', 'listen', 'sound', 'voice', 'choir', 'opera', 'jazz',
+                  'rock', 'pop', 'dance', 'rap', 'tune', 'lyric', 'album', 'audio']
+
+results = []
+for idx, row in df.iterrows():
+    word = str(row.iloc[0]).strip().lower()
+    meaning = str(row.iloc[2]).strip().lower() if len(row) > 2 else ''
+    for kw in music_keywords:
+        if kw in word or kw in meaning:
+            results.append(row)
+            break
+
+print(f"L2知识库总单词数: {len(df)}")
+print(f"\n🎵 唱歌/音乐相关单词 ({len(results)} 个):")
+print("-" * 60)
+print(f"{'单词':<25} {'词性':<10} {'中文释义'}")
+print("-" * 60)
+for row in sorted(results, key=lambda x: str(x.iloc[0]).lower()):
+    print(f"{str(row.iloc[0]):<25} {str(row.iloc[1]):<10} {str(row.iloc[2])}")
diff --git a/mark_l1_in_l2new.py b/mark_l1_in_l2new.py
new file mode 100644
index 0000000..f4ae807
--- /dev/null
+++ b/mark_l1_in_l2new.py
@@ -0,0 +1,54 @@
+
+import pandas as pd
+
+file_l2 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+file_l1 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L1完整.xlsx'
+
+df_l2 = pd.read_excel(file_l2)
+df_l1 = pd.read_excel(file_l1)
+
+l1_words = {}
+for idx, row in df_l1.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word not in l1_words:
+        l1_words[word] = []
+    l1_words[word].append({
+        'row': idx + 2,
+        '词性': row['词性'],
+        '词义': row['词义']
+    })
+
+is_l1_list = []
+l1_row_list = []
+l1_pos_list = []
+l1_meaning_list = []
+
+for idx, row in df_l2.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word in l1_words:
+        is_l1_list.append('是')
+        matches = l1_words[word]
+        l1_row_list.append(', '.join(str(m['row']) for m in matches))
+        l1_pos_list.append(', '.join(str(m['词性']) for m in matches))
+        l1_meaning_list.append(', '.join(str(m['词义']) for m in matches))
+    else:
+        is_l1_list.append('否')
+        l1_row_list.append('')
+        l1_pos_list.append('')
+        l1_meaning_list.append('')
+
+df_l2['是否为L1单词'] = is_l1_list
+df_l2['L1行数'] = l1_row_list
+df_l2['L1词性'] = l1_pos_list
+df_l2['L1词义'] = l1_meaning_list
+
+output_path = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/L2新版独有单词.xlsx'
+df_l2.to_excel(output_path, index=False)
+
+count_yes = sum(1 for v in is_l1_list if v == '是')
+count_no = sum(1 for v in is_l1_list if v == '否')
+
+print(f"L2新版独有单词总数: {len(df_l2)}")
+print(f"在L1中存在的: {count_yes} 个")
+print(f"不在L1中的: {count_no} 个")
+print(f"\n已保存至: {output_path}")
diff --git a/memory/.dreams/events.jsonl b/memory/.dreams/events.jsonl
index 6611f03..25b904f 100644
--- a/memory/.dreams/events.jsonl
+++ b/memory/.dreams/events.jsonl
@@ -95,3 +95,9 @@
 {"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}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-09T06:52:09.582Z","query":"雨橦 user_id 飞书","resultCount":2,"results":[{"path":"memory/2026-05-07.md","startLine":57,"endLine":74,"score":1},{"path":"memory/2026-05-07.md","startLine":71,"endLine":88,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-09T07:14:02.277Z","query":"组件生产 中互动 问题 优化 上下文对话 前置后置","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-09T07:21:33.704Z","query":"互动内容库 bitable app_token 配置多维表格","resultCount":4,"results":[{"path":"memory/2026-05-12.md","startLine":61,"endLine":80,"score":1},{"path":"memory/2026-05-18.md","startLine":305,"endLine":346,"score":1},{"path":"memory/2026-05-12.md","startLine":101,"endLine":121,"score":1},{"path":"memory/2026-05-18.md","startLine":783,"endLine":810,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-09T07:22:27.500Z","query":"互动内容库 app_token 多维表格 bitable 配置","resultCount":4,"results":[{"path":"memory/2026-05-12.md","startLine":61,"endLine":80,"score":1},{"path":"memory/2026-05-18.md","startLine":305,"endLine":346,"score":1},{"path":"memory/2026-05-12.md","startLine":101,"endLine":121,"score":1},{"path":"memory/2026-05-18.md","startLine":783,"endLine":810,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-09T08:37:12.232Z","query":"core_speaking_image bitable app token 多维表格","resultCount":3,"results":[{"path":"memory/2026-05-12.md","startLine":164,"endLine":187,"score":1},{"path":"memory/2026-05-12.md","startLine":214,"endLine":236,"score":1},{"path":"memory/2026-05-12.md","startLine":234,"endLine":254,"score":1}]}
+{"type":"memory.recall.recorded","timestamp":"2026-06-09T08:37:27.121Z","query":"core_speaking_image bitable_token app_token 多维表格 核心互动","resultCount":3,"results":[{"path":"memory/2026-05-12.md","startLine":164,"endLine":187,"score":1},{"path":"memory/2026-05-12.md","startLine":214,"endLine":236,"score":1},{"path":"memory/2026-05-12.md","startLine":234,"endLine":254,"score":1}]}
diff --git a/memory/.dreams/short-term-recall.json b/memory/.dreams/short-term-recall.json
index 074ecd3..ecfce6c 100644
--- a/memory/.dreams/short-term-recall.json
+++ b/memory/.dreams/short-term-recall.json
@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "updatedAt": "2026-06-08T02:24:43.647Z",
+  "updatedAt": "2026-06-09T08:37:27.121Z",
   "entries": {
     "memory:memory/2026-05-07.md:57:74": {
       "key": "memory:memory/2026-05-07.md:57:74",
@@ -9,20 +9,22 @@
       "endLine": 74,
       "source": "memory",
       "snippet": "3. **第三轮（用户要求重新发送三份文件后重算）：** 最终确认 **表1有但表2表3都没有 = 255个** - **第三轮详细统计：** - 三表共有：230 - 表1 ∩ 表2：492 - 表1 ∩ 表3：448 - 表2 ∩ 表3：427 - 表1有，表2没有：472（其中217个表3也有） - 最终：255个 - **关键发现：** - 表1（分类词表）覆盖了大量基础生活词汇，表3（L1词表）覆盖了其中的448个 - 最终的255个独有词主要集中在：抽象名词（advantage, attitude, courage）、学术/学科词汇（composition, grammar, pronunciation）、专业/特定领域词（cancer, clone, industry）等偏中高难度的词汇 - 表1和表3有大量重叠（448个），说明两个L1级别的词表覆盖范围高度一致 - 从上一轮260变成255（差5个），差异主要来自表2/表3重新解析后个别单词的增删 - **输出文件：** `/root/.openclaw/workspace-xiaoyan/output/单词对比结果_最终版.xlsx` - Sheet 1：255个单词完整清单（序号+单词+中文释义） - Sheet 2：全部统计指标汇总 - **用户 user_id：** `58fd6864`（租户级） - **发送消息时踩坑记录：** ou_xxx 是 open_id 非 user_id，Bot 缺少 contact:user.id:readonly 权限",
-      "recallCount": 2,
+      "recallCount": 3,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 1.6621249966506229,
+      "totalScore": 2.662124996650623,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-07T08:48:55.437Z",
-      "lastRecalledAt": "2026-05-21T07:31:52.322Z",
+      "lastRecalledAt": "2026-06-09T06:52:09.582Z",
       "queryHashes": [
         "c2c576894acd",
-        "dca4eb1f24b7"
+        "dca4eb1f24b7",
+        "84038f5c3181"
       ],
       "recallDays": [
         "2026-05-07",
-        "2026-05-21"
+        "2026-05-21",
+        "2026-06-09"
       ],
       "conceptTags": [
         "学术/学科词汇",
@@ -876,13 +878,13 @@
       "endLine": 368,
       "source": "memory",
       "snippet": "- **需求：** 将 020102（I am...）和 020103（I am ready / Thank you）两套题合并为一个 `{first:..., second:...}` JSON，统一 questionSetID=0000001 - **状态：** ✅ 已完成 - **核心考点分析（用户强调）：** 需分析每个句型的核心考点（孩子最容易犯错的地方），挖空对准核心考点 - I am/from 组：am（系动词第一人称）、from（介词选择）、student（a+名词结构） - Thank you for 组：for（介词选择，非 you）、helping（for+动名词，非 help/to help） - **输出文件：** `output/writing_pic_qa_combined.json` ### 刘彦江 — 组件配置-json 请求（L1-S2-U13-L4 沙漠之花） - **时间：** 16:45 ~ 17:51 - **文档：** `https://makee-interactive.feishu.cn/wiki/K5E1wzwk7it9t7kXvcbc6Xugnhc` - **状态：** ⚠️ 未完成 — pipeline 识别到 0 组件 - **根因：** 剧本文档的13个组件数据存储在 markdown 内联表格中（lark-table，5列×36行），而非内嵌 Sheet。当前 pipeline 的 parse_script 只从内嵌 Sheet 读取组件数据，不支持 markdown 表格组件解析 - **已识别组件（ma",
-      "recallCount": 15,
+      "recallCount": 16,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 15,
+      "totalScore": 16,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-15T07:13:08.147Z",
-      "lastRecalledAt": "2026-06-04T06:34:06.417Z",
+      "lastRecalledAt": "2026-06-09T07:14:02.277Z",
       "queryHashes": [
         "08364c8746ab",
         "4f08741ab4fd",
@@ -898,7 +900,8 @@
         "f53c9769e692",
         "5d025e291984",
         "472b243ec77c",
-        "fd4c8aca2cb6"
+        "fd4c8aca2cb6",
+        "5319f16d7a0d"
       ],
       "recallDays": [
         "2026-05-15",
@@ -908,7 +911,8 @@
         "2026-05-25",
         "2026-05-28",
         "2026-06-01",
-        "2026-06-04"
+        "2026-06-04",
+        "2026-06-09"
       ],
       "conceptTags": [
         "am/from",
@@ -928,13 +932,13 @@
       "endLine": 8,
       "source": "memory",
       "snippet": "[李应瑛 2026-04-22 提出要求] 所有需要包含对话的内容（如剧本、互动组件等）必须要有【后置对话】字段，无后置对话时填写“无”。 [李应瑛 2026-04-22 确认规则] 剧本内嵌表格组件填写位置规则：仅当表格第一列（A列）明确标注为对话类类型（对话朗读/对话挖空/对话选读/对话组句等）时，才在同一行的H列（【组件】列）填写对应的组件内容，其他类型行（TL/场景/角色/图片/非对话类等）无需填写。 [李应瑛 2026-04-22 确认格式规则] 对话类组件字段换行规则：每个结构单独占一行，格式为： 【任务标题】xxx 【情境引入】xxx 【互动内容】xxx 【后置对话】xxx 单元格内使用\\n作为换行符实现，后续所有组件均遵循此格式。",
-      "recallCount": 13,
+      "recallCount": 14,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 13,
+      "totalScore": 14,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-15T07:13:08.147Z",
-      "lastRecalledAt": "2026-06-04T06:34:06.417Z",
+      "lastRecalledAt": "2026-06-09T07:14:02.277Z",
       "queryHashes": [
         "08364c8746ab",
         "4f08741ab4fd",
@@ -948,7 +952,8 @@
         "229e5d3943bb",
         "5d025e291984",
         "472b243ec77c",
-        "fd4c8aca2cb6"
+        "fd4c8aca2cb6",
+        "5319f16d7a0d"
       ],
       "recallDays": [
         "2026-05-15",
@@ -958,7 +963,8 @@
         "2026-05-25",
         "2026-05-28",
         "2026-06-01",
-        "2026-06-04"
+        "2026-06-04",
+        "2026-06-09"
       ],
       "conceptTags": [
         "对话朗读/对话挖空/对话选读/对话组句等",
@@ -1756,20 +1762,23 @@
       "endLine": 346,
       "source": "memory",
       "snippet": "## 口语-P1 审校（[刘彦江]） ### 范围 QSID: 121301, 121401, 121501（口语-P1-日常回答，tblRGv7k4WH58Jgq） ### 发现问题 - **121301**: 6题 ability 全空 - **121401**: ability 重复（\"听觉抓取关键信息\"×2）+ 标签偏向听力而非口语 - **121501**: 6题 ability 全空 - answer 为空 → 正常（speaking_qa 参考回答在 explanation 内） ### 修复 - 全部补充/替换为口语向标签（语用表达能力等） - 3/3 审校结果列更新为 `✅ OK | 2026-05-18 小研审校` ### Record ID 映射 | QSID | Record ID | |------|-----------| | 121301 | recvjW9RVwziwL | | 121401 | recvjW9RVwGzba | | 121501 | recvjW9RVwj4aQ | --- ## 听力-P1 图片选择题 生产+回填+审校（[刘彦江]） ### 范围 QSID: 121301, 121401, 121501（听力-P1-图片选择题） 难度: L1 B级 ### 词汇词库命中率 29个词中仅6个在L1/L2词库（sofa, zoo, study, play, mat, mouth），23个超纲。 业务负责人放行，优先生产，词库后补。 ### 产出 | QSID | Record ID | 词表(first/seco",
-      "recallCount": 2,
+      "recallCount": 4,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 2,
+      "totalScore": 4,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-20T11:03:34.460Z",
-      "lastRecalledAt": "2026-05-25T08:53:31.758Z",
+      "lastRecalledAt": "2026-06-09T07:22:27.500Z",
       "queryHashes": [
         "81867276810d",
-        "12653110bb68"
+        "12653110bb68",
+        "ff0d0637f255",
+        "f525b14a0c5b"
       ],
       "recallDays": [
         "2026-05-20",
-        "2026-05-25"
+        "2026-05-25",
+        "2026-06-09"
       ],
       "conceptTags": [
         "口语-p1",
@@ -1956,19 +1965,21 @@
       "endLine": 88,
       "source": "memory",
       "snippet": "- Sheet 1：255个单词完整清单（序号+单词+中文释义） - Sheet 2：全部统计指标汇总 - **用户 user_id：** `58fd6864`（租户级） - **发送消息时踩坑记录：** ou_xxx 是 open_id 非 user_id，Bot 缺少 contact:user.id:readonly 权限，最终通过 lark-cli 其他接口获取到 user_id = 58fd6864 - **备注：** 李应瑛不在负责人配置中，不在完整权限用户列表中。当前请求属于教研内容分析，已先接单处理。 # 2026-05-07 工作日志 ## 会话记录 ### 李应瑛 (ou_1bd7317ae2ccfeb57e1132028847279e) — 单词表三轮对比（已完结） - **时间：** 10:39 ~ 11:24 - **需求：** 对比三份单词表，找出\"表1有但表2和表3都没有\"的单词。 - **状态：** ✅ 已完成，结果已交付用户，最终结果 255 个单词，经多次验证（包括用户重新发送文件后重算）结果一致。 - **文件：** - 表1：.doc 文件（分类主题单词表，14个大类，970个单词） - 表2：.xlsx 文件（LV2词表，1,329个单词，含「LV2-单词」「LV2上单词占用情况」「LV2下单词占用情况」「LV2S3」四个sheet） - 表3：.xlsx 文件（L1词表，845个单词，含「单词表-LV1（上）」「单词表-LV1（下）」「单词表-备用」三个sheet合并去重） - **对比过程（共四轮验证）：**",
-      "recallCount": 2,
+      "recallCount": 3,
       "dailyCount": 0,
       "groundedCount": 0,
-      "totalScore": 2,
+      "totalScore": 3,
       "maxScore": 1,
       "firstRecalledAt": "2026-05-21T07:31:52.322Z",
-      "lastRecalledAt": "2026-05-21T09:52:45.581Z",
+      "lastRecalledAt": "2026-06-09T06:52:09.582Z",
       "queryHashes": [
         "dca4eb1f24b7",
-        "fcca27e77e74"
+        "fcca27e77e74",
+        "84038f5c3181"
       ],
       "recallDays": [
-        "2026-05-21"
+        "2026-05-21",
+        "2026-06-09"
       ],
       "conceptTags": [
         "user-id",
@@ -3156,6 +3167,198 @@
         "彦江",
         "教研"
       ]
+    },
+    "memory:memory/2026-05-12.md:61:80": {
+      "key": "memory:memory/2026-05-12.md:61:80",
+      "path": "memory/2026-05-12.md",
+      "startLine": 61,
+      "endLine": 80,
+      "source": "memory",
+      "snippet": "- **脚本修复（过程中）：** 1. sentenceStructureSort 单词对比大小写误报 → 添加 normalize（首字母大写 + 去标点） 2. ID 末尾空格敏感 → strip 比较 3. 句子朗读/跟读题误报 options/answer 缺失 → 跳过这两种题型 #### 审校结果汇总 - **🔴 系统性问题（40/40，100%）：** classificationInfo JSON 内 cambridgeLevel=\"A1\" 与 cefrLevel=\"YLE\" 值互换，列字段正确但 JSON 存储写反，疑似模板/formula 级别 bug - **🟡 具体错误（17/40）：** - sentenceMeaningMeaning JSON 解析失败 × 10：1213004, 1213006, 1213010, 1214008, 1215005, 1216001, 1216004, 1216007, 1216008, 1216010（后8题含中文引号冲突） - ID 字段末尾空格 × 3：1213001, 1215001, 1216001 - 看图选择题有CN无JSON × 3：1213008, 1215010, 1216005 - sentenceStructureSort 语法/格式错误 × 3：1213004(缺逗号clean Otis→clean, Otis), 1213005(bird?连写应拆为bird+?), 1214001(need→needs三单) - 缺少 pointId 字段 × 1：",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T07:21:33.704Z",
+      "lastRecalledAt": "2026-06-09T07:22:27.500Z",
+      "queryHashes": [
+        "ff0d0637f255",
+        "f525b14a0c5b"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "句子朗读/跟读题误报",
+        "options/answer",
+        "40/40",
+        "疑似模板/formula",
+        "17/40",
+        "语法/格式错误",
+        "脚本",
+        "修复"
+      ]
+    },
+    "memory:memory/2026-05-12.md:101:121": {
+      "key": "memory:memory/2026-05-12.md:101:121",
+      "path": "memory/2026-05-12.md",
+      "startLine": 101,
+      "endLine": 121,
+      "source": "memory",
+      "snippet": "3. ⚠️ sentenceStructureClozeWordMcq: \"put your toys\" 省略 away 不够自然 - **技能沉淀：** - 脚本: `scripts/audit_l1_config.py` — 7项自动检查 - SKILL.md: `business_production/_shared/audit_l1_config/SKILL.md` — 含完整审校流程 + 4项人工审核清单 ### 刘彦江 — 1213001-1216010 批量审校 40 条（12:10 ~ 14:00） - **范围：** L1S2 Units 13-16，每单元 10 条，共 40 条 - **方法：** `scripts/audit_l1_config.py` 自动化扫描 → 误报排除 → 分类汇总 → 逐条审校回填 - **脚本修复（过程中）：** 1. sentenceStructureSort 单词对比大小写误报 → 添加 normalize（首字母大写 + 去标点） 2. ID 末尾空格敏感 → strip 比较 3. 句子朗读/跟读题误报 options/answer 缺失 → 跳过这两种题型 #### 审校结果汇总（初版） - **🔴 系统性问题（40/40，100%）：** classificationInfo JSON 内 cambridgeLevel=\"A1\" 与 cefrLevel=\"YLE\" 值互换 - **🟡 具体错误（17/40）：** - sentenceMeaningMeaning JSON 解析",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T07:21:33.704Z",
+      "lastRecalledAt": "2026-06-09T07:22:27.500Z",
+      "queryHashes": [
+        "ff0d0637f255",
+        "f525b14a0c5b"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "scripts/audit-l1-config.py",
+        "skill.md",
+        "business-production",
+        "shared/audit-l1-config/skill.md",
+        "1213001-1216010",
+        "13-16",
+        "句子朗读/跟读题误报",
+        "options/answer"
+      ]
+    },
+    "memory:memory/2026-05-18.md:783:810": {
+      "key": "memory:memory/2026-05-18.md:783:810",
+      "path": "memory/2026-05-18.md",
+      "startLine": 783,
+      "endLine": 810,
+      "source": "memory",
+      "snippet": "--- ## [李应瑛] L1-S2-U17-L5 笨蛋坏蛋？英文生产（2026-05-18 21:15） ### 背景 李应瑛发送知识库文档 `U1zEwHZaaie07TkjmOOchurgnIh`（L1-S2-U17-L5 笨蛋坏蛋？），要求\"英文生产\"。 ### 文档结构（与L3/L4不同） - Wiki token: `U1zEwHZaaie07TkjmOOchurgnIh` - Spreadsheet token: `DCcKsLbrmhfXgrtB7N2c9GA4ntf` - Script sheet: `wMQVyV`（186行×9列） - Knowledge points sheet: `DCcKsLbrmhfXgrtB7N2c9GA4ntf_NtIcXt` - 列结构：A=类型, D=剧情描述, E=角色名, F=编剧台词（English已填好）, **G=组件配置** - 知识点：point, talk, understand, a lot of + `talk to...` / `I can/can't understand...` ### 交互模式差异 - L5 文档 B列/C列 为空，无详细组件类型标签（仅 A=互动/核心互动-口语） - 编剧台词F列已全部填写（英文） - 互动行的 User 台词含红色标注知识点词 ### 完成事项 - 24个互动行全部生成G列配置（组件类型推断：听力挖空、朗读台词、口语表达） - 写入方式：同上 Sheets v2 API - 24/24 全部回读验证通过 ### 脚本 `scripts/write_",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T07:21:33.704Z",
+      "lastRecalledAt": "2026-06-09T07:22:27.500Z",
+      "queryHashes": [
+        "ff0d0637f255",
+        "f525b14a0c5b"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "l1-s2-u17-l5",
+        "与l3/l4不同",
+        "can/can",
+        "b列/c列",
+        "互动/核心互动-口语",
+        "24/24",
+        "scripts/write",
+        "u17"
+      ]
+    },
+    "memory:memory/2026-05-12.md:164:187": {
+      "key": "memory:memory/2026-05-12.md:164:187",
+      "path": "memory/2026-05-12.md",
+      "startLine": 164,
+      "endLine": 187,
+      "source": "memory",
+      "snippet": "- **五大分类：** 📖阅读(2) / 🎧听力(3) / 🗣口语(4) / ✏️写作(5) / 未完成(1) - **通用字段提取：** ID/dataStatus/kpStatus/kpInfo/taskData 是所有题型共用的基础结构 #### 覆盖率 - 14 种题型已录入 ✅（1 种无数据：口语探讨） - 4 个一级板块：通用结构 / 题型专区 / 审校规则 / 扩展指南 - 每个题型：cType + bitable 定位 + JSON 字段表 + 结构特点 + 与同类题型的差异说明 #### 发现 - 写作互动和邮件组句 cType 相同（`core_writing_questionMakeSentence`），通过 textInfo 区分素材 - 口语快答/妙问 JSON 结构几乎相同，差异在 prompt 配置和对话样例内容 - 合作阅读和合作听力的核心差异：`textData.text[]` ↔ `textData.audio[]` - meaning 标签（合作阅读）为开放型自由文本，非受控词表 #### 产出文件 - `business_production/_shared/bitable-reader/SKILL.md` — 通用 bitable 读取技能（164行） - `business_knowledge/skills/core-content-json-standard/SKILL.md` — 全题型 JSON 标准 v2.0（393行） - `scripts/audit_core_reading_S0.py` — 合作阅读 S0",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T08:37:12.232Z",
+      "lastRecalledAt": "2026-06-09T08:37:27.121Z",
+      "queryHashes": [
+        "91bf4d50e5a2",
+        "b8853a0aafcc"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "口语快答/妙问",
+        "textdata.text",
+        "textdata.audio",
+        "business-production",
+        "shared/bitable-reader/skill.md",
+        "v2.0",
+        "scripts/audit-core-reading-s0.py",
+        "五大"
+      ]
+    },
+    "memory:memory/2026-05-12.md:214:236": {
+      "key": "memory:memory/2026-05-12.md:214:236",
+      "path": "memory/2026-05-12.md",
+      "startLine": 214,
+      "endLine": 236,
+      "source": "memory",
+      "snippet": "- **产出 Skill 2：** `business_knowledge/skills/core-content-json-standard/SKILL.md` v2.0 — 全题型 JSON 标准（393行） - **架构：** 通用字段在前（ID/kpInfo/taskData）+ 5大题型分类（📖阅读2 🎧听力3 🗣口语4 ✏️写作5）+ 审校规则 + 扩展指南 - **覆盖率：** 14/15 种题型（口语探讨 S0 无数据） - **产出脚本：** `scripts/audit_core_reading_S0.py` — 合作阅读 S0 审校 ## 经验教训 ### bitable 写入需严格流程管控（2026-05-12） - 批量更新 JSON：写入前完整提取 → 写入后逐字段 diff → 异常立即回滚 - 首次修复多题 JSON 导致 Q2 丢失 → 先单条试跑验证再批量 ### sentenceMeaningMeaning 引号规范（2026-05-12） - explanation 中 ASCII `\"` 与中文引号混用导致 JSON 解析失败 - 建议：生产侧统一用中文引号 `\"\"`（U+201C/D），或写入前做引号归一化 ### 写作互动 / 邮件组句 cType 相同（2026-05-12） - 两者 cType 均为 `core_writing_questionMakeSentence`，通过 textInfo.textList[].type 区分素材 ### 刘彦江 — 中互动全题型录入（18:00 ~ 18:25） ###",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T08:37:12.232Z",
+      "lastRecalledAt": "2026-06-09T08:37:27.121Z",
+      "queryHashes": [
+        "91bf4d50e5a2",
+        "b8853a0aafcc"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "v2.0",
+        "id/kpinfo/taskdata",
+        "14/15",
+        "scripts/audit-core-reading-s0.py",
+        "201c/d",
+        "textinfo.textlist",
+        "skill",
+        "business-knowledge"
+      ]
+    },
+    "memory:memory/2026-05-12.md:234:254": {
+      "key": "memory:memory/2026-05-12.md:234:254",
+      "path": "memory/2026-05-12.md",
+      "startLine": 234,
+      "endLine": 254,
+      "source": "memory",
+      "snippet": "#### 发现 - **中互动结构高度统一：** 全部 27 类都用 `jsonData`（主配置）+ `kpInfo`（知识点绑定），没有核心互动那种多字段分散结构 - **6 大分类：** 🗨对话(7) / 📋信息(6) / 📦词汇(2) / 🖼图片选择(4) / 📝语法(3) / 🔧其他(5) - **对话类公共字段：** cType, cId, title, resourceMapping, preDialog, imgShowTimingList - 写作互动和邮件组句 cType 相同（`core_writing_questionMakeSentence`） #### 产出文件 - `skills/interactive-component-json/references/json_structure_guide.md` — 27 种中互动 jsonData 字段结构（8736 bytes） - `skills/interactive-component-json/references/component_registry.md` — 核心互动部分从🔲更新为完整注册表（含 cType+bitable_token） - 与 `business_knowledge/skills/core-content-json-standard/SKILL.md` 双向关联 #### 覆盖率 - 核心互动：15/15 ✅（口语探讨 S0 无数据已标注） - 中互动：27/27 ✅ - 关联文件：3 个（core-content-json-standard + com",
+      "recallCount": 2,
+      "dailyCount": 0,
+      "groundedCount": 0,
+      "totalScore": 2,
+      "maxScore": 1,
+      "firstRecalledAt": "2026-06-09T08:37:12.232Z",
+      "lastRecalledAt": "2026-06-09T08:37:27.121Z",
+      "queryHashes": [
+        "91bf4d50e5a2",
+        "b8853a0aafcc"
+      ],
+      "recallDays": [
+        "2026-06-09"
+      ],
+      "conceptTags": [
+        "bitable-token",
+        "15/15",
+        "27/27",
+        "core-content-json-standard",
+        "发现",
+        "互动",
+        "结构",
+        "高度"
+      ]
     }
   }
 }
diff --git a/memory/2026-06-09-1159.md b/memory/2026-06-09-1159.md
new file mode 100644
index 0000000..ecb4319
--- /dev/null
+++ b/memory/2026-06-09-1159.md
@@ -0,0 +1,62 @@
+# Session: 2026-06-09 11:59:37 GMT+8
+
+- **Session Key**: agent:xiaoyan:feishu:direct:ou_8b79b7f711e42a4004f3f3c225a1a99c
+- **Session ID**: 5e1b9add-de36-44b7-88c4-47ca70c8bb35
+- **Source**: feishu
+
+## Conversation Summary
+
+user: 组件配置-json https://makee-interactive.feishu.cn/wiki/SAadwW8YaiObl8k4op3c6vs8nqb
+assistant: 处理完成。**L1-S2-U17-L4 门关啦 Door is Closed** 共识别 **16 个组件**，全部生成成功：
+
+| # | 组件ID | 类型 | cType |
+|---|--------|------|-------|
+| 1-3 | 1217401-1217403 | 对话朗读 | mid_dialog_repeat |
+| 4-5 | 1217404-1217405 | 对话挖空 | mid_dialog_fillin |
+| 6 | 1217406 | 图片单选 | mid_image_choose |
+| 7 | 1217407 | 对话朗读 | mid_dialog_repeat |
+| 8-9 | 1217408-1217409 | 对话选择 | mid_dialog_choose |
+| 10 | 1217410 | 对话挖空 | mid_dialog_fillin |
+| 11-12 | 1217411-1217412 | 对话组句 | mid_dialog_sentence |
+| 13 | 1217413 | 看图拼词 | core_writing_imgMakeWord |
+| 14-15 | 1217414-1217415 | 对话挖空 | mid_dialog_fillin |
+| 16 | 1217416 | 对话朗读 | mid_dialog_repeat |
+
+✅ 成功 16 / 失败 0，HTML 报告已通过飞书 Bot 发送给你。
+user: https://makee-interactive.feishu.cn/wiki/U1zEwHZaaie07TkjmOOchurgnIh组件配置-json
+assistant: 处理完成。**L1-S2-U17-L5 笨蛋坏蛋？Bad Guy or Not** 共识别 **17 个组件**：
+
+| # | 组件ID | 类型 | 结果 |
+|---|--------|------|------|
+| 1-6 | 1217501-1217506 | 对话朗读 | ✅ |
+| 7-8 | 1217507-1217508 | 对话挖空 | ✅ |
+| 9 | 1217509 | 对话选择 | ✅ |
+| 10 | 1217510 | 对话组句 | ✅ |
+| 11-12 | 1217511-1217512 | 对话挖空 | ✅ |
+| 13 | 1217513 | 对话选读 | ✅ |
+| 14 | 1217514 | 对话挖空 | ✅ |
+| 15 | 1217515 | 对话组句 | ✅ |
+| 16 | 1217516 | 对话选读 | ✅ |
+| 17 | 1217517 | 口语独白 | ⏭️ 跳过 |
+
+✅ 成功 16 / 跳过 1（口语独白尚未实现生成器）/ 失败 0，HTML 报告已发送。
+user: https://makee-interactive.feishu.cn/wiki/P9bvw6nXziqzWZkxDmMcOZN4ndc 组件配置-json
+assistant: 处理完成。**L1-S2-U18-L5 双龙会** 共识别 **16 个组件**，全部成功：
+
+| # | 组件ID | 类型 | cType |
+|---|--------|------|-------|
+| 1-3 | 1218501-1218503 | 对话朗读 | mid_dialog_repeat |
+| 4 | 1218504 | 对话挖空 | mid_dialog_fillin |
+| 5 | 1218505 | 对话朗读 | mid_dialog_repeat |
+| 6 | 1218506 | 对话挖空 | mid_dialog_fillin |
+| 7 | 1218507 | 对话选读 | mid_dialog_select |
+| 8 | 1218508 | 看图拼词 | core_writing_imgMakeWord |
+| 9 | 1218509 | 对话选择 | mid_dialog_choose |
+| 10 | 1218510 | 对话朗读 | mid_dialog_repeat |
+| 11 | 1218511 | 图片单选 | mid_image_choose |
+| 12 | 1218512 | 对话组句 | mid_dialog_sentence |
+| 13 | 1218513 | 对话表达 | mid_dialog_express |
+| 14 | 1218514 | 对话组句 | mid_dialog_sentence |
+| 15 | 1218515 | 对话选读 | mid_dialog_select |
+
+✅ 成功 16 / 失败 0 / 跳过 0，HTML 报告已发送。
diff --git a/memory/2026-06-09-1447.md b/memory/2026-06-09-1447.md
new file mode 100644
index 0000000..2e7810a
--- /dev/null
+++ b/memory/2026-06-09-1447.md
@@ -0,0 +1,41 @@
+# Session: 2026-06-09 14:47:42 GMT+8
+
+- **Session Key**: agent:xiaoyan:feishu:direct:ou_8b79b7f711e42a4004f3f3c225a1a99c
+- **Session ID**: b3e1dcfe-a4af-4a5b-9fee-ea59d4b76826
+- **Source**: feishu
+
+## Conversation Summary
+
+user: https://makee-interactive.feishu.cn/wiki/O7RwwMei6iQCFlk6cHocDqGpn9b 组件配置
+assistant: 张昆鹏，开始处理组件配置。
+
+
+assistant: 📝 组件配置完成，**16/16 全部成功**。
+
+| 组件类型 | 数量 |
+|----------|------|
+| 对话朗读 (mid_dialog_repeat) | 6 |
+| 图片单选 (mid_image_choose) | 3 |
+| 对话挖空 (mid_dialog_fillin) | 3 |
+| 对话选读 (mid_dialog_select) | 1 |
+| 看图拼词 (core_writing_imgMakeWord) | 1 |
+| 图片拖拽 (mid_image_drag) | 1 |
+| 对话表达 (mid_dialog_express) | 1 |
+
+HTML 报告已通过飞书发送给你，可在浏览器中打开后使用「一键推送全部配置+知识点」按钮推送到远程数据库。
+
+⚠️ 注意：本轮 16 个组件的知识点匹配全部为空（词汇如 ship/boat/cross/helicopter 在 kpId 库中未匹配到），推送前建议在 HTML 中手动补充 kpId。
+user: https://makee-interactive.feishu.cn/wiki/O7RwwMei6iQCFlk6cHocDqGpn9b 组件配置
+assistant: **16/16 全部成功**，HTML 报告已发送。
+
+| 组件类型 | 数量 |
+|----------|------|
+| 对话朗读 (mid_dialog_repeat) | 6 |
+| 图片单选 (mid_image_choose) | 3 |
+| 对话挖空 (mid_dialog_fillin) | 3 |
+| 对话选读 (mid_dialog_select) | 1 |
+| 看图拼词 (core_writing_imgMakeWord) | 1 |
+| 图片拖拽 (mid_image_drag) | 1 |
+| 对话表达 (mid_dialog_express) | 1 |
+
+知识点匹配仍全部为空（ship/boat/cross/helicopter 等词汇在 kpId 库中未命中），推送前建议在 HTML 中手动补充。
diff --git a/only_in_new.txt b/only_in_new.txt
new file mode 100644
index 0000000..08e9269
--- /dev/null
+++ b/only_in_new.txt
@@ -0,0 +1,417 @@
+L2新版中存在但L2知识库中不存在的单词: 413 个
+============================================================
+序号    单词                                  词性           词义
+--------------------------------------------------------------------------------
+1     absolutely                          adv          绝对地
+2     accommodation                       n            住处
+3     activity                            n.           活动
+4     ad                                  n.           广告
+5     advert                              n.           广告
+6     advice                              n.           建议
+7     all kinds of                        phrase.      各种各样的
+8     amazed                              adj.         惊讶的
+9     antique                             adj          古老的
+10    apartment                           n.           公寓套房
+11    apartment building                  n.           公寓楼
+12    app                                 n.           应用程序
+13    babysit                             v            临时照看婴儿
+14    babysitter                          n            保姆
+15    backpacker                          n            背包客
+16    band                                n.           圈，箍，带
+17    baseball                            n.           棒球
+18    basketball                          n.           篮球
+19    bath                                n.           洗澡
+20    bathing suit                        n.           泳衣
+21    bear                                v.           忍受
+22    beard                               n.           (下巴上的) 胡子
+23    because                             conj.        因为
+24    because of                          phrase.      因为
+25    beetle                              n            甲虫
+26    belong                              v.           属于
+27    below                               prep.        在……下面
+28    below                               adv.         在下面
+29    benefit                             n            益处
+30    beyond                              prep         超出
+31    blanket                             n.           毯子
+32    blog                                n.           博客
+33    blond                               adj.         金发的
+34    board                               v.           上 (船、火车、飞机等)
+35    boat                                v.           划船
+36    bomb                                n            炸弹
+37    bookcase                            n.           书架
+38    bookshop                            n.           书店
+39    bookstore                           n.           书店
+40    bored                               adj.         无聊的
+41    boss                                n.           老板
+42    bottle                              n.           瓶子
+43    brake                               n            刹车
+44    break down                          phrase.      （车辆或机器）出故障
+45    bring                               v.           带来
+46    build                               v.           建造
+47    building                            n.           建筑物
+48    busy person                         n.           忙碌的人
+49    buy                                 v.           购买
+50    by accident                         phrase.      偶然地
+51    by post                             prep phr     通过邮寄方式
+52    by the way                          phrase.      顺便说一下
+53    cab                                 n            出租车
+54    cabin                               n            小屋
+55    cable                               n            电缆
+56    camel                               n.           骆驼
+57    camera                              n.           摄影机
+58    campsite                            n.           营地
+59    candy                               n.           糖果
+60    cardboard                           n            硬纸板
+61    career                              n.           职业
+62    careful                             adj.         小心的
+63    CD player                           abbr.        激光唱机
+64    cell phone                          n.           手机
+65    centre                              n.           中心
+66    charge                              v            充电
+67    chatroom                            n.           聊天室
+68    cheek                               n.           脸颊
+69    cinema                              n.           电影院
+70    circle                              n.           圆
+71    circus                              n.           马戏团
+72    classmate                           n.           同学
+73    classroom                           n.           教室
+74    clever                              adj.         聪明的
+75    climbing                            n.           攀登
+76    close to                            phrase.      靠近
+77    closed                              adj.         关闭的
+78    closet                              n.           衣柜
+79    clothes                             n.           衣服
+80    clown                               n.           小丑
+81    coffee                              n.           咖啡
+82    come back                           phrase.      重返
+83    comedy                              n.           喜剧
+84    comment                             n            评论
+85    congratulations                     n.           祝贺
+86    court                                n           法院；法庭
+87    crash                               v            碰撞
+88    creature                             n           生物
+89    credit card                         n.           信用卡
+90    crocodile                           n            鳄鱼
+91    crossing                            n.           十字路口
+92    cupboard                            n.           橱柜
+93    cure                                n            治愈方法
+94    cycle                               v.           骑自行车
+95    cycle                               n.           周期
+96    damage                              v            损坏
+97    damage                              n            损坏
+98    damaged                             adj          损坏的
+99    dancing                             n.           跳舞
+100   data                                n            数据
+101   decrease                            n            减少
+102   defeat                              v            击败
+103   demand                              n            要求
+104   dentist                             n.           牙医
+105   difficult                           adj.         困难的
+106   dirty                               adj.         脏的
+107   display                             v            显示
+108   diving                              n.           潜水
+109   doctor                              n.           医生
+110   double room                         phrase.      双人间
+111   dozen                               det          十二
+112   draw                                v.           抽签
+113   draw                                n.           抽签
+114   dream                               n.           梦想
+115   dream                               v.           梦想
+116   driving licence                     n.           驾驶执照
+117   drugstore                           n.           药店
+118   dry                                 adj.         干燥的
+119   dry                                 v.           变干
+120   duty-free                           adj          免税的
+121   DVD player                          n.           DVD播放机
+122   each other                          phrase.      彼此
+123   eastern                             adj          东方的
+124   easy                                adj.         容易的
+125   easygoing                           adj          随和的
+126   economics                           n            经济学
+127   edge                                n            边
+128   elevator                            n.           电梯
+129   exam                                abbr.        考试
+130   exchange                            v            交换
+131   excited                             adj.         兴奋的
+132   exciting                            adj.         令人兴奋的
+133   extinct                              adj.        不再存在的；已灭绝的
+134   face                                vt.          面对
+135   face to face                        adv          面对面地
+136   face-to-face                        adj          面对面的
+137   fall over                            phr v       摔倒；跌倒
+138   famous                              adj.         著名的
+139   fancy                               v            想要
+140   farm                                v.           耕种
+141   favourite                           adj.         最喜欢的
+142   fax                                 n            传真机
+143   feel                                v.           感觉
+144   female                              adj          女性的
+145   field                               n.           领域
+146   film                                n.           电影
+147   fire                                n.           火
+148   fish                                n.           鱼
+149   flat                                adj.         平坦的
+150   floor                               n.           地板
+151   foot                                n.           英尺
+152   football                            n.           橄榄球
+153   forest                              n.           森林
+154   French fries                        n.           炸薯条
+155   frightened                          adj.         害怕的
+156   frog                                n.           青蛙
+157   fruit                               n.            果实；结果
+158   gallery                             n.           画廊
+159   gap                                 n            缺口
+160   garden                              v.           从事园艺活动
+161   gas station                         n.           加油站
+162   generally                           adv          通常
+163   generation                          n            一代
+164   get fit                             phrase.      健身
+165   get married                         phrase.      结婚
+166   give somebody a call/ring           phrase.      给某人打电话
+167   glass                               n.           玻璃
+168   go out                              phrase.      出去
+169   goat                                n.           山羊
+170   grass                               n.           草地
+171   grill                               n            烤架
+172   grocery store                       n.           杂货店
+173   grow up                             phrase.      长大
+174   guest-house                         n.           招待所
+175   gym                                 n.           体育馆
+176   haircut                             n            理发
+177   hairdresser                         n            理发师
+178   hairdryer                           n            吹风机
+179   hall                                n.           大厅
+180   hand                                vt.          传递，交递
+181   head                                v.           带领
+182   headphones                          n.           耳机
+183   helpful                             adj.         有帮助的
+184   hip hop                             n.           嘻哈音乐
+185   hire                                n            被雇佣的人
+186   hit                                 n.           击打
+187   hobby                               n.           爱好
+188   hockey                              n.           曲棍球, 冰上曲棍球
+189   holiday                             n.           假期
+190   hoodie                              n            带兜帽的厚运动衫
+191   horror                              n.           恐怖
+192   hospital                            n.           医院
+193   hot                                 adj.         热的
+194   hour                                n.           小时
+195   house                               n.           房子
+196   huge                                adj.         巨大的
+197   hungry                              adj.         饥饿的
+198   ice hockey                          n            冰球
+199   ice skates                          n            冰鞋
+200   ice skating                         n            滑冰
+201   ID/ID card                          abbr.        身份证
+202   idea                                n.           想法
+203   in front of                         phrase.      在……前面
+204   indoors                             adv.         在室内
+205   instead of                          prep.        代替
+206   interesting                         adj.         有趣的
+207   internet                            n.           互联网
+208   interview                           n            面试
+209   invitation                          n.           邀请
+210   invite                              v.           邀请
+211   iron                                n            铁
+212   jacket                              n.           夹克衫
+213   jail                                n            监狱
+214   jar                                 n            罐子
+215   jealous                             adj          嫉妒的
+216   jeans                               n.           牛仔裤
+217   jet                                 n            喷气式飞机
+218   job                                 n.           工作
+219   kick                                v.           踢
+220   knife                               n.           刀
+221   laptop                              n.           笔记本电脑
+222   late                                adj.         迟的
+223   length                              n.           长度
+224   lesson                              n.           经验教训
+225   letter                              n.           信函
+226   lie down                            phrase.      躺下
+227   life                                n.           生命
+228   limit                               n            限制
+229   live                                adv.         现场直播地
+230   live                                adj          现场直播的
+231   lizard                              n            蜥蜴
+232   load                                n            负载
+233   lorry                               n.           卡车
+234   lose                                v.           失去
+235   lots                                n.           许多
+236   luckily                             adv.         幸运地
+237   make sure                           phrase.      确保
+238   male                                adj          男性的
+239   many                                pron.        许多(人或物)
+240   market                              n.           市场
+241   maths                               abbr.        数学
+242   maximum                             n            最大值
+243   meet                                v.           遇见
+244   microphone                           n           麦克风
+245   minimum                             n            最小值
+246   mirror                              n.           镜子
+247   mobile phone                        n.           手机
+248   monthly                             adj.         每月的
+249   mountain                            n.           山
+250   movie                               n.           电影
+251   movie star                          n.           电影明星
+252   movie theater                       phrase.      电影院
+253   musician                            n.           音乐家
+254   name                                v.           命名；给…取名
+255   nationality                         n.           国籍
+256   natural                             adj.         自然的
+257   near                                adj.         近的
+258   nearby                              adj          附近的
+259   nest                                n            鸟巢；鸟窝
+260   nice                                adj.         友好的，亲切的，讨人喜欢的
+261   niece                               n            侄女
+262   noise                               n.           噪音
+263   northeast                           n            东北部
+264   northwest                           n            西北
+265   number                              n.           数字
+266   nurse                               n.           护士
+267   o'clock                             n.           点钟
+268   octopus                             n            章鱼
+269   often                               adv.         经常
+270   outdoor                             adj.         户外的
+271   outdoors                            adv.         在户外
+272   outdoors                            n.           户外
+273   overnight                           adj          一整夜的
+274   paint                               n.           油漆
+275   paint                               v.           在…刷油漆；
+276   painting                            n.           刷油漆
+277   parent                              n.           父亲（或母亲）
+278   parking lot                         n.           停车场
+279   party                               n.           （同行的）群，组，队
+280   pencil case                         phrase.      铅笔盒
+281   penny                               n.           便士
+282   people                              n.           人
+283   pharmacy                            n.           药店
+284   phone                               v.           打电话给
+285   photo                               n.           照片
+286   piano                               n.           钢琴
+287   pick up                             phrase.      （开车）接载（人）
+288   picnic                              v.           去野餐
+289   picture                             n.           图片
+290   pin                                 n            别针
+291   pink                                n.           粉色
+292   plane                               n.           飞机
+293   plant                               n.           植物
+294   plant                               v.           种植
+295   plug                                n            插头
+296   police                              n.           警察
+297   police car                          n.           警车
+298   poster                              n.           海报
+299   practise                            v.           练习
+300   present                             adj.         现在的
+301   pretty                              adv.         相当
+302   problem                             n.           问题
+303   professional                        adj          专业的
+304   put on                              phrase.      穿上
+305   question                            v.           询问
+306   quickly                             adv.         迅速地
+307   quiet                               adj.         安静的
+308   radio                               n.           收音机
+309   reading                             v.           阅读
+310   recently                            adv          不久前；最近
+311   refrigerator                        n.           冰箱
+312   request                             v            请求
+313   rescue                              v            营救
+314   reserve                             v            预订
+315   review                              n.           评论
+316   right hand                          n.           右手
+317   roof                                n.           屋顶
+318   ruler                               n.           统治者；支配者
+319   run                                 v.           管理，经营
+320   safe                                adj.         安全的
+321   sail                                v.           航行
+322   sauce                               n.           调味汁
+323   sausage                             n.           香肠
+324   scarf                               n.           围巾
+325   scary                               adj.         可怕的
+326   science                             n.           科学
+327   second-hand                         adv          二手地
+328   sell                                v.           卖
+329   signal                              n            信号
+330   sit down                            phrase.      坐下
+331   skate                               v.           滑冰
+332   skateboard                          n.           滑板
+333   skateboarding                       n.           滑板运动
+334   sleep                               n.           睡眠
+335   sleep                               v.           睡觉
+336   slow                                adj.         缓慢的
+337   slow                                v.           放慢
+338   slowly                              adv.         慢慢地
+339   check in                            phr. v.      托运
+340   snowboard                           v.           滑雪板运动
+341   soccer                              n.           足球
+342   southwest                           n            西南部
+343   spider                              n            蜘蛛
+344   sport                               n.           运动
+345   sports centre                       n.           体育中心
+346   square                              n.           广场
+347   stairs                              n.           楼梯
+348   stand                               v.           位于
+349   stand                               v.           忍受，承受
+350   stomach                             n.           胃
+351   stomachache                         n.           胃痛
+352   store                               n.           商店
+353   store                               v.           储存
+354   street                              n.           街道
+355   strike                              n            罢工
+356   striped                             adj.         有条纹的
+357   stripes                             n.           条纹
+358   study                               n.           学习
+359   sugar                               n.           糖
+360   supermarket                         n.           超市
+361   support                             v            支持
+362   surfboard                           n.           冲浪板
+363   surprising                          adj.         令人惊讶的
+364   swan                                n.           天鹅
+365   switch                              n            开关
+366   tablet                              n.           药片
+367   tail                                n.           尾巴
+368   take off                            phrase.      （飞机等）起飞
+369   tear                                n            眼泪
+370   television                          n.           电视机
+371   terrible                            adj.         可怕的
+372   thirsty                             adj.         渴望的，渴求的
+373   those                               pron.        那些
+374   throw                               v.           扔
+375   ticket                              n.           票
+376   tidy                                v.           整理
+377   tights                              n.           紧身裤
+378   topic                               n.           话题
+379   tortoise                            n.           陆龟；海龟
+380   tourist information centre          phrase.      游客信息中心
+381   train                               v.           训练
+382   transport                           n.           运输
+383   travel                              n.           旅行
+384   try on                              phrase.      试穿
+385   umbrella                            n.           雨伞
+386   update                              v            更新
+387   vegetable                           n.           蔬菜
+388   vegetarian                          n            素食者
+389   video                               adj.         视频的
+390   video                               n            视频
+391   village                             n.           村庄
+392   visiting                            adj.         访问的
+393   wake                                v.           醒来
+394   wake up                             phrase.      叫醒
+395   walk                                v.           牵着（动物）走
+396   walking                             n.           步行
+397   wall                                n.           墙
+398   wardrobe                            n.           衣柜
+399   wash                                v            洗
+400   wash up                             phrase.      洗漱
+401   well known                          adj.         众所周知的
+402   whale                               v.           捕鲸
+403   white                               n.           白色
+404   wife                                n.           妻子
+405   wildlife                            n.           野生动物
+406   wind                                v.           蜿蜒前进，迂回
+407   windsurfing                         n.           帆板运动
+408   worst                               adj.         最差的
+409   worst                               adv.         最糟糕地
+410   writer                              n.           作家
+411   writing                             n.           写作
+412   yellow                              n.           黄色
+413   yoghurt                             n.           酸奶
diff --git a/output/22163_data.csv b/output/22163_data.csv
deleted file mode 100644
index 3e0e963..0000000
--- a/output/22163_data.csv
+++ /dev/null
@@ -1 +0,0 @@
-userId,userMsg,source,userName,soeData,audioUrl,asrStatus,componentId,componentType,dataVersion,timeStr
diff --git a/output/KET单词表_2025.xlsx b/output/KET单词表_2025.xlsx
new file mode 100644
index 0000000..29bd3c1
Binary files /dev/null and b/output/KET单词表_2025.xlsx differ
diff --git a/output/L1单词表_980词.xlsx b/output/L1单词表_980词.xlsx
new file mode 100644
index 0000000..ff62c5b
Binary files /dev/null and b/output/L1单词表_980词.xlsx differ
diff --git a/output/单词对比_30-48与L1.xlsx b/output/单词对比_30-48与L1.xlsx
deleted file mode 100644
index 26f977b..0000000
Binary files a/output/单词对比_30-48与L1.xlsx and /dev/null differ
diff --git a/output/单词对比_三表最终结果.xlsx b/output/单词对比_三表最终结果.xlsx
deleted file mode 100644
index 8e5e638..0000000
Binary files a/output/单词对比_三表最终结果.xlsx and /dev/null differ
diff --git a/output/单词对比_最新三表结果.xlsx b/output/单词对比_最新三表结果.xlsx
deleted file mode 100644
index 4ce387a..0000000
Binary files a/output/单词对比_最新三表结果.xlsx and /dev/null differ
diff --git a/regenerate_files.py b/regenerate_files.py
new file mode 100644
index 0000000..01faec4
--- /dev/null
+++ b/regenerate_files.py
@@ -0,0 +1,81 @@
+
+import pandas as pd
+import os
+
+# ---------------------------
+# 重新生成并保存到正确位置
+# ---------------------------
+
+# 文件路径
+file3034 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/30-34.xlsx'
+fileLevel3 = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/三级单词表原始版.xlsx'
+fileKet = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/KET词汇表_完整版.xlsx'
+
+outputDir = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表'
+
+# 1. 生成【是否三级】版本
+df3034 = pd.read_excel(file3034)
+dfLevel3 = pd.read_excel(fileLevel3)
+
+# 创建三级词汇表字典
+level3_dict = {}
+for idx, row in dfLevel3.iterrows():
+    word = str(row['单词']).strip().lower()
+    pos = row['三级词性'] if pd.notna(row['三级词性']) else row['A2词性']
+    meaning = row['三级中文释义'] if pd.notna(row['三级中文释义']) else row['A2中文释义']
+    level3_dict[word] = {'row': idx+2, 'pos': pos, 'meaning': meaning}
+
+# 添加【是否三级】列
+result_level3 = []
+for idx, row in df3034.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word in level3_dict:
+        info = level3_dict[word]
+        result_level3.append(f"【是】- 第{info['row']}行 - {info['pos']} - {info['meaning']}")
+    else:
+        result_level3.append("【否】")
+df3034['是否三级'] = result_level3
+
+# 保存文件1
+output1 = os.path.join(outputDir, '30-34_三级标注完成.xlsx')
+df3034.to_excel(output1, index=False)
+print(f"已保存: {output1}")
+
+# 2. 生成【是否KET】版本
+df3034_ket = pd.read_excel(file3034)
+dfKet = pd.read_excel(fileKet)
+
+# 创建KET词汇表字典
+ket_dict = {}
+for idx, row in dfKet.iterrows():
+    word = str(row['单词']).strip().lower()
+    ket_dict[word] = {'row': idx+2, 'pos': row['词性']}
+
+# 添加【是否KET】列
+result_ket = []
+for idx, row in df3034_ket.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word in ket_dict:
+        info = ket_dict[word]
+        result_ket.append(f"【是】- 第{info['row']}行 - {info['pos']}")
+    else:
+        result_ket.append("【否】")
+df3034_ket['是否KET'] = result_ket
+
+# 保存文件2
+output2 = os.path.join(outputDir, '30-34_KET标注完成.xlsx')
+df3034_ket.to_excel(output2, index=False)
+print(f"已保存: {output2}")
+
+# 3. 生成同时有两个标注的版本
+df3034_both = pd.read_excel(file3034)
+df3034_both['是否三级'] = result_level3
+df3034_both['是否KET'] = result_ket
+output3 = os.path.join(outputDir, '30-34_完整标注版.xlsx')
+df3034_both.to_excel(output3, index=False)
+print(f"已保存: {output3}")
+
+print("\n所有文件已保存到: L2单词表目录")
+print("\n目录内容:")
+for f in os.listdir(outputDir):
+    print(f"  - {f}")
diff --git a/verify_ket.py b/verify_ket.py
new file mode 100644
index 0000000..925b0e5
--- /dev/null
+++ b/verify_ket.py
@@ -0,0 +1,73 @@
+
+import pandas as pd
+
+# 读取结果文件
+fileResult = r'/root/.openclaw/workspace-xiaoyan/output/30-34_KET标注完成.xlsx'
+fileKet = r'/root/.openclaw/workspace-xiaoyan/business_knowledge/L2单词表/KET词汇表_完整版.xlsx'
+
+dfResult = pd.read_excel(fileResult)
+dfKet = pd.read_excel(fileKet)
+
+print("=== 复核检查 ===")
+print(f"结果文件总行数: {len(dfResult)}")
+print(f"结果文件列名: {dfResult.columns.tolist()}")
+
+# 创建KET词汇表的快速查找字典
+ket_words = set()
+for idx, row in dfKet.iterrows():
+    word = str(row['单词']).strip().lower()
+    ket_words.add(word)
+
+# 手动复核前20个和后20个单词
+print("\n=== 手动复核前20个单词 ===")
+correct = 0
+wrong = 0
+for idx in range(min(20, len(dfResult))):
+    row = dfResult.iloc[idx]
+    word = str(row['单词']).strip().lower()
+    is_ket = word in ket_words
+    marked_as_ket = '【是】' in str(row['是否KET'])
+    
+    status = "✓" if is_ket == marked_as_ket else "✗"
+    if is_ket == marked_as_ket:
+        correct += 1
+    else:
+        wrong += 1
+    
+    print(f"{idx+1:2d}. {row['单词']:20s} 标注: {'是' if marked_as_ket else '否':3s} 实际: {'是' if is_ket else '否':3s} {status}")
+
+print(f"\n前20个 - 正确: {correct}, 错误: {wrong}")
+
+# 复核后20个
+print("\n=== 手动复核后20个单词 ===")
+correct2 = 0
+wrong2 = 0
+for idx in range(max(0, len(dfResult)-20), len(dfResult)):
+    row = dfResult.iloc[idx]
+    word = str(row['单词']).strip().lower()
+    is_ket = word in ket_words
+    marked_as_ket = '【是】' in str(row['是否KET'])
+    
+    status = "✓" if is_ket == marked_as_ket else "✗"
+    if is_ket == marked_as_ket:
+        correct2 += 1
+    else:
+        wrong2 += 1
+    
+    print(f"{idx+1:3d}. {row['单词']:20s} 标注: {'是' if marked_as_ket else '否':3s} 实际: {'是' if is_ket else '否':3s} {status}")
+
+print(f"\n后20个 - 正确: {correct2}, 错误: {wrong2}")
+
+# 复核所有标注为【否】的单词
+print("\n=== 复核标注为【否】的所有单词 ===")
+no_words = dfResult[dfResult['是否KET'] == '【否】']
+print(f"标注为【否】的单词共 {len(no_words)} 个:")
+all_correct = True
+for idx, row in no_words.iterrows():
+    word = str(row['单词']).strip().lower()
+    if word in ket_words:
+        print(f"✗ {row['单词']} 应该是【是】，但标注为【否】")
+        all_correct = False
+
+if all_correct:
+    print("✓ 所有标注为【否】的单词都是正确的！")