@hedeqiang/dsh-nl2sql 0.10.0 → 0.11.2

package/lib/client.js

@@ -15,6 +15,119 @@ window.__ModuleLoader__.load({
     // ------------------------------------------------------------ locale
 
     const zh = {
+      'dash.sourceOf': "数据源",
+      'dash.sourceMissing': "该图表的数据源已删除，无法刷新",
+      'dash.sourceMissingShort': "数据源已删除",
+      'dash.scope': "显示范围",
+      'dash.scopeAll': "全部数据源",
+      'dash.scopeCurrent': "仅 {name}",
+      'dash.sources': "包含数据源：{list}",
+      'dash.scopeEmpty': "这个看板里没有「{name}」的图表",
+      'dash.scopeEmptyHint': "另有 {n} 个其他数据源的图表被隐藏。",
+      'im.attachFull': "超过 {n} 行的结果附带完整数据 Excel",
+      'im.rowsLimit': "消息中每个结果最多显示 {n} 行，超出部分会注明；完整数据可在页面导出 Excel",
+      'im.sentFile': "已附带完整数据 Excel",
+      "settings.botDefaultRole": "未登记的用户",
+      "settings.larkDefaultRole": "未登记的用户",
+      "ch.savedTestFailedMsg": "已保存，但测试失败：{msg}",
+      "ch.p.lark": "飞书",
+      "ch.p.telegram": "Telegram",
+      "ch.p.wecom": "企业微信",
+      "ch.p.dingtalk": "钉钉",
+      "ch.p.lark.mark": "飞",
+      "ch.p.telegram.mark": "TG",
+      "ch.p.wecom.mark": "企",
+      "ch.p.dingtalk.mark": "钉",
+      "ch.k.lark_webhook": "在群设置里添加的自定义机器人，复制 Webhook 地址即可，只能推送。",
+      "ch.k.lark_app": "企业自建应用机器人：可发给群或个人、列出群聊，并能在飞书里 @机器人 提问。",
+      "ch.f.signSecret": "开启「签名校验」后填写；不填则不签名。",
+      "ch.f.receiveId": "群聊可点「选择群聊」自动填写。",
+      "ch.desc": "渠道是与一个 IM 平台的连接，用于推送查询结果、看板、定时报告和告警；支持的渠道还能作为机器人，在群里或私聊中直接提问。",
+      "ch.emptyHint": "添加飞书、Telegram、企业微信或钉钉渠道，把结果推送到群里，或开启机器人在 IM 里提问。",
+      "ch.addTitle": "添加渠道",
+      "ch.addSub": "选择平台和接入方式，下一步填写凭据。",
+      "ch.editTitle": "编辑渠道「{name}」",
+      "ch.back": "返回上一步",
+      "ch.step.pick": "选择平台",
+      "ch.step.config": "填写配置",
+      "ch.pickPlatform": "平台",
+      "ch.pickKind": "{platform} 的接入方式",
+      "ch.kindsN": "{n} 种接入方式",
+      "ch.noCatalog": "没有可用的渠道类型。",
+      "ch.unknownKind": "当前版本不支持渠道类型「{type}」。",
+      "ch.noPublicUrl": "无需公网地址",
+      "ch.cap.native": "原生图表",
+      "ch.cap.image": "图片图表",
+      "ch.cap.none": "仅表格",
+      "ch.cap.buttons": "按钮",
+      "ch.cap.bot": "机器人",
+      "ch.bot.state.off": "未启用",
+      "ch.bot.state.connecting": "连接中",
+      "ch.bot.state.connected": "已连接",
+      "ch.bot.state.error": "连接失败",
+      "ch.bot.state.stopped": "已停止",
+      "ch.secretKeep": "已设置，留空不修改",
+      "ch.secretSet": "已设置",
+      "ch.err.required": "必填",
+      "ch.err.pattern": "格式不正确",
+      "ch.err.url": "请输入以 http(s):// 开头的地址",
+      "ch.setupSteps": "配置步骤（{n} 步）",
+      "ch.pickHint": "用当前填写的凭据列出机器人所在的群，不会保存。",
+      "ch.tablesOnly": "该渠道只能发送表格。",
+      "ch.cmImage": "图表会渲染成图片发送。",
+      "ch.botSection": "机器人",
+      "ch.botSectionHint": "启用后，群里 @机器人 或私聊即可提问；机器人在 Harness 中开一个数据问答会话作答并回复。成员权限见「成员与权限」。",
+      "ch.botEnable": "启用机器人",
+      "ch.testSavesFirst": "测试前会先保存。",
+      "ch.testConn": "测试连接",
+      "ch.testOk": "测试成功",
+      "ch.savedTestFailed": "已保存，但测试失败",
+      "ch.saved": "渠道已保存",
+      "ch.deleted": "渠道已删除",
+      "ch.defaultSet": "已设为默认渠道",
+      "ch.actionsFor": "「{name}」的操作",
+      "ch.botSettings": "机器人设置",
+      "ch.deleteBotWarn": "这个渠道的机器人也会停止。",
+      "ch.failedN": "{n} 条失败",
+      "ch.bots": "机器人",
+      "ch.botsHint": "在 IM 里 @机器人 或私聊提问，按下方成员权限作答。",
+      "ch.bots.empty": "还没有支持机器人的渠道",
+      "ch.bots.emptyHint": "添加飞书应用机器人、Telegram、企业微信或钉钉的机器人渠道后，就能在 IM 里直接提问，无需公网地址。",
+      "ch.bots.goAdd": "去添加渠道",
+      "ch.botToggle": "启用「{name}」的机器人",
+      "ch.botOn": "「{name}」的机器人已启用",
+      "ch.botOff": "「{name}」的机器人已停用",
+      "ch.restart": "重连",
+      "ch.convsN": "最近对话 {n}",
+      "ch.p2pOn": "允许私聊",
+      "ch.sum.on": "{on} / {total} 个已启用",
+      "ch.sum.err": "{n} 个连接失败",
+      "mb.kind2.person": "个人",
+      "mb.kind2.chat": "群聊",
+      "mb.ids.person": "IM 身份",
+      "mb.ids.chat": "群聊 ID",
+      "mb.ids.personHint": "用于识别在 IM 里提问的人；可以添加多个平台的身份。",
+      "mb.ids.chatHint": "这个群里的人 @机器人 时按群的权限作答。",
+      "mb.ids.add": "添加身份",
+      "mb.ids.platformN": "身份 {n} 的平台",
+      "mb.ids.idN": "身份 {n} 的 ID",
+      "mb.ids.emailN": "身份 {n} 的邮箱（可选）",
+      "mb.ids.emailPh": "邮箱（可选）",
+      "mb.ids.remove": "删除身份 {n}",
+      "mb.ids.empty": "请填写 ID 或邮箱，或删除这一行",
+      "mb.ids.needOne": "至少需要一个身份，用于识别成员",
+      "mb.ids.none": "未设置身份",
+      "mb.idHelp.lark.person": "飞书 open_id（ou_ 开头），可在开放平台 API 调试台或机器人收到的消息事件里找到；也可只填邮箱。",
+      "mb.idHelp.lark.chat": "飞书群 chat_id（oc_ 开头），可在「渠道」编辑应用机器人时用「选择群聊」查看。",
+      "mb.idHelp.telegram.person": "Telegram 数字用户 ID，可让对方给 @userinfobot 发消息获取。",
+      "mb.idHelp.telegram.chat": "Telegram 群 chat id（通常是 -100 开头的负数），可在「渠道」里用「选择群聊」查看。",
+      "mb.idHelp.wecom.person": "企业微信 userid（通讯录 → 成员详情里的「账号」）。",
+      "mb.idHelp.wecom.chat": "企业微信群聊 chatid，可在机器人收到的消息里找到。",
+      "mb.idHelp.dingtalk.person": "钉钉 userId（管理后台 → 通讯录 → 成员详情）。",
+      "mb.idHelp.dingtalk.chat": "钉钉群 openConversationId（cid 开头），可在机器人收到的消息里找到。",
+      "set.l.unknownUser": "未登记的用户",
+      "set.h.botDefaultRole": "不在「成员」列表中的人在群里 @机器人 或私聊时的权限，适用于所有平台的机器人。",
+      "set.h.defaultChannel": "Agent 推送、看板发送等未指定渠道时使用。修改会立即生效。",
       'ask.shuffle': "换一批",
       'ask.deleteRecent': "删除这条提问记录",
       'ask.deleteRecentMsg': "将删除「{q}」的全部历史记录（不影响会话本身）。",
@@ -56,7 +169,7 @@ window.__ModuleLoader__.load({
       'admin.sources': "数据源",
       'admin.members': "成员与权限",
       'admin.automation': "告警与报告",
-      'admin.push': "推送渠道",
+      'admin.push': "渠道",
       'admin.settings': "设置",
       'ds.empty': "还没有数据源",
       'ds.emptyHint': "先连接一个数据库（MySQL / PostgreSQL / Elasticsearch），或上传一个 CSV / Excel 文件。",
@@ -79,8 +192,8 @@ window.__ModuleLoader__.load({
       'ob.ask': "试问一个问题",
       'ob.ask.desc': "用下面推荐的问题试一下，Agent 会写 SQL、执行并画图。",
       'ob.ask.cta': "试一个问题",
-      'ob.push': "配置飞书推送（可选）",
-      'ob.push.desc': "把查询结果、看板、定时报告和告警发到飞书群。",
+      'ob.push': "配置推送渠道（可选）",
+      'ob.push.desc': "把查询结果、看板、定时报告和告警发到飞书、Telegram、企业微信或钉钉群。",
       'ob.push.cta': "去配置",
       'ask.ex.tables': "这个库里有哪些核心业务表？分别是做什么的？",
       'ask.ex.biggest': "数据量最大的 10 张表是哪些？",
@@ -115,13 +228,13 @@ window.__ModuleLoader__.load({
       'set.g.privacy': "模型可见数据",
       'set.g.query': "查询",
       'set.g.automation': "自动任务",
-      'set.g.lark': "飞书",
+      'set.g.lark': "渠道与机器人",
       'set.g.storage': "数据与存储",
       'set.g.about': "关于",
       'set.gd.privacy': "决定哪些数据会发给模型。查询结果始终完整显示在页面上。",
       'set.gd.query': "查询的行数、时间和保护。",
       'set.gd.automation': "告警调度和表结构变更检测。",
-      'set.gd.lark': "飞书机器人和未登记用户的权限。",
+      'set.gd.lark': "默认渠道、未登记用户的权限和各平台机器人。",
       'set.gd.storage': "本地存储、日志保留和配置备份。",
       'set.gd.about': "版本和运行环境信息。",
       'settings.sample.off.desc': "模型只看到表名、字段名和类型。",
@@ -152,9 +265,9 @@ window.__ModuleLoader__.load({
       'set.openAlerts': "查看告警",
       'set.h.larkDefaultRole': "不在「成员」列表中的飞书用户在群里 @机器人 或私聊时的权限。选择允许时，他们只能访问下方「成员与权限」中设定的默认数据源范围。",
       'set.configure': "配置",
-      'set.defaultChannel': "默认推送渠道",
+      'set.defaultChannel': "默认渠道",
       'set.noDefaultChannel': "未设置默认渠道",
-      'set.noChannels': "还没有推送渠道",
+      'set.noChannels': "还没有渠道",
       'set.resultsDb': "结果库",
       'set.resultsDbSub': "{results} 个结果 · {cache} 条缓存",
       'set.stateFile': "配置文件",
@@ -390,10 +503,10 @@ window.__ModuleLoader__.load({
       'al.events': '告警记录',
       'al.message': '内容',
       'al.deleteConfirm': '删除告警「{name}」？',
-      'mb.hint': '为飞书里的同事或群开通数据问答：按成员 / 群限定可访问的数据源，审计记录会归属到具体的人。本机页面始终拥有全部权限。',
+      'mb.hint': "为 IM 里的同事或群开通数据问答：按成员 / 群限定可访问的数据源，审计记录会归属到具体的人。本机页面始终拥有全部权限。",
       'mb.add': '添加成员',
       'mb.empty': '还没有成员',
-      'mb.emptyHint': '添加飞书同事（open_id 或邮箱）或飞书群（chat_id），再启用上方的飞书机器人，大家就能在飞书里 @机器人 提问。',
+      'mb.emptyHint': "添加同事（飞书、Telegram、企业微信或钉钉的用户 ID）或群聊，再启用上方的机器人，大家就能在 IM 里 @机器人 提问。",
       'mb.kind': '类型',
       'mb.kind.person': '飞书用户',
       'mb.kind.chat': '飞书群',
@@ -414,7 +527,7 @@ window.__ModuleLoader__.load({
       'mb.usage': '使用情况（近 30 天）',
       'mb.user': '成员',
       'mb.lastActive': '最近使用',
-      'mb.default': '未登记的飞书用户：',
+      'mb.default': "未登记的用户：",
       'mb.defaultRole.none': '拒绝（需要先添加为成员）',
       'mb.defaultRole.viewer': '允许，只读',
       'mb.defaultRole.analyst': '允许，分析师',
@@ -494,7 +607,7 @@ window.__ModuleLoader__.load({
       'result.chartType': '图表类型',
       'result.more': '更多操作',
       'result.data': '数据',
-      'im.sendReply': '发送这条回复到飞书',
+      'im.sendReply': "发送这条回复到 IM",
       'im.chartMode': '图表形式',
       'im.cm.default': '跟随渠道',
       'im.cm.native': '原生图表',
@@ -557,12 +670,12 @@ window.__ModuleLoader__.load({
       'im.col.time': '时间', 'im.col.channel': '渠道', 'im.col.title': '标题', 'im.col.source': '来源', 'im.col.status': '结果',
       'im.src.ui': '页面', 'im.src.agent': 'Agent', 'im.src.dashboard': '看板', 'im.src.test': '测试',
       'im.resultsN': '{count} 个结果', 'im.imagesN': '{count} 张图',
-      'im.share': '发送到飞书',
+      'im.share': "发送到 IM",
       'im.shareAll': '全部发送到 IM',
       'im.shareDashboard': '发送看板',
       'im.dashboardTitle': '数据看板',
-      'im.sendTitle': '发送到飞书 / Lark',
-      'im.noChannel': '还没有推送渠道，请先在「推送」页签添加。',
+      'im.sendTitle': "发送到 IM 渠道",
+      'im.noChannel': "还没有渠道，请先在「管理 → 渠道」添加。",
       'im.channel': '发送到',
       'im.msgTitle': '标题',
       'im.text': '正文（Markdown）',
@@ -905,6 +1018,119 @@ window.__ModuleLoader__.load({
       'error.generic': '操作失败：{message}',
     }
     const en = {
+      'dash.sourceOf': "Data source",
+      'dash.sourceMissing': "This chart's data source was deleted; it cannot refresh",
+      'dash.sourceMissingShort': "source deleted",
+      'dash.scope': "Show",
+      'dash.scopeAll': "All sources",
+      'dash.scopeCurrent': "Only {name}",
+      'dash.sources': "Sources: {list}",
+      'dash.scopeEmpty': "No charts from \"{name}\" on this dashboard",
+      'dash.scopeEmptyHint': "{n} charts from other sources are hidden.",
+      'im.attachFull': "Attach full data as Excel for results over {n} rows",
+      'im.rowsLimit': "Messages show up to {n} rows per result and say when rows are omitted; export Excel on the page for full data",
+      'im.sentFile': "full data attached as Excel",
+      "settings.botDefaultRole": "Unregistered users",
+      "settings.larkDefaultRole": "Unregistered users",
+      "ch.savedTestFailedMsg": "Saved, but the test failed: {msg}",
+      "ch.p.lark": "Lark",
+      "ch.p.telegram": "Telegram",
+      "ch.p.wecom": "WeCom",
+      "ch.p.dingtalk": "DingTalk",
+      "ch.p.lark.mark": "L",
+      "ch.p.telegram.mark": "TG",
+      "ch.p.wecom.mark": "W",
+      "ch.p.dingtalk.mark": "D",
+      "ch.k.lark_webhook": "A custom bot added in group settings. Paste its webhook URL; push only.",
+      "ch.k.lark_app": "A custom app bot: message groups or people, list chats, and answer questions when @-mentioned in Lark.",
+      "ch.f.signSecret": "Fill in when signature verification is on; leave empty to send unsigned.",
+      "ch.f.receiveId": "For groups, use \"Pick chat\" to fill this in.",
+      "ch.desc": "A channel is one connection to an IM platform. It delivers results, dashboards, scheduled reports and alerts; channels that support it can also run a chat bot that answers questions in groups or DMs.",
+      "ch.emptyHint": "Add a Lark, Telegram, WeCom or DingTalk channel to push results to a group, or turn on a bot to ask questions from IM.",
+      "ch.addTitle": "Add channel",
+      "ch.addSub": "Pick a platform and connection type; credentials come next.",
+      "ch.editTitle": "Edit channel \"{name}\"",
+      "ch.back": "Back",
+      "ch.step.pick": "Platform",
+      "ch.step.config": "Configure",
+      "ch.pickPlatform": "Platform",
+      "ch.pickKind": "How to connect {platform}",
+      "ch.kindsN": "{n} connection types",
+      "ch.noCatalog": "No channel types are available.",
+      "ch.unknownKind": "Channel type \"{type}\" is not supported by this version.",
+      "ch.noPublicUrl": "No public URL needed",
+      "ch.cap.native": "Native charts",
+      "ch.cap.image": "Chart images",
+      "ch.cap.none": "Tables only",
+      "ch.cap.buttons": "Buttons",
+      "ch.cap.bot": "Bot",
+      "ch.bot.state.off": "Off",
+      "ch.bot.state.connecting": "Connecting",
+      "ch.bot.state.connected": "Connected",
+      "ch.bot.state.error": "Error",
+      "ch.bot.state.stopped": "Stopped",
+      "ch.secretKeep": "Set; leave empty to keep",
+      "ch.secretSet": "Set",
+      "ch.err.required": "Required",
+      "ch.err.pattern": "Invalid format",
+      "ch.err.url": "Enter an address starting with http(s)://",
+      "ch.setupSteps": "Setup steps ({n})",
+      "ch.pickHint": "Lists the chats the bot is in using the credentials above; nothing is saved.",
+      "ch.tablesOnly": "This channel can only send tables.",
+      "ch.cmImage": "Charts are rendered and sent as images.",
+      "ch.botSection": "Bot",
+      "ch.botSectionHint": "When on, people @-mention the bot in a group or DM it to ask; it answers in a Data Q&A session here. Access follows Members & access.",
+      "ch.botEnable": "Enable bot",
+      "ch.testSavesFirst": "Testing saves the channel first.",
+      "ch.testConn": "Test connection",
+      "ch.testOk": "Test succeeded",
+      "ch.savedTestFailed": "Saved, but the test failed",
+      "ch.saved": "Channel saved",
+      "ch.deleted": "Channel deleted",
+      "ch.defaultSet": "Default channel set",
+      "ch.actionsFor": "Actions for \"{name}\"",
+      "ch.botSettings": "Bot settings",
+      "ch.deleteBotWarn": "The bot on this channel stops too.",
+      "ch.failedN": "{n} failed",
+      "ch.bots": "Bots",
+      "ch.botsHint": "@-mention or DM a bot in IM to ask; answers follow the member permissions below.",
+      "ch.bots.empty": "No bot-capable channels yet",
+      "ch.bots.emptyHint": "Add a Lark app bot, Telegram, WeCom or DingTalk bot channel to ask questions from IM, no public URL needed.",
+      "ch.bots.goAdd": "Add a channel",
+      "ch.botToggle": "Enable the bot of \"{name}\"",
+      "ch.botOn": "Bot of \"{name}\" enabled",
+      "ch.botOff": "Bot of \"{name}\" disabled",
+      "ch.restart": "Reconnect",
+      "ch.convsN": "Recent chats {n}",
+      "ch.p2pOn": "DMs allowed",
+      "ch.sum.on": "{on} / {total} enabled",
+      "ch.sum.err": "{n} failing",
+      "mb.kind2.person": "Person",
+      "mb.kind2.chat": "Group chat",
+      "mb.ids.person": "IM identities",
+      "mb.ids.chat": "Group chat IDs",
+      "mb.ids.personHint": "Identifies this person when they ask from IM; add one per platform.",
+      "mb.ids.chatHint": "People in this group get the group's access when they @-mention the bot.",
+      "mb.ids.add": "Add identity",
+      "mb.ids.platformN": "Platform of identity {n}",
+      "mb.ids.idN": "ID of identity {n}",
+      "mb.ids.emailN": "Email of identity {n} (optional)",
+      "mb.ids.emailPh": "Email (optional)",
+      "mb.ids.remove": "Remove identity {n}",
+      "mb.ids.empty": "Enter an ID or email, or remove this row",
+      "mb.ids.needOne": "Add at least one identity so the member can be recognized",
+      "mb.ids.none": "No identity",
+      "mb.idHelp.lark.person": "Lark open_id (starts with ou_), from the API explorer or a message event; an email alone also works.",
+      "mb.idHelp.lark.chat": "Lark chat_id (starts with oc_); use \"Pick chat\" when editing the app bot channel.",
+      "mb.idHelp.telegram.person": "Numeric Telegram user id; the person can get it from @userinfobot.",
+      "mb.idHelp.telegram.chat": "Telegram group chat id (usually negative, starting with -100); use \"Pick chat\" on the channel.",
+      "mb.idHelp.wecom.person": "WeCom userid (the \"Account\" in the contact details).",
+      "mb.idHelp.wecom.chat": "WeCom group chatid, found in messages the bot receives.",
+      "mb.idHelp.dingtalk.person": "DingTalk userId (admin console → Contacts → member details).",
+      "mb.idHelp.dingtalk.chat": "DingTalk group openConversationId (starts with cid), found in messages the bot receives.",
+      "set.l.unknownUser": "Unregistered users",
+      "set.h.botDefaultRole": "Access for people not in the member list when they @-mention or DM a bot, on every platform.",
+      "set.h.defaultChannel": "Used when the agent or a dashboard send names no channel. Applies immediately.",
       'ask.shuffle': "Shuffle",
       'ask.deleteRecent': "Delete this question from history",
       'ask.deleteRecentMsg': "All history entries of \"{q}\" will be deleted (the conversation itself is kept).",
@@ -946,7 +1172,7 @@ window.__ModuleLoader__.load({
       'admin.sources': "Data sources",
       'admin.members': "Members & access",
       'admin.automation': "Alerts & reports",
-      'admin.push': "Push channels",
+      'admin.push': "Channels",
       'admin.settings': "Settings",
       'ds.empty': "No data sources yet",
       'ds.emptyHint': "Connect a database (MySQL / PostgreSQL / Elasticsearch) or upload a CSV / Excel file.",
@@ -969,8 +1195,8 @@ window.__ModuleLoader__.load({
       'ob.ask': "Ask a question",
       'ob.ask.desc': "Try a suggested question below; the agent writes SQL, runs it and charts it.",
       'ob.ask.cta': "Try one",
-      'ob.push': "Set up Lark push (optional)",
-      'ob.push.desc': "Send results, dashboards, scheduled reports and alerts to Lark groups.",
+      'ob.push': "Set up a push channel (optional)",
+      'ob.push.desc': "Send results, dashboards, scheduled reports and alerts to Lark, Telegram, WeCom or DingTalk groups.",
       'ob.push.cta': "Set up",
       'ask.ex.tables': "What are the core business tables in this database and what do they do?",
       'ask.ex.biggest': "Which 10 tables have the most rows?",
@@ -1005,13 +1231,13 @@ window.__ModuleLoader__.load({
       'set.g.privacy': "Data shown to the model",
       'set.g.query': "Queries",
       'set.g.automation': "Automation",
-      'set.g.lark': "Lark",
+      'set.g.lark': "Channels & bots",
       'set.g.storage': "Data & storage",
       'set.g.about': "About",
       'set.gd.privacy': "What data is sent to the model. Results always show in full on the page.",
       'set.gd.query': "Row limits, time limits and protection.",
       'set.gd.automation': "Alert scheduling and schema change detection.",
-      'set.gd.lark': "Lark bot and permissions of unregistered users.",
+      'set.gd.lark': "Default channel, access for unregistered users, and bots per platform.",
       'set.gd.storage': "Local storage, log retention and configuration backup.",
       'set.gd.about': "Version and runtime.",
       'settings.sample.off.desc': "The model sees table names, column names and types only.",
@@ -1042,9 +1268,9 @@ window.__ModuleLoader__.load({
       'set.openAlerts': "View alerts",
       'set.h.larkDefaultRole': "Permission for Lark users not in the member list when they @ the bot or DM it.",
       'set.configure': "Configure",
-      'set.defaultChannel': "Default push channel",
+      'set.defaultChannel': "Default channel",
       'set.noDefaultChannel': "No default channel",
-      'set.noChannels': "No push channels yet",
+      'set.noChannels': "No channels yet",
       'set.resultsDb': "Results database",
       'set.resultsDbSub': "{results} results · {cache} cached",
       'set.stateFile': "Configuration file",
@@ -1128,7 +1354,7 @@ window.__ModuleLoader__.load({
       'filter.add': '+ Add filter', 'filter.remove': 'Remove filter', 'filter.clear': 'Clear',
       'filter.hint': 'Filters are injected into the outer WHERE of charts whose tables have the column; other charts (or UNION/derived-table queries) stay unchanged.',
       'filter.appliedCount': '{count} filters', 'filter.notApplied': 'This chart has none of the filter columns; global filters not applied',
-      'im.sendReply': 'Send this reply to Lark', 'im.chartMode': 'Charts as', 'im.cm.default': 'Channel default', 'im.cm.native': 'Native chart', 'im.cm.image': 'Image', 'im.cm.table': 'Table',
+      'im.sendReply': "Send this reply to IM", 'im.chartMode': 'Charts as', 'im.cm.default': 'Channel default', 'im.cm.native': 'Native chart', 'im.cm.image': 'Image', 'im.cm.table': 'Table',
       'im.cmHint': 'Native charts are interactive in Lark (client 7.1+) and work for both bot types; images need an app bot.',
       'im.md.edit': 'Edit', 'im.md.preview': 'Preview', 'im.md.empty': '(empty)', 'im.md.bold': 'Bold', 'im.md.heading': 'Heading', 'im.md.list': 'List', 'im.md.quote': 'Quote',
       'im.md.green': 'Green', 'im.md.red': 'Red', 'im.md.table': 'Table', 'im.md.link': 'Link', 'im.md.atAll': '@all',
@@ -1149,7 +1375,7 @@ window.__ModuleLoader__.load({
       'ev.section': 'Evaluation', 'ev.hint': 'Verified examples form the evaluation set. Agent mode answers each question from scratch (without seeing its example) and compares results with the example SQL; SQL mode only replays the example SQL to check compatibility.', 'ev.mode.agent': 'Agent answers', 'ev.mode.sql': 'Replay SQL only', 'ev.cases': '{count} cases', 'ev.run': 'Run evaluation', 'ev.running': 'Running {done}/{total}', 'ev.status.pass': 'pass', 'ev.status.fail': 'mismatch', 'ev.status.error': 'error', 'ev.sim': 'SQL similarity {p}%', 'ev.compareSql': 'Compare SQL (left: example, right: agent)', 'ev.include': 'Include',
       'sc.title': '{count} schema changes ({time})', 'sc.ack': 'Dismiss', 'sc.impacts': 'May affect', 'sc.table-added': 'table added', 'sc.table-removed': 'table removed', 'sc.column-added': 'column added', 'sc.column-removed': 'column removed', 'sc.column-type': 'type changed', 'sc.imp.widget': 'chart', 'sc.imp.example': 'example', 'sc.imp.metric': 'metric', 'sc.imp.note': 'note', 'sc.imp.alert': 'alert',
       'al.hint': 'Check metrics or SQL on a schedule and push to Lark when a condition holds: threshold, change, anomaly (z-score) or missing data. Recovery is notified too.', 'al.add': 'New alert', 'al.empty': 'No alerts yet', 'al.emptyHint': 'e.g. notify ops when daily GMV drops more than 20%.', 'al.name': 'Name', 'al.namePh': 'e.g. GMV drop', 'al.source': 'Source', 'al.src.metric': 'Metric library', 'al.src.sql': 'Custom SQL', 'al.metric': 'Metric', 'al.noMetrics': 'No metrics defined yet', 'al.grain': 'Grain', 'al.grain.hour': 'Hourly', 'al.grain.day': 'Daily', 'al.grain.week': 'Weekly', 'al.grain.month': 'Monthly', 'al.sql': 'SQL (first column time, last numeric column value)', 'al.condition': 'Condition', 'al.cond.threshold': 'Threshold', 'al.cond.change': 'Change', 'al.cond.anomaly': 'Anomaly', 'al.cond.missing': 'No data', 'al.condHint.threshold': 'Compares the latest value.', 'al.condHint.change': 'Latest vs previous value.', 'al.condHint.anomaly': 'Deviation of the latest value from the last 14 points, in standard deviations.', 'al.condHint.missing': 'Fires when no rows or the latest value is empty.', 'al.anomalyHint': '(last 14 points)', 'al.dir.any': 'up or down', 'al.dir.up': 'up', 'al.dir.down': 'down', 'al.every': 'Check every', 'al.every.15m': '15 minutes', 'al.every.hour': 'hour', 'al.every.day': 'day', 'al.cooldown': 'Repeat interval (min)', 'al.noPush': 'Record only', 'al.mentionAll': '@all when pushing', 'al.test': 'Dry run', 'al.wouldFire': 'Would fire', 'al.wouldNotFire': 'Would not fire', 'al.firing': 'Firing', 'al.ok': 'OK', 'al.never': 'Not checked', 'al.last': 'last', 'al.checkNow': 'Check now', 'al.pushed': 'pushed', 'al.events': 'Alert log', 'al.message': 'Message', 'al.deleteConfirm': 'Delete alert "{name}"?',
-      'mb.hint': 'Give Lark colleagues or groups access: scope data sources per person or group; audit entries are attributed. This page always has full access.', 'mb.add': 'Add member', 'mb.empty': 'No members yet', 'mb.emptyHint': 'Add Lark users (open_id or email) or groups (chat_id), then enable the Lark bot above.', 'mb.kind': 'Type', 'mb.kind.person': 'Lark user', 'mb.kind.chat': 'Lark group', 'mb.role': 'Role', 'mb.role.admin': 'Admin', 'mb.role.analyst': 'Analyst', 'mb.role.viewer': 'Viewer', 'mb.email': 'Email', 'mb.scope': 'Data sources', 'mb.allDs': 'All data sources', 'mb.noDs': 'none', 'mb.disabled': 'disabled', 'mb.enable': 'Enable', 'mb.disable': 'Disable', 'mb.deleteConfirm': 'Delete member "{name}"?', 'mb.queries': '{n} queries in 30 days', 'mb.noUsage': 'No queries in 30 days', 'mb.usage': 'Usage (30 days)', 'mb.user': 'Member', 'mb.lastActive': 'Last active', 'mb.default': 'Unregistered Lark users:', 'mb.defaultRole.none': 'Refuse (add as member first)', 'mb.defaultRole.viewer': 'Allow, viewer', 'mb.defaultRole.analyst': 'Allow, analyst',
+      'mb.hint': "Give colleagues or groups in IM access: scope data sources per person or group; audit entries are attributed. This page always has full access.", 'mb.add': 'Add member', 'mb.empty': 'No members yet', 'mb.emptyHint': "Add people (Lark, Telegram, WeCom or DingTalk user IDs) or group chats, then enable a bot above to ask from IM.", 'mb.kind': 'Type', 'mb.kind.person': 'Lark user', 'mb.kind.chat': 'Lark group', 'mb.role': 'Role', 'mb.role.admin': 'Admin', 'mb.role.analyst': 'Analyst', 'mb.role.viewer': 'Viewer', 'mb.email': 'Email', 'mb.scope': 'Data sources', 'mb.allDs': 'All data sources', 'mb.noDs': 'none', 'mb.disabled': 'disabled', 'mb.enable': 'Enable', 'mb.disable': 'Disable', 'mb.deleteConfirm': 'Delete member "{name}"?', 'mb.queries': '{n} queries in 30 days', 'mb.noUsage': 'No queries in 30 days', 'mb.usage': 'Usage (30 days)', 'mb.user': 'Member', 'mb.lastActive': 'Last active', 'mb.default': "Unregistered users:", 'mb.defaultRole.none': 'Refuse (add as member first)', 'mb.defaultRole.viewer': 'Allow, viewer', 'mb.defaultRole.analyst': 'Allow, analyst',
       'bot.title': 'Lark bot (@ to ask)', 'bot.hint': 'Receives messages over the Lark long connection (no public URL). @ the bot in a group or DM it; it answers in a Data Q&A session here and replies with a card.', 'bot.enable': 'Enabled', 'bot.channel': 'App bot', 'bot.noAppChannel': 'Add an app bot channel on the Push tab first', 'bot.scope': 'Session scope', 'bot.scope.chat': 'One session per chat', 'bot.scope.user': 'One session per person per chat', 'bot.p2p': 'Allow direct messages', 'bot.state.idle': 'Off', 'bot.state.connecting': 'Connecting', 'bot.state.connected': 'Connected', 'bot.state.error': 'Error', 'bot.state.stopped': 'Stopped', 'bot.setup': 'Lark console setup', 'bot.step1': 'Create a custom app, note App ID / Secret, add it as an app bot channel on the Push tab.', 'bot.step2': 'Enable the bot capability.', 'bot.step3': 'Grant im:message, im:message.p2p_msg:readonly, im:message.group_at_msg:readonly, im:message:send_as_bot, im:resource, im:chat:readonly, contact:user.base:readonly (plus contact:user.email:readonly to match by email).', 'bot.step4': 'Enable the bot here so the long connection is online, then choose "Receive events through persistent connection" in Events & Callbacks.', 'bot.step5': 'Subscribe to im.message.receive_v1, create and publish a version.', 'bot.step6': 'Add the bot to groups; @ it to ask. Send "帮助" for commands.', 'bot.convs': 'Recent Lark conversations', 'bot.chat': 'Chat', 'bot.lastQ': 'Last question', 'bot.p2pShort': 'DM',
       'settings.cacheTtl': 'Query cache TTL (s, 0 = off)', 'settings.cacheStats': 'Result store', 'settings.cacheStatsText': '{results} results · {mb} MB · {cache} cached', 'settings.clearCache': 'Clear cache', 'settings.schemaWatch': 'Schema change detection', 'settings.schemaWatchOn': 'Compare with the previous analysis and flag added/removed/changed columns and affected charts, examples, metrics and alerts', 'settings.schemaDaily': 'Daily automatic check at (empty = off)', 'settings.schemaNotify': 'Notify via',
       'up.button': 'Upload file', 'up.title': 'Upload CSV / Excel', 'up.drop': 'Drop a file here or click to choose', 'up.formats': '.csv / .tsv / .xlsx (each sheet becomes a table), up to 200 MB; GBK CSV detected automatically', 'up.parsing': 'Parsing…', 'up.target': 'Import into', 'up.newSource': 'New local file data source', 'up.newName': 'Data source name', 'up.mode': 'Existing table', 'up.mode.create': 'Fail', 'up.mode.replace': 'Replace', 'up.mode.append': 'Append', 'up.table': 'Table', 'up.rows': '{rows} rows · {cols} columns', 'up.truncated': 'truncated', 'up.type.TEXT': 'Text', 'up.type.INTEGER': 'Integer', 'up.type.REAL': 'Decimal', 'up.type.DATE': 'Date', 'up.type.DATETIME': 'Datetime', 'up.import': 'Import', 'up.done': 'Imported into "{name}": ', 'up.privacy': 'Files stay on this machine and are queried read-only.', 'up.addFile': 'Upload more files', 'up.localDesc': 'Local files (SQLite), read-only', 'up.dropConfirm': 'Delete table "{name}"?', 'up.askLink': 'Upload a CSV / Excel to ask about', 'up.askHint': 'Imported and selected; ask away.',
@@ -1170,8 +1396,8 @@ window.__ModuleLoader__.load({
       'im.lastFailed': 'Last send failed', 'im.lastSent': 'Last sent', 'im.webhookHidden': 'Webhook URL stored encrypted', 'im.deleteConfirm': 'Delete channel "{name}"? Reports using it stop pushing.',
       'im.log': 'Delivery log', 'im.col.time': 'Time', 'im.col.channel': 'Channel', 'im.col.title': 'Title', 'im.col.source': 'From', 'im.col.status': 'Result',
       'im.src.ui': 'Page', 'im.src.agent': 'Agent', 'im.src.dashboard': 'Dashboard', 'im.src.test': 'Test', 'im.resultsN': '{count} results', 'im.imagesN': '{count} images',
-      'im.share': 'Send to IM', 'im.shareAll': 'Send all to IM', 'im.shareDashboard': 'Send dashboard', 'im.dashboardTitle': 'Dashboard', 'im.sendTitle': 'Send to Lark / Feishu',
-      'im.noChannel': 'No channels yet; add one on the Push tab.', 'im.channel': 'Send to', 'im.msgTitle': 'Title', 'im.text': 'Message (Markdown, optional)', 'im.textPh': 'e.g. GMV +12% day over day, mostly from the east region',
+      'im.share': 'Send to IM', 'im.shareAll': 'Send all to IM', 'im.shareDashboard': 'Send dashboard', 'im.dashboardTitle': 'Dashboard', 'im.sendTitle': "Send to IM channel",
+      'im.noChannel': "No channels yet; add one under Admin → Channels.", 'im.channel': 'Send to', 'im.msgTitle': 'Title', 'im.text': 'Message (Markdown, optional)', 'im.textPh': 'e.g. GMV +12% day over day, mostly from the east region',
       'im.attach': 'Attaching {count} results.', 'im.dashboardHint': 'Re-runs every dashboard chart (max 10) with the current global filters, then sends.', 'im.webhookNoImage': 'Group bots cannot send images; charts go as tables.',
       'im.includeSql': 'Include SQL', 'im.send': 'Send', 'im.sent': 'Sent to {channel} ({images} images)', 'rep.push': 'Push to', 'rep.pushNone': 'Do not push',
       'tab.reports': 'Reports', 'ds.type': 'Database type', 'ds.indexPattern': 'Indices (comma separated, wildcards allowed)', 'ds.userOptional': 'User (optional)',
@@ -1717,6 +1943,8 @@ window.__ModuleLoader__.load({
 .n2s-morebtn:hover{background:var(--n2s-hover);color:var(--dsw-alias-label-primary)}
 .n2s-btn.danger-text{color:var(--n2s-err)}
 /* ---- dashboard v2 ---- */
+.n2s-srcbadge{display:inline-flex;align-items:center;gap:3px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
+.n2s-seg.small button{height:26px;padding:0 10px;font-size:12px}
 .n2s-dash{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
 .n2s-widget.w-third{grid-column:span 2}
 .n2s-widget.w-half{grid-column:span 3}
@@ -1736,6 +1964,66 @@ window.__ModuleLoader__.load({
 .n2s-dashbar{flex-wrap:wrap;row-gap:8px}
 .n2s-dashbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 @media (width<=640px){.n2s-dashbar-actions{width:100%;justify-content:flex-end}.n2s-dashtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.n2s-dashtabs [role=tab]{flex:none}}
+/* ---- channels, bots, identities ---- */
+.n2s-flabel{color:var(--n2s-muted);font-size:12px;display:inline-flex;align-items:center;gap:2px}
+.n2s-req{color:var(--n2s-err)}
+.n2s-fielderr{color:var(--n2s-err);font-size:12px;line-height:1.45}
+.n2s-input.invalid,.n2s-input[aria-invalid=true],.n2s-select[aria-invalid=true]{border-color:var(--n2s-err);box-shadow:0 0 0 3px color-mix(in srgb,var(--n2s-err) 12%,transparent)}
+.n2s-mono-soft{font-variant-ligatures:none}
+.n2s-pmark{font-weight:700;letter-spacing:-.02em;flex:none;line-height:1}
+.n2s-caps{display:inline-flex;flex-wrap:wrap;gap:4px}
+.n2s-cap{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;border:.5px solid var(--n2s-line-2);font-size:11px;color:var(--n2s-muted);white-space:nowrap}
+.n2s-cap.muted{color:var(--n2s-faint);border-style:dashed}
+.n2s-cap.bot{color:var(--n2s-accent);border-color:color-mix(in srgb,var(--n2s-accent) 40%,transparent);background:color-mix(in srgb,var(--n2s-accent) 6%,transparent)}
+.n2s-statusdot.conn::before{background:var(--n2s-warn);animation:n2s-pulse 1.2s ease-in-out infinite}
+.n2s-statusdot.warn::before{background:var(--n2s-warn)}
+@keyframes n2s-pulse{50%{opacity:.35}}
+.n2s-chpick{display:flex;align-items:center;gap:8px;min-width:0}
+.n2s-chpick .n2s-select{flex:1}
+.n2s-chpick-none{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--n2s-fill);color:var(--n2s-faint);flex:none}
+.n2s-pgroups{display:grid;gap:18px}
+.n2s-pgroup-head{display:flex;align-items:center;gap:8px;margin:0 2px 8px;font-size:13px;font-weight:600}
+.n2s-pgroup-head .n2s-faint{font-weight:400;font-size:12px}
+.n2s-wizard{padding:20px 24px 18px}
+.n2s-wiz-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
+.n2s-wiz-steps{display:flex;gap:6px;list-style:none;margin:0 0 16px;padding:0;counter-reset:wiz}
+.n2s-wiz-steps li{counter-increment:wiz;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--n2s-faint)}
+.n2s-wiz-steps li::before{content:counter(wiz);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--n2s-line-2);font-size:11px}
+.n2s-wiz-steps li+li::after{content:none}
+.n2s-wiz-steps li+li{padding-left:6px;border-left:.5px solid var(--n2s-line-2)}
+.n2s-wiz-steps li.current{color:var(--dsw-alias-label-primary);font-weight:500}
+.n2s-wiz-steps li.current::before{border-color:var(--n2s-accent);color:var(--n2s-accent)}
+.n2s-wiz-steps li.done::before{content:'✓';background:var(--n2s-ok);border-color:transparent;color:#fff}
+.n2s-ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}
+.n2s-ptile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:var(--n2s-radius);border:.5px solid var(--n2s-line-2);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}
+.n2s-ptile:hover{background:var(--n2s-hover)}
+.n2s-ptile[aria-checked=true]{border-color:var(--n2s-accent);background:color-mix(in srgb,var(--n2s-accent) 6%,transparent);box-shadow:0 0 0 1px var(--n2s-accent)}
+.n2s-ptile:focus-visible,.n2s-kindcard:focus-visible{outline:2px solid var(--n2s-accent);outline-offset:2px}
+.n2s-ptile-name{font-size:13.5px;font-weight:600}
+.n2s-kindcards{display:grid;gap:8px;margin-top:8px}
+.n2s-kindcard{display:grid;gap:4px;padding:12px 14px;border-radius:var(--n2s-radius);border:.5px solid var(--n2s-line-2);background:var(--dsw-alias-bg-base);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}
+.n2s-kindcard:hover{border-color:var(--n2s-accent);background:color-mix(in srgb,var(--n2s-accent) 4%,transparent)}
+.n2s-kindcard-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
+.n2s-kindcard-title svg{color:var(--n2s-faint)}
+.n2s-kindcard-desc{font-size:12.5px;color:var(--n2s-muted);line-height:1.55}
+.n2s-setup{border:.5px solid var(--n2s-line-2);border-radius:var(--n2s-radius-sm);padding:10px 12px;background:var(--n2s-fill)}
+.n2s-setup>summary{cursor:pointer;font-size:13px;font-weight:500}
+.n2s-setup ol{margin:8px 0 2px;padding-left:20px;font-size:12.5px;line-height:1.75;color:var(--n2s-muted)}
+.n2s-botbox{margin:16px 0 0;padding:12px 14px 14px;border:.5px solid var(--n2s-line-2);border-radius:var(--n2s-radius)}
+.n2s-botbox legend{padding:0 6px;font-size:13px;font-weight:600}
+.n2s-botbox.focus{border-color:var(--n2s-accent)}
+.n2s-wiz-foot{margin-top:16px;padding-top:14px;border-top:.5px solid var(--n2s-line);justify-content:flex-end}
+.n2s-idrows{display:grid;gap:8px}
+.n2s-idrow-main{display:flex;align-items:center;gap:8px}
+.n2s-idrow-main .n2s-input{flex:1}
+.n2s-idrow-help,.n2s-idrow .n2s-fielderr{margin:4px 0 0 38px}
+.n2s-idchips{display:inline-flex;flex-wrap:wrap;gap:4px;min-width:0}
+.n2s-idchip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 3px;border-radius:999px;background:var(--n2s-fill);font-size:11.5px;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.n2s-botrow{border-bottom:.5px solid var(--n2s-line)}
+.n2s-botrow:last-child{border-bottom:0}
+.n2s-botrow .n2s-list2-row{border-bottom:0}
+.n2s-collapse>button .n2s-badge{margin-left:2px}
+@media (prefers-reduced-motion:reduce){.n2s-statusdot.conn::before{animation:none}}
 @keyframes n2s-spin{to{transform:rotate(360deg)}}
 @keyframes n2s-shimmer{to{background-position:-200% 0}}
 `
@@ -1833,7 +2121,11 @@ window.__ModuleLoader__.load({
 
     /** Current UI language ('zh' | 'en'), updated by the page/tool views on render. */
     let uiLang = 'zh'
-    const setUiLang = (snapshot) => { uiLang = /^zh/i.test(String(snapshot?.locale ?? snapshot ?? 'zh')) ? 'zh' : 'en' }
+    // LocaleSnapshot is { active, locales, revision } (dsh-client-locale); older hosts passed a string.
+    const setUiLang = (snapshot) => {
+      const id = typeof snapshot === 'string' ? snapshot : (snapshot?.active ?? snapshot?.locale ?? 'zh')
+      uiLang = /^zh/i.test(String(id)) ? 'zh' : 'en'
+    }
 
     function formatNumber(v) {
       const n = Number(v)
@@ -2768,7 +3060,7 @@ window.__ModuleLoader__.load({
             h('div', { className: 'desc' }, t(`ob.${x.key}.desc`))),
           current === x && h('button', { type: 'button', className: 'n2s-btn small primary', disabled: busy || (x.key !== 'connect' && !ds), onClick: x.action }, busy && x.key === 'analyze' ? h('span', { className: 'n2s-spin' }) : null, t(`ob.${x.key}.cta`))))),
         !v.hasChannel && h('div', { className: 'n2s-onboard-extra' },
-          h(TypeTile, { type: 'lark_app' }),
+          h(PlatformMark, { t, platform: 'lark' }),
           h('div', { className: 'n2s-grow' }, h('div', { style: { fontWeight: 500, fontSize: 13.5 } }, t('ob.push')), h('div', { className: 'n2s-muted n2s-small' }, t('ob.push.desc'))),
           h('button', { type: 'button', className: 'n2s-btn small', onClick: () => onNavigate({ tab: 'admin', section: 'push' }) }, t('ob.push.cta'))))
     }
@@ -3138,10 +3430,8 @@ window.__ModuleLoader__.load({
     const WEEKDAYS = [1, 2, 3, 4, 5, 6, 7]
 
     function ReportChannelField({ t, value, onChange }) {
-      const channels = useChannels()
-      return h('label', { className: 'n2s-field full' }, h('span', null, t('rep.push')),
-        h('select', { className: 'n2s-select', value, onChange: e => onChange(e.target.value) },
-          h('option', { value: '' }, t('rep.pushNone')), channels.map(c => h('option', { key: c.id, value: c.id }, `${c.name} · ${t(`im.type.${c.type}`)}`))))
+      return h('div', { className: 'n2s-field full' }, h('label', { htmlFor: 'n2s-rep-channel', className: 'n2s-flabel' }, t('rep.push')),
+        h(ChannelPicker, { t, id: 'n2s-rep-channel', value, onChange, noneLabel: t('rep.pushNone') }))
     }
 
     function ReportForm({ t, datasources, initial, defaultDatasourceId, onDone, onCancel }) {
@@ -3377,9 +3667,75 @@ window.__ModuleLoader__.load({
       }
     }
 
+    // ------------------------------------------- channels: catalog & shapes
+    // The host may be older (flat Lark-only channels, no channelCatalog /
+    // botStatus RPCs) or newer (docs/CHANNELS.md). Everything below normalizes
+    // both so the pages only deal with { platform, type, config, secretsSet,
+    // capabilities, bot }.
+
+    const KNOWN_PLATFORMS = ['lark', 'telegram', 'wecom', 'dingtalk']
+    const PLATFORM_COLORS = { lark: '#3370ff', telegram: '#2aabee', wecom: '#0ba5a0', dingtalk: '#1a7cff' }
+    const ID_PLACEHOLDER = {
+      lark: { person: 'ou_xxx', chat: 'oc_xxx' }, telegram: { person: '123456789', chat: '-1001234567890' },
+      wecom: { person: 'zhangsan', chat: 'wrxxxx' }, dingtalk: { person: 'manager1234', chat: 'cidxxxx==' },
+    }
+    const LEGACY_CAPS = {
+      lark_webhook: { push: true, markdown: 'full', charts: 'native', tables: 'native', buttons: false, bot: false, listTargets: false, mentionAll: true },
+      lark_app: { push: true, markdown: 'full', charts: 'native', chartImages: true, tables: 'native', buttons: true, bot: true, listTargets: true, mentionAll: true },
+    }
+    /** Localized value of a { zh, en } object (or a plain string). */
+    const L = (v) => (v && typeof v === 'object' && !Array.isArray(v) ? (v[uiLang] ?? v.zh ?? v.en ?? '') : (v ?? ''))
+    const isUnknownMethod = (e) => e?.code === 'nl2sql/unknown-method' || /unknown method/i.test(e?.message ?? '')
+    const platformOfType = (type) => (/^lark_/.test(type ?? '') ? 'lark' : (String(type ?? '').split('_')[0] || 'lark'))
+    const isSecretField = (f) => Boolean(f.secret || f.type === 'secret')
+    /** Translation or '' when the key is missing (hosts return the key or a !!marker). */
+    const tOpt = (t, k) => { const v = t(k); return !v || v === k || v.startsWith('!!') ? '' : v }
+
+    /** Built-in catalog used when the host has no `channelCatalog` RPC: today's Lark form. */
+    function legacyCatalog(t) {
+      const tx = (k) => ({ zh: t(k), en: t(k) })
+      return [{
+        platform: 'lark', name: tx('ch.p.lark'), builtin: true,
+        kinds: [
+          {
+            id: 'lark_webhook', label: tx('im.type.lark_webhook'), description: tx('ch.k.lark_webhook'),
+            fields: [
+              { key: 'webhookUrl', label: tx('im.webhookUrl'), type: 'secret', secret: true, required: true, full: true, placeholder: 'https://open.feishu.cn/open-apis/bot/v2/hook/…', pattern: '^https://open\\.(feishu\\.cn|larksuite\\.com)/open-apis/bot/v2/hook/[\\w-]+$' },
+              { key: 'signSecret', label: tx('im.signSecret'), type: 'secret', secret: true, help: tx('ch.f.signSecret') },
+            ],
+            capabilities: LEGACY_CAPS.lark_webhook,
+            setupSteps: { zh: [t('im.help.lark_webhook')], en: [t('im.help.lark_webhook')] },
+          },
+          {
+            id: 'lark_app', label: tx('im.type.lark_app'), description: tx('ch.k.lark_app'),
+            fields: [
+              { key: 'domain', label: tx('im.domain'), type: 'select', options: ['feishu', 'lark'].map(v => ({ value: v, label: tx(`im.domain.${v}`) })) },
+              { key: 'appId', label: tx('im.appId'), type: 'text', required: true, placeholder: 'cli_xxx' },
+              { key: 'appSecret', label: tx('im.appSecret'), type: 'secret', secret: true, required: true },
+              { key: 'receiveIdType', label: tx('im.receiveIdType'), type: 'select', options: ['chat_id', 'email', 'open_id', 'user_id', 'union_id'].map(v => ({ value: v, label: tx(`im.rid.${v}`) })) },
+              { key: 'receiveId', label: tx('im.receiveId'), type: 'text', required: true, placeholder: 'oc_xxx', target: true, help: tx('ch.f.receiveId') },
+            ],
+            capabilities: LEGACY_CAPS.lark_app,
+            setupSteps: { zh: ['im.help.lark_app', 'bot.step3', 'bot.step4', 'bot.step5', 'bot.step7', 'bot.step6'].map(t), en: ['im.help.lark_app', 'bot.step3', 'bot.step4', 'bot.step5', 'bot.step7', 'bot.step6'].map(t) },
+          },
+        ],
+      }]
+    }
+
+    function normalizeChannel(c) {
+      if (!c || typeof c !== 'object') return c
+      const legacy = !c.config
+      const config = c.config ?? Object.fromEntries(['domain', 'appId', 'receiveIdType', 'receiveId'].filter(k => c[k] !== undefined && c[k] !== null).map(k => [k, c[k]]))
+      const secretsSet = c.secretsSet ?? (c.type === 'lark_webhook' ? { webhookUrl: Boolean(c.hasSecret), signSecret: Boolean(c.hasSign) } : c.type === 'lark_app' ? { appSecret: Boolean(c.hasSecret) } : {})
+      return { ...c, platform: c.platform ?? platformOfType(c.type), config, secretsSet, capabilities: c.capabilities ?? LEGACY_CAPS[c.type] ?? { push: true, charts: 'none' }, legacy }
+    }
+
     const channelStore = createStore({ list: null })
     async function refreshChannels() {
-      try { channelStore.set({ list: await call('listChannels') }) } catch { channelStore.set({ list: [] }) }
+      try {
+        const list = await call('listChannels')
+        channelStore.set({ list: (Array.isArray(list) ? list : []).map(normalizeChannel) })
+      } catch { channelStore.set({ list: [] }) }
     }
     function useChannels() {
       const get = () => channelStore.get().list
@@ -3387,6 +3743,163 @@ window.__ModuleLoader__.load({
       useEffect(() => { if (list === null) refreshChannels() }, [])
       return list ?? []
     }
+
+    // remote: null = not loaded yet, true = host catalog, false = built-in Lark catalog.
+    const catalogStore = createStore({ list: [], remote: null })
+    async function loadCatalog() {
+      try {
+        const list = await call('channelCatalog')
+        catalogStore.set(Array.isArray(list) && list.length ? { list, remote: true } : { list: [], remote: false })
+      } catch { catalogStore.set({ list: [], remote: false }) }
+    }
+    function sortPlatforms(list) {
+      const rank = (p) => { const i = KNOWN_PLATFORMS.indexOf(p); return i < 0 ? 99 : i }
+      return [...list].sort((a, b) => rank(a.platform) - rank(b.platform))
+    }
+    function useCatalog(t) {
+      const get = () => catalogStore.get()
+      const st = useSyncExternalStore(catalogStore.subscribe, get, get)
+      useEffect(() => { if (st.remote === null) loadCatalog() }, [])
+      const catalog = useMemo(() => (st.remote ? sortPlatforms(st.list) : legacyCatalog(t)), [st, t, uiLang])
+      return { catalog, remote: st.remote === true, ready: st.remote !== null }
+    }
+    function findKind(catalog, type) {
+      for (const p of catalog) { const kind = (p.kinds ?? []).find(k => k.id === type); if (kind) return { platform: p, kind } }
+      return null
+    }
+    function platformName(t, platform, catalog) {
+      if (KNOWN_PLATFORMS.includes(platform)) return t(`ch.p.${platform}`)
+      return L((catalog ?? []).find(p => p.platform === platform)?.name) || String(platform ?? '')
+    }
+    function kindLabel(t, type, catalog) {
+      const k = findKind(catalog ?? [], type)?.kind
+      if (k) return L(k.label)
+      return type === 'lark_webhook' || type === 'lark_app' ? t(`im.type.${type}`) : String(type ?? '')
+    }
+    function channelOptionLabel(t, c, catalog) {
+      return `${c.name} · ${platformName(t, c.platform, catalog)} · ${kindLabel(t, c.type, catalog)}`
+    }
+    /** Chart modes a channel can send: native card charts, PNG images, tables. */
+    function chartModesFor(caps, type) {
+      const cm = caps?.charts ?? 'native'
+      const modes = cm === 'native' ? ['native'] : cm === 'image' ? ['image'] : []
+      if (cm === 'native' && (caps?.chartImages || type === 'lark_app')) modes.push('image')
+      modes.push('table')
+      return modes
+    }
+    /** The form field that holds the delivery target (chat id …), used by the target picker. */
+    function targetFieldOf(kind) {
+      const fields = kind?.fields ?? []
+      return fields.find(f => f.target) ?? fields.find(f => !isSecretField(f) && f.type !== 'select' && /chat|target|receive|conversation/i.test(f.key))
+    }
+    /** One-line, secret-free description of where a channel delivers. */
+    function targetSummary(t, c, kind) {
+      const cfg = c.config ?? {}
+      if (cfg.receiveId) return `${cfg.receiveIdType ? `${cfg.receiveIdType}:` : ''}${cfg.receiveId}`
+      const tf = targetFieldOf(kind)
+      if (tf && cfg[tf.key]) return String(cfg[tf.key])
+      for (const k of ['chatId', 'chat_id', 'conversationId', 'openConversationId', 'target', 'webhookHost', 'host']) if (cfg[k]) return String(cfg[k])
+      if (Object.keys(c.secretsSet ?? {}).some(k => /webhook/i.test(k) && c.secretsSet[k])) return t('im.webhookHidden')
+      const plain = (kind?.fields ?? []).find(f => !isSecretField(f) && f.type !== 'select' && cfg[f.key])
+      return plain ? String(cfg[plain.key]) : ''
+    }
+
+    // ------------------------------------------------------------- bots
+    // New hosts: botStatus / saveBot (one bot per bot-capable channel).
+    // Old hosts: one Lark bot (larkBotStatus / saveLarkBot) bound to a channel.
+
+    const botStore = createStore({ list: null, legacy: false, legacyConf: null, error: null })
+    function legacyBotEntry(v) {
+      return { channelId: v.channelId ?? null, platform: 'lark', enabled: Boolean(v.enabled), allowP2p: v.allowP2p !== false, sessionScope: v.sessionScope ?? 'chat', status: v.status ?? { state: 'idle' }, info: v.bot ?? null, conversations: v.conversations ?? [] }
+    }
+    async function refreshBots() {
+      try {
+        const list = await call('botStatus')
+        if (!Array.isArray(list)) throw Object.assign(new Error('unknown method botStatus'), { code: 'nl2sql/unknown-method' })
+        botStore.set({ list, legacy: false, error: null })
+      } catch (e) {
+        if (!isUnknownMethod(e)) { botStore.set({ list: botStore.get().list ?? [], error: e.message }); return }
+        try {
+          const v = await call('larkBotStatus')
+          botStore.set({ list: v?.channelId ? [legacyBotEntry(v)] : [], legacy: true, legacyConf: v ?? null, error: null })
+        } catch { botStore.set({ list: [], legacy: true, legacyConf: null }) }
+      }
+    }
+    function useBots() {
+      const get = () => botStore.get()
+      const st = useSyncExternalStore(botStore.subscribe, get, get)
+      useEffect(() => { if (st.list === null) refreshBots() }, [])
+      return st
+    }
+    /** Bot settings + status of one channel, merged from listChannels and botStatus. */
+    function botOf(c, bots) {
+      const base = { enabled: false, allowP2p: true, sessionScope: 'chat', status: { state: 'idle' }, conversations: [] }
+      const e = (bots?.list ?? []).find(b => b.channelId === c.id)
+      if (bots?.legacy) {
+        const conf = bots.legacyConf ?? {}
+        return e ? { ...base, ...e } : { ...base, allowP2p: conf.allowP2p !== false, sessionScope: conf.sessionScope ?? 'chat' }
+      }
+      const merged = { ...base, ...(c.bot ?? {}), ...(e ?? {}) }
+      return { ...merged, status: e?.status ?? c.bot?.status ?? { state: merged.enabled ? 'connecting' : 'idle' } }
+    }
+    /** 'off' | 'connecting' | 'connected' | 'error' | 'stopped' */
+    function botStateOf(b) {
+      if (!b?.enabled) return 'off'
+      const s = b.status?.state ?? 'connecting'
+      return s === 'idle' ? 'connecting' : s
+    }
+    const BOT_DOT = { connected: 'ok', error: 'err', connecting: 'conn', stopped: 'warn', off: '' }
+    function BotDot({ t, bot, prefix }) {
+      const s = botStateOf(bot)
+      return h('span', { className: `n2s-statusdot ${BOT_DOT[s] ?? ''}`, title: bot?.status?.error ?? undefined }, prefix ? `${prefix} · ` : '', t(`ch.bot.state.${s}`))
+    }
+    async function saveBotFor(channelId, patch) {
+      const st = botStore.get()
+      if (st.legacy) {
+        const conf = st.legacyConf ?? {}
+        const owner = conf.channelId ?? null
+        // The single legacy bot belongs to another channel: only an explicit enable moves it.
+        if (conf.enabled && owner && owner !== channelId && patch.enabled !== true) return
+        if (patch.enabled === false && owner !== channelId) return
+        await call('saveLarkBot', { channelId, ...patch })
+      } else {
+        await call('saveBot', { channelId, ...patch })
+      }
+      await refreshBots()
+    }
+
+    /** Platform tile: brand-tinted letter mark (original, not a logo). */
+    function PlatformMark({ t, platform, size = 36 }) {
+      const color = PLATFORM_COLORS[platform] ?? '#64748b'
+      const txt = KNOWN_PLATFORMS.includes(platform) ? t(`ch.p.${platform}.mark`) : String(platform ?? '?').slice(0, 2).toUpperCase()
+      return h('span', {
+        className: 'n2s-tile n2s-pmark', 'aria-hidden': true,
+        style: { width: size, height: size, borderRadius: Math.round(size * 0.28), fontSize: Math.max(9, Math.round(size * (txt.length > 1 ? 0.3 : 0.4))), color, background: `color-mix(in srgb, ${color} 13%, transparent)` },
+      }, txt)
+    }
+
+    /** Capability chips: charts / buttons / bot. */
+    function CapabilityChips({ t, caps, type }) {
+      if (!caps) return null
+      const cm = caps.charts ?? 'native'
+      const chart = cm === 'none' ? 'none' : chartModesFor(caps, type).includes('native') ? 'native' : 'image'
+      return h('div', { className: 'n2s-caps' },
+        h('span', { className: `n2s-cap${chart === 'none' ? ' muted' : ''}` }, Icon.chart(11), t(`ch.cap.${chart}`)),
+        caps.buttons && h('span', { className: 'n2s-cap' }, t('ch.cap.buttons')),
+        caps.bot && h('span', { className: 'n2s-cap bot' }, t('ch.cap.bot')))
+    }
+
+    /** Native channel <select> with the platform mark of the selected channel. */
+    function ChannelPicker({ t, value, onChange, noneLabel, id, label }) {
+      const channels = useChannels()
+      const { catalog } = useCatalog(t)
+      const cur = channels.find(c => c.id === value)
+      return h('div', { className: 'n2s-chpick' },
+        cur ? h(PlatformMark, { t, platform: cur.platform, size: 24 }) : h('span', { className: 'n2s-chpick-none', 'aria-hidden': true }, Icon.send(12)),
+        h('select', { id, className: 'n2s-select', 'aria-label': id ? undefined : label, value: value ?? '', onChange: e => onChange(e.target.value) },
+          noneLabel !== undefined && h('option', { value: '' }, noneLabel),
+          channels.map(c => h('option', { key: c.id, value: c.id }, channelOptionLabel(t, c, catalog)))))
+    }
     /** Minimal Markdown → React preview of what the Lark card shows (escaped; <font color> kept). */
     function MdPreview({ text }) {
       const blocks = []
@@ -3506,7 +4019,7 @@ window.__ModuleLoader__.load({
     /** Modal dialog sending a title, text and results to an IM channel. */
     function SendDialog({ t, initial, onClose }) {
       const channels = useChannels()
-      const [form, setForm] = useState(() => ({ channelId: '', title: initial.title ?? '', text: initial.text ?? '', includeSql: false, chartMode: '' }))
+      const [form, setForm] = useState(() => ({ channelId: '', title: initial.title ?? '', text: initial.text ?? '', includeSql: false, chartMode: '', attachFull: true }))
       const [resultIds, setResultIds] = useState(initial.resultIds ?? [])
       const [loading, setLoading] = useState(Boolean(initial.message))
       useEffect(() => {
@@ -3534,9 +4047,9 @@ window.__ModuleLoader__.load({
         setState({ busy: true })
         try {
           const res = initial.dashboard
-            ? await call('sendDashboard', { channelId: form.channelId, title: form.title, ...(form.chartMode ? { chartMode: form.chartMode } : {}) })
-            : await call('sendToChannel', { channelId: form.channelId, title: form.title, text: form.text, resultIds, includeSql: form.includeSql, ...(form.chartMode ? { chartMode: form.chartMode } : {}), sessionId: initial.message?.sessionId })
-          setState({ ok: fmt(t, 'im.sent', { channel: res.channel, images: res.images }) })
+            ? await call('sendDashboard', { channelId: form.channelId, title: form.title, attachFull: form.attachFull, ...(form.chartMode ? { chartMode: form.chartMode } : {}) })
+            : await call('sendToChannel', { channelId: form.channelId, title: form.title, text: form.text, resultIds, includeSql: form.includeSql, attachFull: form.attachFull, ...(form.chartMode ? { chartMode: form.chartMode } : {}), sessionId: initial.message?.sessionId })
+          setState({ ok: `${fmt(t, 'im.sent', { channel: res.channel, images: res.images })}${res.files ? ` · ${t('im.sentFile')}` : ''}`, warn: res.warning })
           refreshChannels()
           setTimeout(onClose, 1200)
         } catch (e) {
@@ -3550,128 +4063,440 @@ window.__ModuleLoader__.load({
           channels.length === 0
             ? h('div', { className: 'n2s-empty' }, h('div', { className: 'n2s-muted' }, t('im.noChannel')))
             : h('div', { style: { display: 'grid', gap: 10 } },
-              h('label', { className: 'n2s-field' }, h('span', null, t('im.channel')),
-                h('select', { className: 'n2s-select', value: form.channelId, onChange: e => setForm(f => ({ ...f, channelId: e.target.value })) }, channels.map(c => h('option', { key: c.id, value: c.id }, `${c.name} · ${t(`im.type.${c.type}`)}`)))),
+              h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-send-channel', className: 'n2s-flabel' }, t('im.channel')),
+                h(ChannelPicker, { t, id: 'n2s-send-channel', value: form.channelId, onChange: (v) => setForm(f => ({ ...f, channelId: v, chartMode: '' })) })),
               h('label', { className: 'n2s-field' }, h('span', null, t('im.msgTitle')), h('input', { className: 'n2s-input', value: form.title, onChange: e => setForm(f => ({ ...f, title: e.target.value })) })),
               !initial.dashboard && h('div', { className: 'n2s-field' }, h('span', null, t('im.text')),
                 loading ? h('span', { className: 'n2s-spin n2s-muted' }) : h(MdEditor, { t, value: form.text, onChange: (v) => setForm(f => ({ ...f, text: v })) })),
               h('div', { className: 'n2s-muted n2s-small' }, initial.dashboard ? t('im.dashboardHint') : fmt(t, 'im.attach', { count: resultIds.length })),
               (resultIds.length > 0 || initial.dashboard) && h('div', { className: 'n2s-row' },
                 h('span', { className: 'n2s-small' }, t('im.chartMode')),
-                h('div', { className: 'n2s-seg' }, ['', 'native', ...(channel?.type === 'lark_app' ? ['image'] : []), 'table'].map(v => h('button', { key: v || 'def', type: 'button', 'aria-pressed': form.chartMode === v, onClick: () => setForm(f => ({ ...f, chartMode: v })) }, t(v ? `im.cm.${v}` : 'im.cm.default'))))),
-              !initial.dashboard && resultIds.length > 0 && h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.includeSql, onChange: e => setForm(f => ({ ...f, includeSql: e.target.checked })) }), t('im.includeSql'))),
+                channel?.capabilities?.charts === 'none' && h('span', { className: 'n2s-faint n2s-small' }, t('ch.tablesOnly')),
+                h('div', { className: 'n2s-seg', role: 'group', 'aria-label': t('im.chartMode') }, ['', ...chartModesFor(channel?.capabilities, channel?.type)].map(v => h('button', { key: v || 'def', type: 'button', 'aria-pressed': form.chartMode === v, onClick: () => setForm(f => ({ ...f, chartMode: v })) }, t(v ? `im.cm.${v}` : 'im.cm.default'))))),
+              !initial.dashboard && resultIds.length > 0 && h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.includeSql, onChange: e => setForm(f => ({ ...f, includeSql: e.target.checked })) }), t('im.includeSql')),
+              (resultIds.length > 0 || initial.dashboard) && h('div', { className: 'n2s-field' },
+                channel?.capabilities?.files
+                  ? h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.attachFull, onChange: e => setForm(f => ({ ...f, attachFull: e.target.checked })) }), fmt(t, 'im.attachFull', { n: channel.capabilities.tableRows ?? 10 }))
+                  : h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'im.rowsLimit', { n: channel?.capabilities?.tableRows ?? 10 })))),
           state?.error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, state.error),
           state?.ok && h('div', { className: 'n2s-notice ok', style: { marginTop: 10 } }, state.ok),
+          state?.warn && h('div', { className: 'n2s-notice warn', style: { marginTop: 8 } }, state.warn),
           h('div', { className: 'n2s-row', style: { marginTop: 14, justifyContent: 'flex-end' } },
             h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onClose }, t('ds.cancel')),
             h('button', { type: 'button', className: 'n2s-btn primary', disabled: !form.channelId || !form.title.trim() || state?.busy || loading, onClick: send }, state?.busy ? h('span', { className: 'n2s-spin' }) : null, t('im.send'))))), document.body)
     }
-    function ChannelForm({ t, initial, onDone, onCancel }) {
-      const [form, setForm] = useState(() => ({ type: 'lark_webhook', name: '', description: '', appId: '', receiveIdType: 'chat_id', receiveId: '', domain: 'feishu', isDefault: false, ...(initial ?? {}), webhookUrl: '', signSecret: '', appSecret: '' }))
-      const [error, setError] = useState(null)
-      const [busy, setBusy] = useState(false)
-      const [chats, setChats] = useState(null)
-      const set = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.type === 'checkbox' ? e.target.checked : e.target.value }))
-      const field = (k, label, props = {}) => h('label', { className: `n2s-field ${props.full ? 'full' : ''}` }, h('span', null, t(label)),
-        h('input', { className: 'n2s-input', type: props.type ?? 'text', value: form[k] ?? '', placeholder: props.placeholder, autoComplete: 'off', spellCheck: false, onChange: set(k) }))
-      const save = async (thenTest) => {
-        setBusy(true); setError(null)
+    // ------------------------------------------------------------ channels page
+    // 「渠道」: channel list grouped by platform, a two-step "add channel" dialog
+    // (platform → kind, then a form rendered from the kind's `fields`), bot
+    // settings per bot-capable channel and the delivery log.
+
+    /** Request from elsewhere (bot overview) to open a channel's editor. */
+    const channelNav = createStore({ edit: null })
+    function openChannelEditor(id, bot) {
+      channelNav.set({ edit: { id, bot: Boolean(bot) } })
+      fbCtx.navigate?.({ tab: 'admin', section: 'push', sub: null })
+    }
+
+    const fieldVisible = (f, config) => {
+      if (!f.showIf) return true
+      const v = String(config?.[f.showIf.key] ?? '')
+      return Array.isArray(f.showIf.equals) ? f.showIf.equals.map(String).includes(v) : v === String(f.showIf.equals)
+    }
+
+    /** Move focus between the [data-nav] items of a container with the arrow keys. */
+    function arrowNav(e, select) {
+      if (!['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) return
+      const items = [...e.currentTarget.querySelectorAll('[data-nav]:not([disabled])')]
+      if (!items.length) return
+      const i = items.indexOf(document.activeElement)
+      const next = e.key === 'Home' ? 0 : e.key === 'End' ? items.length - 1 : (i + (e.key === 'ArrowRight' || e.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length
+      e.preventDefault()
+      items[next].focus()
+      if (select) items[next].click()
+    }
+
+    /** Modal shell: portal, backdrop, Escape, initial focus and focus restore. */
+    function Modal({ label, labelledBy, onClose, width, children, className }) {
+      const box = useRef(null)
+      useEffect(() => {
+        const prev = document.activeElement
+        setTimeout(() => box.current?.querySelector('[data-autofocus], input:not([type=checkbox]), select, button:not(.n2s-modal-x)')?.focus(), 0)
+        const onKey = (e) => { if (e.key === 'Escape' && !feedbackStore.get().dialog) { e.stopPropagation(); onClose() } }
+        document.addEventListener('keydown', onKey)
+        return () => { document.removeEventListener('keydown', onKey); prev?.focus?.() }
+      }, [])
+      return ReactDOM.createPortal(h('div', { className: 'n2s-modal-backdrop', onMouseDown: (e) => { if (e.target === e.currentTarget) onClose() } },
+        h('div', { ref: box, className: `n2s-modal ${className ?? ''}`, role: 'dialog', 'aria-modal': true, 'aria-label': labelledBy ? undefined : label, 'aria-labelledby': labelledBy, style: width ? { width: `min(${width}px, 100%)` } : undefined }, children)), document.body)
+    }
+
+    // ---------------------------------------------------------------- step 1
+
+    function KindPicker({ t, catalog, platform, onPlatform, onPick }) {
+      const p = catalog.find(x => x.platform === platform) ?? catalog[0]
+      return h('div', { className: 'n2s-wiz-pick' },
+        h('div', { className: 'n2s-flabel', id: 'n2s-wiz-plabel' }, t('ch.pickPlatform')),
+        h('div', { className: 'n2s-ptiles', role: 'radiogroup', 'aria-labelledby': 'n2s-wiz-plabel', onKeyDown: (e) => arrowNav(e, true) },
+          catalog.map(x => h('button', {
+            key: x.platform, type: 'button', role: 'radio', 'data-nav': true, 'aria-checked': x.platform === p?.platform, tabIndex: x.platform === p?.platform ? 0 : -1,
+            'data-autofocus': x.platform === p?.platform ? true : undefined, className: 'n2s-ptile', onClick: () => onPlatform(x.platform),
+          }, h(PlatformMark, { t, platform: x.platform, size: 32 }), h('span', { className: 'n2s-ptile-name' }, platformName(t, x.platform, catalog)),
+            h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'ch.kindsN', { n: (x.kinds ?? []).length }))))),
+        p && h(React.Fragment, null,
+          h('div', { className: 'n2s-flabel', id: 'n2s-wiz-klabel', style: { marginTop: 18 } }, fmt(t, 'ch.pickKind', { platform: platformName(t, p.platform, catalog) })),
+          h('div', { className: 'n2s-kindcards', role: 'list', 'aria-labelledby': 'n2s-wiz-klabel', onKeyDown: (e) => arrowNav(e, false) },
+            (p.kinds ?? []).map(k => h('button', { key: k.id, type: 'button', role: 'listitem', 'data-nav': true, className: 'n2s-kindcard', onClick: () => onPick(p.platform, k.id) },
+              h('span', { className: 'n2s-kindcard-title' }, L(k.label), h('span', { className: 'n2s-grow' }), Icon.arrow(14)),
+              k.description && h('span', { className: 'n2s-kindcard-desc' }, L(k.description)),
+              h('span', { className: 'n2s-row', style: { gap: 6, marginTop: 4 } },
+                h(CapabilityChips, { t, caps: k.capabilities, type: k.id }),
+                k.capabilities?.bot && h('span', { className: 'n2s-faint n2s-small' }, t('ch.noPublicUrl'))))))))
+    }
+
+    // ---------------------------------------------------------------- step 2
+
+    function FieldInput({ t, f, value, onChange, error, keep, idBase }) {
+      const id = `${idBase}-${CSS_ID(f.key)}`
+      const err = error ? `${id}-err` : undefined
+      const help = L(f.help)
+      const common = { id, 'aria-invalid': error ? true : undefined, 'aria-describedby': [err, help ? `${id}-help` : null].filter(Boolean).join(' ') || undefined, 'aria-required': f.required ? true : undefined }
+      const secret = isSecretField(f)
+      const control = f.type === 'select'
+        ? h('select', { ...common, className: 'n2s-select', value: value ?? '', onChange: e => onChange(e.target.value) },
+          (value ?? '') === '' && !(f.options ?? []).some(o => o.value === '') && h('option', { value: '' }, '—'),
+          (f.options ?? []).map(o => h('option', { key: o.value, value: o.value }, L(o.label) || o.value)))
+        : h('input', {
+          ...common, className: `n2s-input${secret ? '' : ' n2s-mono-soft'}${error ? ' invalid' : ''}`, type: secret ? 'password' : f.type === 'url' ? 'url' : 'text',
+          value: value ?? '', autoComplete: secret ? 'new-password' : 'off', spellCheck: false,
+          placeholder: secret && keep ? t('ch.secretKeep') : (L(f.placeholder) || (secret && !f.required ? t('im.optional') : '')),
+          onChange: e => onChange(e.target.value),
+        })
+      return h('div', { className: `n2s-field${f.full || f.type === 'url' || (secret && /url|webhook/i.test(f.key)) ? ' full' : ''}` },
+        h('label', { htmlFor: id, className: 'n2s-flabel' }, L(f.label) || f.key, f.required ? h('span', { className: 'n2s-req', 'aria-hidden': true }, ' *') : null,
+          secret && keep && h('span', { className: 'n2s-badge ok', style: { marginLeft: 6 } }, t('ch.secretSet'))),
+        control,
+        error ? h('span', { id: err, className: 'n2s-fielderr', role: 'alert' }, error) : help ? h('span', { id: `${id}-help`, className: 'n2s-faint n2s-small' }, help) : null)
+    }
+
+    function TargetPicker({ t, kind, remote, initial, config, secrets, onPick, current }) {
+      const [st, setSt] = useState(null)
+      const load = async () => {
+        setSt({ busy: true })
         try {
-          const saved = await call('saveChannel', form)
-          await refreshChannels()
-          if (thenTest) await call('testChannel', { id: saved.id })
-          onDone(thenTest ? t('im.testOk') : null)
-        } catch (e) { setError(e.message) }
-        setBusy(false)
+          const legacyChats = async () => ((await call('listChannelChats', { id: initial?.id, appId: config.appId, appSecret: secrets.appSecret || undefined, domain: config.domain })) ?? []).map(c => ({ id: c.chatId, name: c.name, type: 'group' }))
+          let list
+          if (!remote && kind.id === 'lark_app') list = await legacyChats()
+          else {
+            try {
+              list = await call('listChannelTargets', { ...(initial?.id ? { id: initial.id } : {}), type: kind.id, config, secrets })
+            } catch (e) {
+              if (!isUnknownMethod(e) || kind.id !== 'lark_app') throw e
+              list = await legacyChats()
+            }
+          }
+          setSt({ list: Array.isArray(list) ? list : [] })
+        } catch (e) { setSt({ error: e.message }) }
       }
-      const loadChats = async () => {
-        setError(null)
-        try { setChats(await call('listChannelChats', { id: form.id, appId: form.appId, appSecret: form.appSecret || undefined, domain: form.domain })) } catch (e) { setError(e.message) }
+      return h('div', { className: 'n2s-field full' },
+        h('div', { className: 'n2s-row' },
+          h('button', { type: 'button', className: 'n2s-btn small', onClick: load, disabled: st?.busy }, st?.busy ? h('span', { className: 'n2s-spin' }) : Icon.search(13), t('im.pickChat')),
+          h('span', { className: 'n2s-faint n2s-small' }, t('ch.pickHint'))),
+        st?.error && h('div', { className: 'n2s-fielderr' }, st.error),
+        st?.list && (st.list.length === 0
+          ? h('div', { className: 'n2s-muted n2s-small' }, t('im.noChats'))
+          : h('div', { role: 'group', 'aria-label': fmt(t, 'im.chats', { count: st.list.length }) },
+            h('div', { className: 'n2s-faint n2s-small', style: { margin: '4px 0 6px' } }, fmt(t, 'im.chats', { count: st.list.length })),
+            h('div', { className: 'n2s-chips' }, st.list.map(c => h('button', { key: c.id, type: 'button', className: 'n2s-chip', 'aria-pressed': current === c.id, title: c.id, onClick: () => onPick(c) }, c.name || c.id))))))
+    }
+
+    function ChannelForm({ t, catalog, remote, platform, kind, initial, focusBot, onBack, onClose }) {
+      const bots = useBots()
+      const caps = kind.capabilities ?? {}
+      const modes = chartModesFor(caps, kind.id)
+      const editing = Boolean(initial?.id)
+      const fields = kind.fields ?? []
+      const initBot = useMemo(() => {
+        const b = initial ? botOf(initial, bots) : null
+        return { enabled: Boolean(b?.enabled), allowP2p: b ? b.allowP2p !== false : true, sessionScope: b?.sessionScope ?? 'chat' }
+      }, [])
+      const [form, setForm] = useState(() => {
+        const config = { ...(initial?.config ?? {}) }
+        for (const f of fields) if (!isSecretField(f) && config[f.key] === undefined) config[f.key] = f.default ?? (f.type === 'select' && f.required !== false ? (f.options?.[0]?.value ?? '') : '')
+        return { name: initial?.name ?? '', description: initial?.description ?? '', isDefault: Boolean(initial?.isDefault), chartMode: modes.includes(initial?.chartMode) ? initial.chartMode : modes[0], config, secrets: {}, bot: initBot }
+      })
+      const pristine = useRef(JSON.stringify(form))
+      const dirty = JSON.stringify(form) !== pristine.current
+      const [errors, setErrors] = useState({})
+      const [general, setGeneral] = useState(null)
+      const [busy, setBusy] = useState(null)
+      const botRef = useRef(null)
+      const formRef = useRef(null)
+      useEffect(() => { if (focusBot) setTimeout(() => { botRef.current?.scrollIntoView?.({ block: 'center' }); botRef.current?.querySelector('input')?.focus() }, 30) }, [])
+      const visible = fields.filter(f => fieldVisible(f, form.config))
+      const setConfig = (k, v) => { setForm(f => ({ ...f, config: { ...f.config, [k]: v } })); setErrors(e => ({ ...e, [k]: undefined })) }
+      const setSecret = (k, v) => { setForm(f => ({ ...f, secrets: { ...f.secrets, [k]: v } })); setErrors(e => ({ ...e, [k]: undefined })) }
+      const setBot = (patch) => setForm(f => ({ ...f, bot: { ...f.bot, ...patch } }))
+      const tf = targetFieldOf(kind)
+      const canPick = caps.listTargets && tf && fieldVisible(tf, form.config) && (form.config.receiveIdType === undefined || form.config.receiveIdType === 'chat_id' || !fields.some(f => f.key === 'receiveIdType'))
+
+      const validate = () => {
+        const errs = {}
+        if (!form.name.trim()) errs.name = t('ch.err.required')
+        for (const f of visible) {
+          const secret = isSecretField(f)
+          const v = String((secret ? form.secrets[f.key] : form.config[f.key]) ?? '').trim()
+          if (!v) { if (f.required && !(secret && initial?.secretsSet?.[f.key])) errs[f.key] = t('ch.err.required'); continue }
+          if (f.pattern) { try { if (!new RegExp(f.pattern).test(v)) errs[f.key] = t('ch.err.pattern') } catch {} }
+          if (f.type === 'url' && !/^https?:\/\//i.test(v)) errs[f.key] = t('ch.err.url')
+        }
+        return errs
       }
-      return h('div', { className: 'n2s-card' },
-        h('div', { className: 'n2s-field', style: { marginBottom: 12 } }, h('span', null, t('im.kind')),
-          h('div', { className: 'n2s-seg' }, ['lark_webhook', 'lark_app'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.type === v, disabled: Boolean(initial?.id) && initial.type !== v, onClick: () => setForm(f => ({ ...f, type: v })) }, t(`im.type.${v}`))))),
-        h('div', { className: 'n2s-notice', style: { marginBottom: 12 } }, t(`im.help.${form.type}`)),
-        h('div', { className: 'n2s-form' },
-          field('name', 'im.name', { placeholder: t('ph.channelName') }),
-          field('description', 'im.description'),
-          form.type === 'lark_webhook' && field('webhookUrl', 'im.webhookUrl', { full: true, type: 'password', placeholder: initial?.hasSecret ? t('ds.passwordKeep') : 'https://open.feishu.cn/open-apis/bot/v2/hook/…' }),
-          form.type === 'lark_webhook' && field('signSecret', 'im.signSecret', { type: 'password', placeholder: initial?.hasSign ? t('ds.passwordKeep') : t('im.optional') }),
-          form.type === 'lark_app' && h('div', { className: 'n2s-field' }, h('span', null, t('im.domain')),
-            h('div', { className: 'n2s-seg' }, ['feishu', 'lark'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.domain === v, onClick: () => setForm(f => ({ ...f, domain: v })) }, t(`im.domain.${v}`))))),
-          form.type === 'lark_app' && field('appId', 'im.appId', { placeholder: 'cli_xxx' }),
-          form.type === 'lark_app' && field('appSecret', 'im.appSecret', { type: 'password', placeholder: initial?.hasSecret ? t('ds.passwordKeep') : '' }),
-          form.type === 'lark_app' && h('label', { className: 'n2s-field' }, h('span', null, t('im.receiveIdType')),
-            h('select', { className: 'n2s-select', value: form.receiveIdType, onChange: set('receiveIdType') }, ['chat_id', 'email', 'open_id', 'user_id', 'union_id'].map(v => h('option', { key: v, value: v }, t(`im.rid.${v}`))))),
-          form.type === 'lark_app' && h('label', { className: 'n2s-field' }, h('span', null, t('im.receiveId')),
-            h('div', { className: 'n2s-row', style: { flexWrap: 'nowrap' } },
-              h('input', { className: 'n2s-input', value: form.receiveId, placeholder: form.receiveIdType === 'email' ? 'name@company.com' : form.receiveIdType === 'chat_id' ? 'oc_xxx' : 'ou_xxx', onChange: set('receiveId') }),
-              form.receiveIdType === 'chat_id' && h('button', { type: 'button', className: 'n2s-btn small', disabled: !form.appId, onClick: loadChats }, t('im.pickChat')))),
-          chats && h('div', { className: 'n2s-field full' }, h('span', null, fmt(t, 'im.chats', { count: chats.length })),
-            chats.length === 0 ? h('div', { className: 'n2s-muted n2s-small' }, t('im.noChats')) :
-              h('div', { className: 'n2s-chips' }, chats.map(c => h('button', { key: c.chatId, type: 'button', className: 'n2s-chip', 'aria-pressed': form.receiveId === c.chatId, onClick: () => setForm(f => ({ ...f, receiveId: c.chatId, name: f.name || c.name })) }, c.name)))),
-          h('div', { className: 'n2s-field full' }, h('span', null, t('im.chartMode')),
-            h('div', { className: 'n2s-seg' }, ['native', ...(form.type === 'lark_app' ? ['image'] : []), 'table'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': (form.chartMode ?? 'native') === v, onClick: () => setForm(f => ({ ...f, chartMode: v })) }, t(`im.cm.${v}`)))),
-            h('span', { className: 'n2s-muted n2s-small' }, t('im.cmHint'))),
-          h('label', { className: 'n2s-check full' }, h('input', { type: 'checkbox', checked: Boolean(form.isDefault), onChange: set('isDefault') }), t('im.setDefault'))),
-        error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error),
-        h('div', { className: 'n2s-row', style: { marginTop: 12, justifyContent: 'flex-end' } },
-          h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onCancel }, t('ds.cancel')),
-          h('button', { type: 'button', className: 'n2s-btn', disabled: busy, onClick: () => save(true) }, t('im.saveTest')),
-          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: () => save(false) }, t('ds.save'))))
+      const payload = () => {
+        const config = {}
+        const secrets = {}
+        for (const f of visible) {
+          if (isSecretField(f)) { const v = String(form.secrets[f.key] ?? '').trim(); if (v) secrets[f.key] = v }
+          else config[f.key] = typeof form.config[f.key] === 'string' ? form.config[f.key].trim() : form.config[f.key]
+        }
+        const base = { ...(editing ? { id: initial.id } : {}), name: form.name.trim(), type: kind.id, description: form.description.trim(), isDefault: form.isDefault, chartMode: form.chartMode }
+        // Old hosts only understand the flat Lark payload.
+        if (!remote) return { ...base, ...config, ...secrets }
+        return { ...base, config, secrets, ...(caps.bot ? { bot: form.bot } : {}) }
+      }
+      const showError = (e) => {
+        const msg = e?.message ?? String(e)
+        const f = (e?.field && fields.find(x => x.key === e.field)) || visible.find(x => msg.includes(x.key) || [x.label?.zh, x.label?.en, typeof x.label === 'string' ? x.label : null].filter(Boolean).some(l => msg.includes(l)))
+        if (f) setErrors({ [f.key]: msg }); else setGeneral(msg)
+      }
+      const focusFirstError = (errs) => setTimeout(() => {
+        const k = Object.keys(errs).find(x => errs[x])
+        if (k) formRef.current?.querySelector(`#n2s-chf-${CSS_ID(k)}`)?.focus()
+      }, 0)
+      const save = async (test) => {
+        setGeneral(null)
+        const errs = validate()
+        setErrors(errs)
+        if (Object.keys(errs).length) { focusFirstError(errs); return }
+        setBusy(test ? 'test' : 'save')
+        let id = initial?.id
+        try {
+          const saved = await call('saveChannel', payload())
+          id = saved?.id ?? id
+          if (!remote && caps.bot && id && JSON.stringify(form.bot) !== JSON.stringify(initBot) && (form.bot.enabled || initBot.enabled)) {
+            await saveBotFor(id, form.bot).catch(notifyError)
+          }
+        } catch (e) { setBusy(null); showError(e); return }
+        await refreshChannels()
+        refreshBots()
+        if (test && id) {
+          try {
+            const r = await call('testChannel', { id })
+            if (r && r.ok === false) notify(r.detail ? fmt(t, 'ch.savedTestFailedMsg', { msg: r.detail }) : t('ch.savedTestFailed'), 'err')
+            else notify(r?.detail ? `${t('ch.testOk')} · ${r.detail}` : t('ch.testOk'), 'ok')
+          } catch (e) { notify(fmt(t, 'ch.savedTestFailedMsg', { msg: e.message }), 'err') }
+        } else notify(t('ch.saved'), 'ok')
+        setBusy(null)
+        onClose()
+      }
+      const testOnly = async () => {
+        setBusy('test'); setGeneral(null)
+        try {
+          const r = await call('testChannel', { id: initial.id })
+          if (r && r.ok === false) setGeneral(r.detail ?? t('im.lastFailed'))
+          else notify(r?.detail ? `${t('ch.testOk')} · ${r.detail}` : t('ch.testOk'), 'ok')
+          refreshChannels()
+        } catch (e) { setGeneral(e.message) }
+        setBusy(null)
+      }
+      const steps = L(kind.setupSteps)
+      const stepList = Array.isArray(steps) ? steps : []
+      const idBase = 'n2s-chf'
+      return h('div', { ref: formRef },
+        h('div', { className: 'n2s-wiz-head' },
+          !editing && h('button', { type: 'button', className: 'n2s-iconbtn', 'aria-label': t('ch.back'), title: t('ch.back'), onClick: onBack }, h('span', { style: { display: 'inline-flex', transform: 'rotate(180deg)' } }, Icon.arrow(14))),
+          h(PlatformMark, { t, platform, size: 32 }),
+          h('div', { className: 'n2s-grow' },
+            h('div', { id: 'n2s-wiz-title', className: 'n2s-modal-title' }, editing ? fmt(t, 'ch.editTitle', { name: initial.name }) : t('ch.addTitle')),
+            h('div', { className: 'n2s-muted n2s-small' }, `${platformName(t, platform, catalog)} · ${L(kind.label)}`)),
+          h('button', { type: 'button', className: 'n2s-iconbtn n2s-modal-x', 'aria-label': t('ds.cancel'), onClick: onClose }, Icon.close())),
+        !editing && h('ol', { className: 'n2s-wiz-steps', 'aria-label': t('ch.addTitle') },
+          h('li', { className: 'done' }, t('ch.step.pick')), h('li', { className: 'current', 'aria-current': 'step' }, t('ch.step.config'))),
+        stepList.length > 0 && h('details', { className: 'n2s-setup', open: !editing },
+          h('summary', null, fmt(t, 'ch.setupSteps', { n: stepList.length })),
+          h('ol', null, stepList.map((s, i) => h('li', { key: i }, s)))),
+        h('div', { className: 'n2s-form', style: { marginTop: 14 } },
+          h(FieldInput, { t, idBase, f: { key: 'name', label: t('im.name'), required: true, placeholder: t('ph.channelName') }, value: form.name, error: errors.name, onChange: (v) => { setForm(f => ({ ...f, name: v })); setErrors(e => ({ ...e, name: undefined })) } }),
+          h(FieldInput, { t, idBase, f: { key: 'description', label: t('im.description') }, value: form.description, onChange: (v) => setForm(f => ({ ...f, description: v })) }),
+          visible.map(f => h(FieldInput, {
+            key: f.key, t, idBase, f, error: errors[f.key],
+            keep: isSecretField(f) && Boolean(initial?.secretsSet?.[f.key]),
+            value: isSecretField(f) ? (form.secrets[f.key] ?? '') : form.config[f.key],
+            onChange: (v) => (isSecretField(f) ? setSecret(f.key, v) : setConfig(f.key, v)),
+          })),
+          canPick && h(TargetPicker, {
+            t, kind, remote, initial, config: Object.fromEntries(visible.filter(f => !isSecretField(f)).map(f => [f.key, form.config[f.key]])), secrets: Object.fromEntries(Object.entries(form.secrets).filter(([k, v]) => v && visible.some(f => f.key === k))), current: form.config[tf.key],
+            onPick: (c) => { setForm(f => ({ ...f, name: f.name || c.name || '', config: { ...f.config, [tf.key]: c.id } })); setErrors(e => ({ ...e, [tf.key]: undefined, name: undefined })) },
+          }),
+          h('div', { className: 'n2s-field full' },
+            h('span', { className: 'n2s-flabel', id: 'n2s-chf-cm' }, t('im.chartMode')),
+            h('div', { className: 'n2s-seg', role: 'group', 'aria-labelledby': 'n2s-chf-cm', style: { justifySelf: 'start' } }, modes.map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.chartMode === v, onClick: () => setForm(f => ({ ...f, chartMode: v })) }, t(`im.cm.${v}`)))),
+            h('span', { className: 'n2s-faint n2s-small' }, caps.charts === 'none' ? t('ch.tablesOnly') : modes.includes('native') ? t('im.cmHint') : t('ch.cmImage'))),
+          h('label', { className: 'n2s-check full' }, h('input', { type: 'checkbox', checked: form.isDefault, onChange: e => setForm(f => ({ ...f, isDefault: e.target.checked })) }), t('im.setDefault'))),
+        caps.bot && h('fieldset', { ref: botRef, className: `n2s-botbox${focusBot ? ' focus' : ''}` },
+          h('legend', null, t('ch.botSection')),
+          h('div', { className: 'n2s-muted n2s-small', style: { marginBottom: 10 } }, t('ch.botSectionHint')),
+          h('label', { className: 'n2s-switch' }, h('input', { type: 'checkbox', role: 'switch', checked: form.bot.enabled, onChange: e => setBot({ enabled: e.target.checked }) }), h('span', null, t('ch.botEnable'))),
+          form.bot.enabled && h('div', { className: 'n2s-form', style: { marginTop: 12 } },
+            h('label', { className: 'n2s-field' }, h('span', null, t('bot.scope')),
+              h('select', { className: 'n2s-select', value: form.bot.sessionScope, onChange: e => setBot({ sessionScope: e.target.value }) }, ['chat', 'user'].map(x => h('option', { key: x, value: x }, t(`bot.scope.${x}`))))),
+            h('label', { className: 'n2s-check', style: { alignSelf: 'end', height: 34 } }, h('input', { type: 'checkbox', checked: form.bot.allowP2p, onChange: e => setBot({ allowP2p: e.target.checked }) }), t('bot.p2p')))),
+        general && h('div', { className: 'n2s-notice err', role: 'alert', style: { marginTop: 12 } }, general),
+        h('div', { className: 'n2s-row n2s-wiz-foot' },
+          h('span', { className: 'n2s-faint n2s-small n2s-grow' }, editing && !dirty ? '' : t('ch.testSavesFirst')),
+          h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onClose }, t('ds.cancel')),
+          editing && !dirty
+            ? h('button', { type: 'button', className: 'n2s-btn', disabled: Boolean(busy), onClick: testOnly }, busy === 'test' ? h('span', { className: 'n2s-spin' }) : null, t('ch.testConn'))
+            : h('button', { type: 'button', className: 'n2s-btn', disabled: Boolean(busy), onClick: () => save(true) }, busy === 'test' ? h('span', { className: 'n2s-spin' }) : null, t('im.saveTest')),
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: Boolean(busy), onClick: () => save(false) }, busy === 'save' ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
+    }
+    const CSS_ID = (k) => String(k).replace(/[^\w-]/g, '_')
+
+    /** Add (pick platform → kind → form) or edit (form only) a channel. */
+    function ChannelWizard({ t, initial, focusBot, onClose }) {
+      const { catalog, remote, ready } = useCatalog(t)
+      const editing = Boolean(initial?.id)
+      const [platform, setPlatform] = useState(initial?.platform ?? null)
+      const [type, setType] = useState(initial?.type ?? null)
+      const p = platform ?? catalog[0]?.platform
+      const found = type ? findKind(catalog, type) : null
+      const step = type ? 'form' : 'pick'
+      return h(Modal, { label: editing ? fmt(t, 'ch.editTitle', { name: initial.name }) : t('ch.addTitle'), labelledBy: step === 'form' && found ? 'n2s-wiz-title' : undefined, onClose, width: 720, className: 'n2s-wizard' },
+        !ready ? h('div', { className: 'n2s-skel', style: { height: 220 } }) :
+          step === 'pick' ? h(React.Fragment, null,
+            h('div', { className: 'n2s-wiz-head' },
+              h('div', { className: 'n2s-grow' }, h('div', { className: 'n2s-modal-title' }, t('ch.addTitle')), h('div', { className: 'n2s-muted n2s-small' }, t('ch.addSub'))),
+              h('button', { type: 'button', className: 'n2s-iconbtn n2s-modal-x', 'aria-label': t('ds.cancel'), onClick: onClose }, Icon.close())),
+            h('ol', { className: 'n2s-wiz-steps', 'aria-label': t('ch.addTitle') }, h('li', { className: 'current', 'aria-current': 'step' }, t('ch.step.pick')), h('li', null, t('ch.step.config'))),
+            catalog.length === 0 ? h('div', { className: 'n2s-empty' }, t('ch.noCatalog')) :
+              h(KindPicker, { t, catalog, platform: p, onPlatform: setPlatform, onPick: (pl, k) => { setPlatform(pl); setType(k) } })) :
+          !found ? h('div', null,
+            h('div', { className: 'n2s-notice err' }, fmt(t, 'ch.unknownKind', { type })),
+            h('div', { className: 'n2s-row', style: { marginTop: 12, justifyContent: 'flex-end' } }, h('button', { type: 'button', className: 'n2s-btn', onClick: onClose }, t('ds.cancel')))) :
+            h(ChannelForm, { key: type, t, catalog, remote, platform: found.platform.platform, kind: found.kind, initial: editing ? initial : null, focusBot, onBack: () => setType(null), onClose }))
+    }
+
+    // ----------------------------------------------------------------- list
+
+    const shortTime = (ts) => new Date(ts).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+
+    function ChannelRow({ t, c, catalog, bots, onEdit, act }) {
+      const kind = findKind(catalog, c.type)?.kind
+      const caps = c.capabilities ?? kind?.capabilities
+      const target = targetSummary(t, c, kind)
+      const bot = caps?.bot ? botOf(c, bots) : null
+      return h('div', { className: 'n2s-list2-row', 'data-channel': c.id },
+        h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+          h('div', { className: 'n2s-row', style: { gap: 6 } },
+            h('span', { className: 'n2s-list2-title' }, c.name),
+            c.isDefault && h('span', { className: 'n2s-badge blue' }, t('im.default')),
+            c.needsSecret && h('span', { className: 'n2s-badge warn', title: t('ds.needsSecretHint') }, t('ds.needsSecret')),
+            c.secretsSet?.signSecret && h('span', { className: 'n2s-badge' }, t('im.signed'))),
+          h('div', { className: 'n2s-list2-sub' }, kindLabel(t, c.type, catalog), target ? ' · ' : '', target && h('span', { className: target === t('im.webhookHidden') ? undefined : 'n2s-mono' }, target)),
+          h('div', { className: 'n2s-row', style: { gap: 8, marginTop: 6 } },
+            h(CapabilityChips, { t, caps, type: c.type }),
+            bot && h(BotDot, { t, bot, prefix: t('ch.cap.bot') })),
+          c.lastError && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)', whiteSpace: 'normal' } }, c.lastError)),
+        h('div', { className: 'n2s-list2-side' },
+          h('span', { className: `n2s-statusdot ${c.lastError ? 'err' : c.lastSentAt ? 'ok' : ''}` }, c.lastError ? t('im.lastFailed') : c.lastSentAt ? t('im.statusOk') : t('im.statusNew')),
+          c.lastSentAt && h('span', { className: 'n2s-faint n2s-small' }, `${t('im.lastSent')} ${shortTime(c.lastSentAt)}`)),
+        h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
+          h('button', { type: 'button', className: 'n2s-btn small', onClick: () => act(() => call('testChannel', { id: c.id }), t('ch.testOk')) }, t('im.test')),
+          h(Dropdown, { label: fmt(t, 'ch.actionsFor', { name: c.name }), trigger: { content: Icon.more() }, items: [
+            { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => onEdit(c, false) },
+            !c.isDefault && { label: t('im.makeDefault'), icon: Icon.check(14), onClick: () => act(() => makeDefault(c), t('ch.defaultSet')) },
+            caps?.bot && { label: t('ch.botSettings'), icon: Icon.spark(14), onClick: () => onEdit(c, true) },
+            { divider: true },
+            { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'im.deleteConfirm', { name: c.name }), message: caps?.bot && bot?.enabled ? t('ch.deleteBotWarn') : undefined, confirmLabel: t('ds.delete'), danger: true })) act(() => call('deleteChannel', { id: c.id }), t('ch.deleted')) } },
+          ] })))
+    }
+
+    /** Mark a channel as default; old hosts need the flat payload, new ones the config shape. */
+    function makeDefault(c) {
+      if (c.legacy) return call('saveChannel', { id: c.id, name: c.name, type: c.type, description: c.description, chartMode: c.chartMode, ...c.config, isDefault: true })
+      return call('saveChannel', { id: c.id, name: c.name, type: c.type, description: c.description, chartMode: c.chartMode, config: c.config, secrets: {}, isDefault: true })
+    }
+
+    function DeliveryLog({ t, channels, deliveries }) {
+      const [open, setOpen] = useState(false)
+      const rows = deliveries ?? []
+      if (!rows.length) return null
+      const failed = rows.slice(0, 50).filter(d => d.status !== 'ok').length
+      const platformOf = (d) => d.platform ?? channels.find(c => c.id === d.channelId)?.platform ?? channels.find(c => c.name === d.channelName)?.platform
+      return h('div', { className: 'n2s-collapse' },
+        h('button', { type: 'button', 'aria-expanded': open, 'aria-controls': 'n2s-deliveries', onClick: () => setOpen(v => !v) },
+          t('im.log'), h('span', { className: 'n2s-faint' }, rows.length), failed > 0 && h('span', { className: 'n2s-badge err' }, fmt(t, 'ch.failedN', { n: failed })), Icon.chev(12)),
+        open && h('div', { id: 'n2s-deliveries', className: 'n2s-table-wrap', style: { marginTop: 12 } }, h('table', { className: 'n2s-table' },
+          h('thead', null, h('tr', null, ['im.col.time', 'im.col.channel', 'im.col.title', 'im.col.source', 'im.col.status'].map(k => h('th', { key: k }, t(k))))),
+          h('tbody', null, rows.slice(0, 50).map(d => h('tr', { key: d.id },
+            h('td', { className: 'n2s-muted' }, shortTime(d.at)),
+            h('td', null, h('span', { className: 'n2s-row', style: { gap: 6, flexWrap: 'nowrap' } }, platformOf(d) && h(PlatformMark, { t, platform: platformOf(d), size: 18 }), d.channelName)),
+            h('td', { title: d.title }, d.title),
+            h('td', { className: 'n2s-muted' }, tOpt(t, `im.src.${d.source}`) || d.source),
+            h('td', { title: d.error ?? '' }, d.status === 'ok'
+              ? h('span', { className: 'n2s-statusdot ok' }, [t('im.sentOk'), d.results ? fmt(t, 'im.resultsN', { count: d.results }) : '', d.files ? t('im.sentFile') : '', d.error ? d.error : ''].filter(Boolean).join(' · '))
+              : h('span', { className: 'n2s-statusdot err' }, d.error ?? t('im.lastFailed')))))))))
     }
 
     function PushTab({ t }) {
       const channels = useChannels()
+      const bots = useBots()
+      const { catalog } = useCatalog(t)
       const deliveries = useAsync(() => call('listDeliveries'), [channels])
       const [editing, setEditing] = useState(null)
-      const [notice, setNotice] = useState(null)
+      // Pick up host upgrades (catalog, new channel shape) whenever the page opens.
+      useEffect(() => { loadCatalog(); refreshChannels(); refreshBots() }, [])
+      useEffect(() => {
+        const id = setInterval(() => { if (!document.hidden) refreshBots() }, 8000)
+        return () => clearInterval(id)
+      }, [])
+      // Opened from the bot overview: jump straight into that channel's bot settings.
+      const nav = useSyncExternalStore(channelNav.subscribe, channelNav.get, channelNav.get)
+      useEffect(() => {
+        if (!nav.edit) return
+        const c = channels.find(x => x.id === nav.edit.id)
+        if (c) { setEditing({ channel: c, focusBot: nav.edit.bot }); channelNav.set({ edit: null }) }
+      }, [nav, channels])
       const act = async (fn, ok) => {
-        setNotice(null)
-        try { await fn(); if (ok) setNotice({ ok: true, text: ok }) } catch (e) { setNotice({ ok: false, text: e.message }) }
+        try { const r = await fn(); if (r && r.ok === false) notify(r.detail ?? t('im.lastFailed'), 'err'); else if (ok) notify(r?.detail ? `${ok} · ${r.detail}` : ok, 'ok') } catch (e) { notifyError(e) }
         refreshChannels()
+        refreshBots()
+      }
+      const groups = []
+      for (const c of channels) {
+        let g = groups.find(x => x.platform === c.platform)
+        if (!g) groups.push(g = { platform: c.platform, items: [] })
+        g.items.push(c)
       }
+      const rank = (p) => { const i = catalog.findIndex(x => x.platform === p); return i < 0 ? 99 : i }
+      groups.sort((a, b) => rank(a.platform) - rank(b.platform))
+      const add = () => setEditing({ channel: null })
       return h('div', null,
-        h(SectionHead, { title: t('tab.push'), desc: t('im.hintShort') }, h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => setEditing({}) }, '+ ', t('im.add'))),
-        notice && h('div', { className: `n2s-notice ${notice.ok ? 'ok' : 'err'}`, style: { marginBottom: 10 }, role: 'status' }, notice.text),
-        editing && h(ChannelForm, { key: editing.id ?? 'new', t, initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: (msg) => { setEditing(null); if (msg) setNotice({ ok: true, text: msg }) } }),
-        channels.length === 0 && !editing && h('div', { className: 'n2s-empty' }, h('h3', null, t('im.empty')), h('div', null, t('im.emptyHint')), h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => setEditing({}) }, t('im.add'))),
-        channels.length > 0 && h('div', { className: 'n2s-list2', style: { marginTop: editing ? 12 : 0 } }, channels.map(c => h('div', { key: c.id, className: 'n2s-list2-row' },
-          h(TypeTile, { type: c.type }),
-          h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
-            h('div', { className: 'n2s-row', style: { gap: 6 } },
-              h('span', { className: 'n2s-list2-title' }, c.name),
-              c.isDefault && h('span', { className: 'n2s-badge' }, t('im.default')),
-              c.needsSecret && h('span', { className: 'n2s-badge warn', title: t('ds.needsSecretHint') }, t('ds.needsSecret')),
-              c.hasSign && h('span', { className: 'n2s-badge' }, t('im.signed'))),
-            h('div', { className: 'n2s-list2-sub' }, t(`im.type.${c.type}`), ' · ', c.type === 'lark_app' ? h('span', { className: 'n2s-mono' }, `${c.receiveIdType}:${c.receiveId}`) : t('im.webhookHidden')),
-            c.lastError && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)' } }, c.lastError)),
-          h('div', { className: 'n2s-list2-side' },
-            h('span', { className: `n2s-statusdot ${c.lastError ? 'err' : c.lastSentAt ? 'ok' : ''}` }, c.lastError ? t('im.lastFailed') : c.lastSentAt ? t('im.statusOk') : t('im.statusNew')),
-            c.lastSentAt && h('span', { className: 'n2s-faint n2s-small' }, new Date(c.lastSentAt).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }))),
-          h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
-            h('button', { type: 'button', className: 'n2s-btn small', onClick: () => act(() => call('testChannel', { id: c.id }), t('im.testOk')) }, t('im.test')),
-            h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
-              !c.isDefault && { label: t('im.makeDefault'), icon: Icon.check(14), onClick: () => act(() => call('saveChannel', { ...c, isDefault: true })) },
-              { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing(c) },
-              { divider: true },
-              { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'im.deleteConfirm', { name: c.name }), danger: true })) act(() => call('deleteChannel', { id: c.id })) } },
-            ] }))))),
-        (deliveries.value ?? []).length > 0 && h('div', { className: 'n2s-section' }, h('h2', null, t('im.log')),
-          h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table' },
-            h('thead', null, h('tr', null, ['im.col.time', 'im.col.channel', 'im.col.title', 'im.col.source', 'im.col.status'].map(k => h('th', { key: k }, t(k))))),
-            h('tbody', null, deliveries.value.slice(0, 50).map(d => h('tr', { key: d.id },
-              h('td', { className: 'n2s-muted' }, new Date(d.at).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })), h('td', null, d.channelName), h('td', { title: d.title }, d.title),
-              h('td', { className: 'n2s-muted' }, t(`im.src.${d.source}`)),
-              h('td', { title: d.error ?? '' }, d.status === 'ok'
-                ? h('span', { className: 'n2s-statusdot ok' }, [t('im.sentOk'), d.results ? fmt(t, 'im.resultsN', { count: d.results }) : ''].filter(Boolean).join(' · '))
-                : h('span', { className: 'n2s-statusdot err' }, d.error ?? t('im.lastFailed'))))))))))
+        h(SectionHead, { title: t('admin.push'), desc: t('ch.desc') }, h('button', { type: 'button', className: 'n2s-btn primary', onClick: add }, '+ ', t('im.add'))),
+        channels.length === 0
+          ? h('div', { className: 'n2s-empty' },
+            h('div', { className: 'n2s-row', style: { justifyContent: 'center', gap: 8, marginBottom: 12 } }, catalog.map(p => h(PlatformMark, { key: p.platform, t, platform: p.platform, size: 32 }))),
+            h('h3', null, t('im.empty')), h('div', null, t('ch.emptyHint')),
+            h('button', { type: 'button', className: 'n2s-btn primary', onClick: add }, t('im.add')))
+          : h('div', { className: 'n2s-pgroups' }, groups.map(g => h('section', { key: g.platform, className: 'n2s-pgroup', 'aria-label': platformName(t, g.platform, catalog) },
+            h('div', { className: 'n2s-pgroup-head' }, h(PlatformMark, { t, platform: g.platform, size: 22 }), h('span', null, platformName(t, g.platform, catalog)), h('span', { className: 'n2s-faint' }, g.items.length)),
+            h('div', { className: 'n2s-list2' }, g.items.map(c => h(ChannelRow, { key: c.id, t, c, catalog, bots, act, onEdit: (ch, focusBot) => setEditing({ channel: ch, focusBot }) })))))),
+        h(DeliveryLog, { t, channels, deliveries: deliveries.value }),
+        editing && h(ChannelWizard, { key: editing.channel?.id ?? 'new', t, initial: editing.channel, focusBot: editing.focusBot, onClose: () => setEditing(null) }))
     }
 
     const HIDDEN_PIN = { hidden: true }
     const WIDGET_WIDTHS = ['third', 'half', 'full']
 
-    function DashboardWidget({ t, widget, onRemove, onChanged, onMove, tick, first, last, filters, filterCount, otherBoards = [], onTransfer, onLoaded, drag }) {
+    function DashboardWidget({ t, widget, onRemove, onChanged, onMove, tick, first, last, filters, filterCount, otherBoards = [], onTransfer, onLoaded, drag, source, showSource }) {
       const [state, setState] = useState({ busy: true })
       const [local, setLocal] = useState(0)
       useEffect(() => {
@@ -3697,6 +4522,7 @@ window.__ModuleLoader__.load({
             onKeyDown: (e) => { if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') { e.preventDefault(); if (!first) onMove(-1) } if (e.key === 'ArrowDown' || e.key === 'ArrowRight') { e.preventDefault(); if (!last) onMove(1) } },
           }, svg(14, [h('circle', { key: 1, cx: 6, cy: 4, r: .9, fill: 'currentColor' }), h('circle', { key: 2, cx: 10, cy: 4, r: .9, fill: 'currentColor' }), h('circle', { key: 3, cx: 6, cy: 8, r: .9, fill: 'currentColor' }), h('circle', { key: 4, cx: 10, cy: 8, r: .9, fill: 'currentColor' }), h('circle', { key: 5, cx: 6, cy: 12, r: .9, fill: 'currentColor' }), h('circle', { key: 6, cx: 10, cy: 12, r: .9, fill: 'currentColor' })])),
           h('span', { className: 'title', title: widget.title }, widget.title),
+          showSource && h('span', { className: `n2s-badge n2s-srcbadge${source ? '' : ' warn'}`, title: source ? `${t('dash.sourceOf')}: ${source.name} · ${typeLabel(t, source.type)}` : t('dash.sourceMissing') }, Icon.db(11), source ? source.name : t('dash.sourceMissingShort')),
           state.busy ? h('span', { className: 'n2s-spin n2s-faint', 'aria-label': t('dash.loading') }) : ago && h('span', { className: 'n2s-faint n2s-small n2s-hide-narrow', title: state.result?.cached ? fmt(t, 'dash.cachedAt', { time: new Date(state.result.cachedAt).toLocaleTimeString() }) : t('dash.updatedAt') }, state.result?.cached ? `${ago} · ${t('dash.cached')}` : ago),
           state.result?.filters?.length > 0 && h('span', { className: 'n2s-badge blue', title: state.result.filters.map(f => f.description).join('\n') }, fmt(t, 'filter.appliedCount', { count: state.result.filters.length })),
           state.result && filterCount > 0 && !(state.result.filters?.length) && h('span', { className: 'n2s-badge', title: t('filter.notApplied') }, t('filter.notAppliedShort')),
@@ -3717,7 +4543,7 @@ window.__ModuleLoader__.load({
         state.result && h(ResultView, { result: widgetResult, t, compact: true, embedded: true, onPinned: HIDDEN_PIN }))
     }
 
-    function DashboardTab({ t }) {
+    function DashboardTab({ t, ds, datasources = [] }) {
       const [boardId, setBoardId] = useState(null)
       const list = useAsync(() => call('listDashboard'), [boardId])
       const boards = useAsync(() => call('listDashboards'), [boardId])
@@ -3732,7 +4558,17 @@ window.__ModuleLoader__.load({
       const [order, setOrder] = useState(null)
       useEffect(() => { setOrder(null) }, [list.value])
       const serverWidgets = list.value ?? []
-      const widgets = order ? order.map(id => serverWidgets.find(w => w.id === id)).filter(Boolean) : serverWidgets
+      const allWidgets = order ? order.map(id => serverWidgets.find(w => w.id === id)).filter(Boolean) : serverWidgets
+      // Widgets keep the data source they were pinned from; a board may mix sources.
+      // Scope: all sources, or only the one selected at the top right (remembered per browser).
+      const [scope, setScopeState] = useState(() => { try { return localStorage.getItem('nl2sql:dashScope') === 'current' ? 'current' : 'all' } catch { return 'all' } })
+      const setScope = (v) => { setScopeState(v); try { localStorage.setItem('nl2sql:dashScope', v) } catch {} }
+      const sourceIds = [...new Set(allWidgets.map(w => w.datasourceId))]
+      const mixed = sourceIds.length > 1
+      const dsById = new Map(datasources.map(d => [d.id, d]))
+      const widgets = scope === 'current' && ds ? allWidgets.filter(w => w.datasourceId === ds.id) : allWidgets
+      const hiddenByScope = allWidgets.length - widgets.length
+      const showSource = mixed || (ds && sourceIds.some(id => id !== ds.id))
       const saved = useAsync(() => call('getDashboardFilters'), [boardId])
       const [filters, setFilters] = useState(null)
       const [filtersFor, setFiltersFor] = useState(null)
@@ -3754,7 +4590,11 @@ window.__ModuleLoader__.load({
       // Drag and drop.
       const [dragId, setDragId] = useState(null)
       const [over, setOver] = useState(null) // { id, pos: 'before'|'after' }
-      const commitOrder = async (ids) => {
+      const commitOrder = async (visibleIds) => {
+        // Hidden (other-source) widgets keep their slots; visible ones take the new order.
+        const queue = [...visibleIds]
+        const visible = new Set(visibleIds)
+        const ids = allWidgets.map(w => (visible.has(w.id) ? queue.shift() : w.id))
         setOrder(ids)
         try { await call('reorderWidgets', { dashboardId: boards.value?.current, ids }) } catch (e) { notifyError(e); setOrder(null) }
         list.reload()
@@ -3793,9 +4633,13 @@ window.__ModuleLoader__.load({
       }
       return h('div', null,
         h(DashboardSwitcher, { t, value: { id: boardId }, onChange: (id) => setBoardId(`${id}:${Date.now()}`) }),
-        widgets.length > 0 && h('div', { className: 'n2s-toolbar n2s-dashbar' },
+        allWidgets.length > 0 && h('div', { className: 'n2s-toolbar n2s-dashbar' },
           h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
-            h('div', { className: 'n2s-h2', style: { margin: 0 } }, fmt(t, 'dash.count', { count: widgets.length })),
+            h('div', { className: 'n2s-row', style: { gap: 10 } },
+              h('div', { className: 'n2s-h2', style: { margin: 0 } }, fmt(t, 'dash.count', { count: widgets.length })),
+              (mixed || hiddenByScope > 0 || (ds && sourceIds.some(id => id !== ds.id))) && h('div', { className: 'n2s-seg small', role: 'group', 'aria-label': t('dash.scope') },
+                ['all', 'current'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': scope === v, disabled: v === 'current' && !ds, onClick: () => setScope(v) }, v === 'all' ? t('dash.scopeAll') : fmt(t, 'dash.scopeCurrent', { name: ds?.name ?? '' }))))),
+            showSource && h('div', { className: 'n2s-faint n2s-small' }, fmt(t, 'dash.sources', { list: sourceIds.map(id => dsById.get(id)?.name ?? t('dash.sourceMissingShort')).join('、') })),
             h('div', { className: 'n2s-faint n2s-small', role: 'status', 'aria-live': 'polite' },
               loadingN > 0 ? fmt(t, 'dash.loadingN', { n: loadingN }) : lastAt ? fmt(t, 'dash.lastRefresh', { time: new Date(lastAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' }) }) : '',
               cachedN > 0 && loadingN === 0 ? h('span', null, ' · ', h('button', { type: 'button', className: 'n2s-link', title: t('dash.cachedHint'), onClick: () => setTick(x => x + 1) }, fmt(t, 'dash.cachedN', { n: cachedN }))) : null,
@@ -3812,11 +4656,12 @@ window.__ModuleLoader__.load({
         widgets.length > 0 && filtersReady && h(FilterBar, { key: `f:${boardId ?? 'b'}`, t, filters, onChange: changeFilters }),
         sendingDash && h(SendDialog, { t, initial: { title: t('im.dashboardTitle'), dashboard: true }, onClose: () => setSendingDash(false) }),
         list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
-        !list.loading && widgets.length === 0 && h('div', { className: 'n2s-empty' }, h('h3', null, t('dash.empty')), h('div', null, t('dash.emptyHint')), h('button', { type: 'button', className: 'n2s-btn', onClick: () => fbCtx.navigate?.({ tab: 'ask' }) }, t('dash.goAsk'))),
+        !list.loading && widgets.length === 0 && hiddenByScope > 0 && h('div', { className: 'n2s-empty' }, h('h3', null, fmt(t, 'dash.scopeEmpty', { name: ds?.name ?? '' })), h('div', null, fmt(t, 'dash.scopeEmptyHint', { n: hiddenByScope })), h('button', { type: 'button', className: 'n2s-btn', onClick: () => setScope('all') }, t('dash.scopeAll'))),
+        !list.loading && allWidgets.length === 0 && h('div', { className: 'n2s-empty' }, h('h3', null, t('dash.empty')), h('div', null, t('dash.emptyHint')), h('button', { type: 'button', className: 'n2s-btn', onClick: () => fbCtx.navigate?.({ tab: 'ask' }) }, t('dash.goAsk'))),
         widgets.length > 1 && h('div', { className: 'n2s-faint n2s-small n2s-hide-narrow', style: { margin: '-4px 0 8px' } }, t('dash.dragTip')),
         filtersReady && !list.loading && h('div', { className: `n2s-dash${dragId ? ' is-dragging' : ''}`, key: `d:${boardId ?? 'b'}` }, widgets.map((w, i) => h(DashboardWidget, {
           key: w.id, t, widget: w, tick, first: i === 0, last: i === widgets.length - 1, filters: filters ?? [], filterCount: (filters ?? []).length,
-          onChanged: () => list.reload(), onLoaded, drag: dragProps(w),
+          onChanged: () => list.reload(), onLoaded, drag: dragProps(w), source: dsById.get(w.datasourceId), showSource,
           onMove: (delta) => move(w, delta),
           onRemove: async () => { if (!await confirmDialog({ title: fmt(t, 'dash.removeConfirm', { title: w.title }), danger: true })) return; try { await call('unpinWidget', { id: w.id }); notify(t('dash.removed'), 'ok') } catch (e) { notifyError(e) } list.reload() },
           otherBoards, onTransfer: async (to, copy) => { try { await call('transferWidget', { id: w.id, toDashboardId: to, copy }); notify(copy ? t('dash.copied') : t('dash.moved'), 'ok') } catch (e) { notifyError(e) } list.reload(); boards.reload() },
@@ -3916,7 +4761,7 @@ window.__ModuleLoader__.load({
             h('span', { className: 'n2s-faint n2s-small' }, t(`al.condHint.${c.type}`))),
           h('label', { className: 'n2s-field' }, h('span', null, t('al.every')), h('select', { className: 'n2s-select', value: form.every, onChange: set('every') }, ['15m', 'hour', 'day'].map(v => h('option', { key: v, value: v }, t(`al.every.${v}`))))),
           form.every === 'day' ? h('label', { className: 'n2s-field' }, h('span', null, t('rep.time')), h('input', { className: 'n2s-input', type: 'time', value: form.at, onChange: set('at') })) : h('label', { className: 'n2s-field' }, h('span', null, t('al.cooldown')), h('input', { className: 'n2s-input', type: 'number', value: form.cooldownMin, onChange: set('cooldownMin') })),
-          h('label', { className: 'n2s-field' }, h('span', null, t('rep.push')), h('select', { className: 'n2s-select', value: form.channelId ?? '', onChange: set('channelId') }, h('option', { value: '' }, t('al.noPush')), channels.map(ch => h('option', { key: ch.id, value: ch.id }, ch.name)))),
+          h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-al-channel', className: 'n2s-flabel' }, t('rep.push')), h(ChannelPicker, { t, id: 'n2s-al-channel', value: form.channelId ?? '', noneLabel: t('al.noPush'), onChange: (v) => setForm(f => ({ ...f, channelId: v })) })),
           h('label', { className: 'n2s-check', style: { alignSelf: 'end' } }, h('input', { type: 'checkbox', checked: form.mention, onChange: set('mention') }), t('al.mentionAll'))),
         test && h('div', { className: `n2s-notice ${test.error ? 'err' : test.triggered ? 'warn' : 'ok'}`, style: { marginTop: 10 } }, test.busy ? t('ds.testing') : test.error ?? `${test.triggered ? t('al.wouldFire') : t('al.wouldNotFire')}：${test.message}`),
         error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error),
@@ -4165,25 +5010,86 @@ window.__ModuleLoader__.load({
             h('div', { className: 'n2s-cards' }, group.map(card)))
         }))
     }
-    // ------------------------------------------------- members & lark bot
+    // ------------------------------------------------------ members & bots
+
+    /** Identities of a member: the new array, or the legacy Lark fields. */
+    function identitiesOf(u) {
+      if (Array.isArray(u?.identities)) return u.identities.filter(x => x && x.id).map(x => ({ platform: x.platform ?? 'lark', id: String(x.id), ...(x.email ? { email: x.email } : {}) }))
+      const out = []
+      const id = u?.kind === 'chat' ? u?.larkChatId : u?.larkOpenId
+      if (id || (u?.kind !== 'chat' && u?.email)) out.push({ platform: 'lark', id: id ?? '', ...(u?.kind !== 'chat' && u?.email ? { email: u.email } : {}) })
+      return out
+    }
+
+    /** Platforms members can be identified on: those with a bot-capable kind. */
+    function identityPlatforms(catalog) {
+      const list = catalog.filter(p => (p.kinds ?? []).some(k => k.capabilities?.bot)).map(p => p.platform)
+      return list.length ? list : ['lark']
+    }
+
+    function IdentityEditor({ t, kind, rows, onChange, catalog, errors }) {
+      const platforms = identityPlatforms(catalog)
+      const set = (i, patch) => onChange(rows.map((r, j) => j === i ? { ...r, ...patch } : r))
+      const help = (p) => tOpt(t, `mb.idHelp.${p}.${kind}`)
+      return h('div', { className: 'n2s-field full', role: 'group', 'aria-labelledby': 'n2s-ids-label' },
+        h('span', { id: 'n2s-ids-label', className: 'n2s-flabel' }, kind === 'chat' ? t('mb.ids.chat') : t('mb.ids.person')),
+        h('span', { className: 'n2s-faint n2s-small' }, kind === 'chat' ? t('mb.ids.chatHint') : t('mb.ids.personHint')),
+        h('div', { className: 'n2s-idrows' }, rows.map((r, i) => h('div', { key: i, className: 'n2s-idrow', 'data-identity': i },
+          h('div', { className: 'n2s-idrow-main' },
+            h(PlatformMark, { t, platform: r.platform, size: 30 }),
+            h('select', { className: 'n2s-select inline', 'aria-label': fmt(t, 'mb.ids.platformN', { n: i + 1 }), value: r.platform, onChange: e => set(i, { platform: e.target.value }) },
+              [...new Set([...platforms, r.platform])].map(p => h('option', { key: p, value: p }, platformName(t, p, catalog)))),
+            h('input', { className: `n2s-input n2s-mono${errors?.[i] ? ' invalid' : ''}`, 'aria-label': fmt(t, 'mb.ids.idN', { n: i + 1 }), 'aria-invalid': errors?.[i] ? true : undefined, value: r.id, placeholder: ID_PLACEHOLDER[r.platform]?.[kind] ?? 'id', spellCheck: false, autoComplete: 'off', onChange: e => set(i, { id: e.target.value }) }),
+            kind === 'person' && h('input', { className: 'n2s-input', style: { maxWidth: 220 }, type: 'email', 'aria-label': fmt(t, 'mb.ids.emailN', { n: i + 1 }), value: r.email ?? '', placeholder: t('mb.ids.emailPh'), onChange: e => set(i, { email: e.target.value }) }),
+            h('button', { type: 'button', className: 'n2s-iconbtn danger', 'aria-label': fmt(t, 'mb.ids.remove', { n: i + 1 }), title: t('ds.delete'), onClick: () => onChange(rows.filter((_, j) => j !== i)) }, Icon.close())),
+          errors?.[i] ? h('div', { className: 'n2s-fielderr', role: 'alert' }, errors[i]) : help(r.platform) && h('div', { className: 'n2s-faint n2s-small n2s-idrow-help' }, help(r.platform))))),
+        h('button', { type: 'button', className: 'n2s-btn small ghost', style: { justifySelf: 'start' }, onClick: () => onChange([...rows, { platform: rows[rows.length - 1]?.platform ?? platforms[0], id: '', email: '' }]) }, '+ ', t('mb.ids.add')))
+    }
+
+    function IdentityChips({ t, u, catalog }) {
+      const ids = identitiesOf(u)
+      if (!ids.length) return h('span', { className: 'n2s-badge warn' }, t('mb.ids.none'))
+      return h('span', { className: 'n2s-idchips' }, ids.map((x, i) => h('span', { key: i, className: 'n2s-idchip', title: `${platformName(t, x.platform, catalog)} · ${x.id}${x.email ? ` · ${x.email}` : ''}` },
+        h(PlatformMark, { t, platform: x.platform, size: 16 }), h('span', { className: 'n2s-mono' }, x.id || x.email))))
+    }
 
     function UserForm({ t, initial, datasources, onDone, onCancel }) {
-      const [form, setForm] = useState(() => ({ kind: 'person', name: '', role: 'analyst', larkOpenId: '', email: '', larkChatId: '', allDatasources: initial ? initial.datasourceIds === null : false, datasourceIds: [], note: '', ...(initial ?? {}) }))
+      const { catalog } = useCatalog(t)
+      const [form, setForm] = useState(() => {
+        const base = { kind: 'person', name: '', role: 'analyst', allDatasources: initial ? initial.datasourceIds === null : false, datasourceIds: [], note: '', ...(initial ?? {}) }
+        const ids = identitiesOf(initial)
+        return { ...base, identities: ids.length ? ids : [{ platform: 'lark', id: '', email: '' }] }
+      })
       const [error, setError] = useState(null)
+      const [idErrors, setIdErrors] = useState({})
       const set = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.type === 'checkbox' ? e.target.checked : e.target.value }))
       const ids = form.datasourceIds ?? []
       const rules = form.rowRules ?? []
       const setRule = (i, patch) => setForm(f => ({ ...f, rowRules: (f.rowRules ?? []).map((r, j) => j === i ? { ...r, ...patch } : r) }))
-      const save = async () => { setError(null); try { await call('saveUser', { ...form, datasourceIds: form.allDatasources ? null : ids, rowRules: rules.filter(r => r.column && (Array.isArray(r.values) ? r.values.length : String(r.values ?? '').trim())) }); onDone() } catch (e) { setError(e.message) } }
+      const save = async () => {
+        setError(null)
+        const identities = form.identities
+          .map(r => ({ platform: r.platform, id: String(r.id ?? '').trim(), ...(form.kind === 'person' && String(r.email ?? '').trim() ? { email: String(r.email).trim() } : {}) }))
+        // Rows left empty are dropped; at least one identity is required.
+        const kept = identities.filter(r => r.id || r.email)
+        if (!kept.length) { setIdErrors({ 0: t('mb.ids.needOne') }); return }
+        setIdErrors({})
+        // Legacy mirror for hosts that still read the Lark-only fields.
+        const lark = kept.find(r => r.platform === 'lark' && r.id)
+        const email = kept.find(r => r.email)?.email
+        const legacy = form.kind === 'chat' ? { larkChatId: lark?.id ?? '' } : { larkOpenId: lark?.id ?? '', email: email ?? '' }
+        const { identities: _i, larkOpenId: _o, larkChatId: _c, email: _e, ...rest } = form
+        try {
+          await call('saveUser', { ...rest, ...legacy, identities: kept.filter(r => r.id), datasourceIds: form.allDatasources ? null : ids, rowRules: rules.filter(r => r.column && (Array.isArray(r.values) ? r.values.length : String(r.values ?? '').trim())) })
+          onDone()
+        } catch (e) { setError(e.message) }
+      }
       return h('div', { className: 'n2s-card', style: { marginBottom: 12 } },
         h('div', { className: 'n2s-form' },
-          h('div', { className: 'n2s-field full' }, h('span', null, t('mb.kind')), h('div', { className: 'n2s-seg' }, ['person', 'chat'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.kind === v, disabled: Boolean(initial?.id), onClick: () => setForm(f => ({ ...f, kind: v })) }, t(`mb.kind.${v}`))))),
+          h('div', { className: 'n2s-field full' }, h('span', { id: 'n2s-mb-kind' }, t('mb.kind')), h('div', { className: 'n2s-seg', role: 'group', 'aria-labelledby': 'n2s-mb-kind', style: { justifySelf: 'start' } }, ['person', 'chat'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.kind === v, disabled: Boolean(initial?.id), onClick: () => setForm(f => ({ ...f, kind: v })) }, t(`mb.kind2.${v}`))))),
           h('label', { className: 'n2s-field' }, h('span', null, t('im.name')), h('input', { className: 'n2s-input', value: form.name, onChange: set('name') })),
           h('label', { className: 'n2s-field' }, h('span', null, t('mb.role')), h('select', { className: 'n2s-select', value: form.role, onChange: set('role') }, ['admin', 'analyst', 'viewer'].map(r => h('option', { key: r, value: r }, t(`mb.role.${r}`)))), h('span', { className: 'n2s-faint n2s-small' }, t(`mb.roleHint.${form.role}`))),
-          form.kind === 'person' ? h(React.Fragment, null,
-            h('label', { className: 'n2s-field' }, h('span', null, 'open_id'), h('input', { className: 'n2s-input n2s-mono', value: form.larkOpenId ?? '', placeholder: 'ou_xxx', onChange: set('larkOpenId') })),
-            h('label', { className: 'n2s-field' }, h('span', null, t('mb.email')), h('input', { className: 'n2s-input', value: form.email ?? '', placeholder: 'name@company.com', onChange: set('email') })))
-            : h('label', { className: 'n2s-field full' }, h('span', null, 'chat_id'), h('input', { className: 'n2s-input n2s-mono', value: form.larkChatId ?? '', placeholder: 'oc_xxx', onChange: set('larkChatId') })),
+          h(IdentityEditor, { t, kind: form.kind, rows: form.identities, catalog, errors: idErrors, onChange: (rows) => { setForm(f => ({ ...f, identities: rows })); setIdErrors({}) } }),
           h('div', { className: 'n2s-field full' }, h('span', null, t('mb.scope')),
             h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.allDatasources, onChange: set('allDatasources') }), t('mb.allDs')),
             !form.allDatasources && h('div', { className: 'n2s-chips', style: { marginTop: 6 } }, datasources.map(d => h('button', { key: d.id, type: 'button', className: 'n2s-chip', 'aria-pressed': ids.includes(d.id), onClick: () => setForm(f => ({ ...f, datasourceIds: ids.includes(d.id) ? ids.filter(x => x !== d.id) : [...ids, d.id] })) }, d.name)))),
@@ -4197,44 +5103,69 @@ window.__ModuleLoader__.load({
               h('button', { type: 'button', className: 'n2s-iconbtn', 'aria-label': t('ds.delete'), onClick: () => setForm(f => ({ ...f, rowRules: (f.rowRules ?? []).filter((_, j) => j !== i) })) }, Icon.close()))),
             h('button', { type: 'button', className: 'n2s-btn small ghost', style: { justifySelf: 'start' }, onClick: () => setForm(f => ({ ...f, rowRules: [...(f.rowRules ?? []), { datasourceId: null, column: '', values: '' }] })) }, '+ ', t('mb.addRule'))),
           h('label', { className: 'n2s-field full' }, h('span', null, t('im.description')), h('input', { className: 'n2s-input', value: form.note ?? '', onChange: set('note') }))),
-        error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error),
+        error && h('div', { className: 'n2s-notice err', role: 'alert', style: { marginTop: 10 } }, error),
         h('div', { className: 'n2s-row', style: { marginTop: 12, justifyContent: 'flex-end' } },
           h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onCancel }, t('ds.cancel')),
           h('button', { type: 'button', className: 'n2s-btn primary', onClick: save }, t('ds.save'))))
     }
 
-    function LarkBotCard({ t }) {
-      const st = useAsync(() => call('larkBotStatus'), [])
-      const channels = useChannels().filter(c => c.type === 'lark_app')
-      const [error, setError] = useState(null)
-      useEffect(() => { const id = setInterval(() => st.reload(), 5000); return () => clearInterval(id) }, [])
-      const v = st.value
-      if (!v) return h('div', { className: 'n2s-skel', style: { height: 120 } })
-      const save = async (patch) => { setError(null); try { await call('saveLarkBot', patch); st.reload() } catch (e) { setError(e.message) } }
-      const state = v.status?.state ?? 'idle'
-      return h('div', { className: 'n2s-card', style: { marginBottom: 16 } },
-        h('div', { className: 'n2s-row', style: { alignItems: 'flex-start' } },
-          h(TypeTile, { type: 'lark_app' }),
-          h('div', { className: 'n2s-grow' },
-            h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-list2-title' }, t('bot.title')), h('span', { className: `n2s-statusdot ${state === 'connected' ? 'ok' : state === 'error' ? 'err' : ''}` }, t(`bot.state.${state}`)), v.bot?.name && h('span', { className: 'n2s-badge' }, v.bot.name)),
-            h('div', { className: 'n2s-list2-sub', style: { whiteSpace: 'normal' } }, t('bot.hint')),
-            v.status?.error && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)', whiteSpace: 'normal' } }, v.status.error)),
-          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: v.enabled, disabled: !v.channelId && !v.enabled, onChange: e => save({ enabled: e.target.checked }) }), t('bot.enable'))),
-        h('div', { className: 'n2s-form', style: { marginTop: 12 } },
-          h('label', { className: 'n2s-field' }, h('span', null, t('bot.channel')),
-            h('select', { className: 'n2s-select', value: v.channelId ?? '', onChange: e => save({ channelId: e.target.value || null }) }, h('option', { value: '' }, channels.length ? '—' : t('bot.noAppChannel')), channels.map(c => h('option', { key: c.id, value: c.id }, `${c.name} · ${c.appId}`)))),
-          h('label', { className: 'n2s-field' }, h('span', null, t('bot.scope')),
-            h('select', { className: 'n2s-select', value: v.sessionScope, onChange: e => save({ sessionScope: e.target.value }) }, ['chat', 'user'].map(x => h('option', { key: x, value: x }, t(`bot.scope.${x}`))))),
-          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: v.allowP2p, onChange: e => save({ allowP2p: e.target.checked }) }), t('bot.p2p'))),
-        h('details', { className: 'n2s-details' }, h('summary', null, t('bot.setup')), h('ol', { className: 'n2s-small n2s-muted', style: { paddingLeft: 18, margin: '8px 0 0', lineHeight: 1.8 } }, [1, 2, 3, 4, 5, 7, 6].map(i => h('li', { key: i }, t(`bot.step${i}`)))), h('div', { className: 'n2s-small n2s-faint', style: { marginTop: 6 } }, t('bot.actionsHint'))),
-        error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error),
-        v.conversations.length > 0 && h('div', { style: { marginTop: 12 } }, h('div', { className: 'n2s-h2' }, t('bot.convs')),
-          h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table' },
-            h('thead', null, h('tr', null, [t('bot.chat'), t('bot.lastQ'), t('mb.user'), t('im.col.time'), ''].map((x, i) => h('th', { key: i }, x)))),
-            h('tbody', null, v.conversations.slice(0, 20).map(c => h('tr', { key: c.key },
-              h('td', null, c.chatName ?? (c.chatType === 'p2p' ? t('bot.p2pShort') : c.chatId)), h('td', { title: c.lastQuestion }, c.lastQuestion), h('td', null, c.lastActor ?? ''),
-              h('td', { className: 'n2s-muted' }, c.lastAt ? new Date(c.lastAt).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : ''),
-              h('td', null, c.sessionId && h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-label': t('hist.openSession'), title: t('hist.openSession'), onClick: () => fbCtx.openSession?.(c.sessionId) }, Icon.external(13))))))))))
+    /** 「机器人」: every bot-capable channel with status, enable switch and recent conversations. */
+    function BotsOverview({ t }) {
+      const channels = useChannels()
+      const bots = useBots()
+      const { catalog } = useCatalog(t)
+      const [busy, setBusy] = useState(null)
+      const [open, setOpen] = useState(null)
+      useEffect(() => { loadCatalog(); refreshChannels(); refreshBots() }, [])
+      useEffect(() => {
+        const id = setInterval(() => { if (!document.hidden) refreshBots() }, 5000)
+        return () => clearInterval(id)
+      }, [])
+      const capable = channels.filter(c => (c.capabilities ?? findKind(catalog, c.type)?.kind?.capabilities)?.bot)
+      const toggle = async (c, enabled) => {
+        setBusy(c.id)
+        try { await saveBotFor(c.id, { enabled }); notify(enabled ? fmt(t, 'ch.botOn', { name: c.name }) : fmt(t, 'ch.botOff', { name: c.name }), 'ok') } catch (e) { notifyError(e) }
+        refreshChannels()
+        setBusy(null)
+      }
+      const restart = async (c) => {
+        try {
+          if (bots.legacy) await call('restartLarkBot'); else await call('restartBot', { channelId: c.id })
+          await refreshBots()
+        } catch (e) { notifyError(e) }
+      }
+      return h('div', { className: 'n2s-section', style: { marginTop: 0, marginBottom: 24 } },
+        h('div', { className: 'n2s-row', style: { marginBottom: 10 } },
+          h('h2', { className: 'n2s-h2', style: { margin: 0 } }, t('ch.bots')),
+          h('span', { className: 'n2s-faint n2s-small n2s-grow' }, t('ch.botsHint'))),
+        bots.error && h('div', { className: 'n2s-notice err', style: { marginBottom: 8 } }, bots.error),
+        capable.length === 0
+          ? h('div', { className: 'n2s-empty', style: { padding: '24px 20px' } },
+            h('h3', null, t('ch.bots.empty')), h('div', null, t('ch.bots.emptyHint')),
+            h('button', { type: 'button', className: 'n2s-btn', onClick: () => fbCtx.navigate?.({ tab: 'admin', section: 'push' }) }, t('ch.bots.goAdd')))
+          : h('div', { className: 'n2s-list2' }, capable.map(c => {
+            const b = botOf(c, bots)
+            const convs = b.conversations ?? []
+            const expanded = open === c.id
+            return h('div', { key: c.id, className: 'n2s-botrow', 'data-bot': c.id },
+              h('div', { className: 'n2s-list2-row' },
+                h(PlatformMark, { t, platform: c.platform }),
+                h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+                  h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, c.name), b.info?.name && h('span', { className: 'n2s-badge' }, b.info.name), h(BotDot, { t, bot: b })),
+                  h('div', { className: 'n2s-list2-sub' }, `${platformName(t, c.platform, catalog)} · ${kindLabel(t, c.type, catalog)} · ${t(`bot.scope.${b.sessionScope ?? 'chat'}`)}${b.allowP2p ? ` · ${t('ch.p2pOn')}` : ''}`),
+                  b.enabled && b.status?.error && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)', whiteSpace: 'normal' } }, b.status.error)),
+                h('div', { className: 'n2s-row', style: { gap: 4, flexWrap: 'nowrap' } },
+                  convs.length > 0 && h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-expanded': expanded, onClick: () => setOpen(expanded ? null : c.id) }, fmt(t, 'ch.convsN', { n: convs.length }), Icon.chev(10)),
+                  b.enabled && botStateOf(b) === 'error' && h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => restart(c) }, Icon.refresh(12), t('ch.restart')),
+                  h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => openChannelEditor(c.id, true) }, t('ch.botSettings')),
+                  h('label', { className: 'n2s-switch', title: t('bot.enable') }, h('input', { type: 'checkbox', role: 'switch', 'aria-label': fmt(t, 'ch.botToggle', { name: c.name }), checked: Boolean(b.enabled), disabled: busy === c.id, onChange: e => toggle(c, e.target.checked) })))),
+              expanded && h('div', { style: { padding: '0 16px 14px' } }, h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table' },
+                h('thead', null, h('tr', null, [t('bot.chat'), t('bot.lastQ'), t('mb.user'), t('im.col.time'), ''].map((x, i) => h('th', { key: i }, x)))),
+                h('tbody', null, convs.slice(0, 20).map(cv => h('tr', { key: cv.key },
+                  h('td', null, cv.chatName ?? (cv.chatType === 'p2p' ? t('bot.p2pShort') : cv.chatId)), h('td', { title: cv.lastQuestion }, cv.lastQuestion), h('td', null, cv.lastActor ?? ''),
+                  h('td', { className: 'n2s-muted' }, cv.lastAt ? shortTime(cv.lastAt) : ''),
+                  h('td', null, cv.sessionId && h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-label': t('hist.openSession'), title: t('hist.openSession'), onClick: () => fbCtx.openSession?.(cv.sessionId) }, Icon.external(13))))))))))
+          })))
     }
 
     function MembersTab({ t, datasources }) {
@@ -4242,14 +5173,15 @@ window.__ModuleLoader__.load({
       const usage = useAsync(() => call('usageByActor', { days: 30 }), [])
       const settings = useAsync(() => call('getSettings'), [])
       const [editing, setEditing] = useState(null)
+      const { catalog } = useCatalog(t)
       const list = users.value ?? []
       const usageById = new Map((usage.value ?? []).map(u => [u.actorId, u]))
       return h('div', null,
         h(SectionHead, { title: t('tab.members'), desc: t('mb.hint') }, h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => setEditing({}) }, '+ ', t('mb.add'))),
-        h(LarkBotCard, { t }),
+        h(BotsOverview, { t }),
         editing && h(UserForm, { key: editing.id ?? 'new', t, datasources, initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: () => { setEditing(null); users.reload() } }),
         settings.value && h('div', { className: 'n2s-setnote', style: { marginBottom: 10 } },
-          t('mb.default'), ' ', h('strong', null, t(`mb.defaultRole.${settings.value.larkDefaultRole ?? 'none'}`)), ' · ',
+          t('mb.default'), ' ', h('strong', null, t(`mb.defaultRole.${settings.value.botDefaultRole ?? settings.value.larkDefaultRole ?? 'none'}`)), ' · ',
           h('button', { type: 'button', className: 'n2s-link', onClick: () => fbCtx.navigate?.({ tab: 'admin', section: 'settings' }) }, t('set.changeInSettings'))),
         list.length === 0 && !editing ? h('div', { className: 'n2s-empty' }, h('h3', null, t('mb.empty')), h('div', null, t('mb.emptyHint'))) :
           h('div', { className: 'n2s-list2' }, list.map(u => {
@@ -4258,10 +5190,10 @@ window.__ModuleLoader__.load({
               h('span', { className: 'n2s-tile', 'aria-hidden': true }, u.kind === 'chat' ? t('mb.chatShort') : (u.name || '?').slice(0, 1)),
               h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
                 h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, u.name), h('span', { className: 'n2s-badge' }, t(`mb.role.${u.role}`)), u.disabled && h('span', { className: 'n2s-badge err' }, t('mb.disabled'))),
-                h('div', { className: 'n2s-list2-sub' }, `${u.kind === 'chat' ? `chat_id ${u.larkChatId}` : [u.email, u.larkOpenId].filter(Boolean).join(' · ')} · ${u.datasourceIds === null ? t('mb.allDs') : u.datasourceNames.join('、') || t('mb.noDs')}`),
+                h('div', { className: 'n2s-row', style: { gap: 6, marginTop: 4 } }, h(IdentityChips, { t, u, catalog }), h('span', { className: 'n2s-muted n2s-small' }, u.datasourceIds === null ? t('mb.allDs') : (u.datasourceNames ?? []).join(uiLang === 'zh' ? '、' : ', ') || t('mb.noDs'))),
                 (u.rowRules ?? []).length > 0 && h('div', { className: 'n2s-list2-sub' }, `${t('mb.rowRules')}：${u.rowRules.map(r => `${r.column} ∈ {${r.values.join(', ')}}`).join('；')}`)),
               h('div', { className: 'n2s-list2-side' }, h('span', { className: 'n2s-small' }, us ? fmt(t, 'mb.queries', { n: us.queries }) : t('mb.noUsage')), us?.lastAt && h('span', { className: 'n2s-faint n2s-small' }, new Date(us.lastAt).toLocaleDateString())),
-              h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
+              h(Dropdown, { label: fmt(t, 'ch.actionsFor', { name: u.name }), trigger: { content: Icon.more() }, items: [
                 { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing(u) },
                 { label: u.disabled ? t('mb.enable') : t('mb.disable'), icon: Icon.refresh(14), onClick: async () => { try { await call('saveUser', { id: u.id, disabled: !u.disabled }) } catch (e) { notifyError(e) } users.reload() } },
                 { divider: true },
@@ -4302,8 +5234,7 @@ window.__ModuleLoader__.load({
     }
 
     function ChannelSelect({ t, value, onChange }) {
-      const channels = useChannels()
-      return h('select', { className: 'n2s-select', value, onChange: e => onChange(e.target.value) }, h('option', { value: '' }, t('rep.pushNone')), channels.map(c => h('option', { key: c.id, value: c.id }, c.name)))
+      return h('div', { style: { maxWidth: 380 } }, h(ChannelPicker, { t, value, onChange, noneLabel: t('rep.pushNone'), label: t('set.l.notify') }))
     }
 
     // Questions started from the page bind their new session to the chosen
@@ -4561,7 +5492,7 @@ window.__ModuleLoader__.load({
                 nav.tab === 'schema' ? h(SchemaTab, { t, ds, onAskTable: (tb) => ask(fmt(t, 'ask.tablePrompt', { name: tb.name, comment: tb.comment ? `（${tb.comment}）` : '' })) }) :
                 nav.tab === 'knowledge' ? h(KnowledgeTab, { t, ds }) :
                 nav.tab === 'history' ? h(HistoryTab, { t, datasources, onOpenSession: (id) => ctx.uiWorkspace.openSession(id) }) :
-                nav.tab === 'dashboard' ? h(DashboardTab, { t }) :
+                nav.tab === 'dashboard' ? h(DashboardTab, { t, ds, datasources }) :
                 h(AdminArea, { t, ctx, section: ADMIN_SECTIONS.includes(nav.section) ? nav.section : 'sources', sub: nav.sub, onNavigate: setNav, ds, datasources }))),
             h(FeedbackLayer, { t })))
       }
@@ -4589,7 +5520,7 @@ window.__ModuleLoader__.load({
       privacy: ['sampleMode', 'resultToModel', 'modelRows', 'maskSensitive'],
       query: ['maxRows', 'timeoutMs', 'scanGuardRows', 'cacheTtlSec', 'schemaOverviewMax'],
       automation: ['schemaWatch', 'schemaCheckDaily', 'schemaNotifyChannel'],
-      lark: ['larkDefaultRole'],
+      lark: ['botDefaultRole', 'larkDefaultRole'],
       storage: ['retention'],
       about: [],
     }
@@ -4655,6 +5586,8 @@ window.__ModuleLoader__.load({
         h('input', { type: 'radio', name: key, checked: form[key] === v, onChange: () => set(key, v) }),
         h('span', null, h('span', { className: 'title' }, t(`${prefix}.${v}`)), h('span', { className: 'desc' }, t(`${prefix}.${v}.desc`))))))
       const num = (key, props = {}) => h('input', { id: `set-${key}`, className: 'n2s-input', type: 'number', style: { maxWidth: 200 }, value: form[key] ?? '', onChange: e => set(key, e.target.value === '' ? '' : Number(e.target.value)), ...props })
+      // New hosts expose botDefaultRole (larkDefaultRole stays as an alias); old ones only larkDefaultRole.
+      const roleKey = 'botDefaultRole' in base ? 'botDefaultRole' : 'larkDefaultRole'
       const overrides = datasources.filter(d => d.privacy && Object.keys(d.privacy).length)
       const body =
         group === 'privacy' ? h(React.Fragment, null,
@@ -4679,8 +5612,9 @@ window.__ModuleLoader__.load({
             form.schemaCheckDaily && h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => set('schemaCheckDaily', '') }, t('set.turnOff')))),
           h(SettingRow, { label: t('set.l.notify'), hint: t('set.h.schemaNotify'), changed: changed('schemaNotifyChannel') }, h(ChannelSelect, { t, value: form.schemaNotifyChannel ?? '', onChange: v => set('schemaNotifyChannel', v) }))) :
         group === 'lark' ? h(React.Fragment, null,
-          h(LarkSummaryCard, { t, onOpenMembers: () => onNavigate({ section: 'members' }), onOpenPush: () => onNavigate({ section: 'push' }) }),
-          h(SettingRow, { label: t('set.l.unknownLark'), hint: t('set.h.larkDefaultRole'), changed: changed('larkDefaultRole') }, radio('larkDefaultRole', ['none', 'viewer', 'analyst'], 'mb.defaultRole'))) :
+          h(SettingRow, { label: t('set.defaultChannel'), hint: t('set.h.defaultChannel'), htmlFor: 'set-defchannel' }, h(DefaultChannelControl, { t, onOpenPush: () => onNavigate({ section: 'push' }) })),
+          h(SettingRow, { label: t('set.l.unknownUser'), hint: t('set.h.botDefaultRole'), changed: changed(roleKey) }, radio(roleKey, ['none', 'viewer', 'analyst'], 'mb.defaultRole')),
+          h(BotSummary, { t, onOpenMembers: () => onNavigate({ section: 'members' }), onOpenPush: () => onNavigate({ section: 'push' }) })) :
         group === 'storage' ? h(StorageSection, { t, form, set, changed, defaults }) :
         h(AboutSection, { t })
       const canReset = GROUP_KEYS[group].length > 0
@@ -4713,20 +5647,49 @@ window.__ModuleLoader__.load({
         h('button', { type: 'button', className: 'n2s-btn small', onClick: onOpen }, t('set.openAlerts')))
     }
 
-    function LarkSummaryCard({ t, onOpenMembers, onOpenPush }) {
-      const bot = useAsync(() => call('larkBotStatus').catch(() => null), [])
+    /** Default channel: applied immediately (it is a channel property, not a setting). */
+    function DefaultChannelControl({ t, onOpenPush }) {
       const channels = useChannels()
       const def = channels.find(c => c.isDefault)
-      const state = bot.value?.status?.state ?? 'idle'
-      return h('div', { className: 'n2s-infogrid' },
-        h('div', { className: 'n2s-infocard' },
-          h('span', { className: `n2s-statusdot ${state === 'connected' ? 'ok' : state === 'error' ? 'err' : ''}` }, t('bot.title')),
-          h('span', { className: 'n2s-muted n2s-small n2s-grow' }, bot.value?.enabled ? t(`bot.state.${state}`) : t('bot.state.idle')),
-          h('button', { type: 'button', className: 'n2s-btn small', onClick: onOpenMembers }, t('set.configure'))),
-        h('div', { className: 'n2s-infocard' },
-          h('span', { className: 'n2s-small', style: { fontWeight: 500 } }, t('set.defaultChannel')),
-          h('span', { className: 'n2s-muted n2s-small n2s-grow' }, def ? def.name : channels.length ? t('set.noDefaultChannel') : t('set.noChannels')),
-          h('button', { type: 'button', className: 'n2s-btn small', onClick: onOpenPush }, t('set.configure'))))
+      if (!channels.length) return h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-muted n2s-small' }, t('set.noChannels')), h('button', { type: 'button', className: 'n2s-btn small', onClick: onOpenPush }, t('im.add')))
+      return h('div', { style: { maxWidth: 380 } }, h(ChannelPicker, {
+        t, id: 'set-defchannel', value: def?.id ?? '', noneLabel: def ? undefined : t('set.noDefaultChannel'),
+        onChange: async (id) => {
+          const c = channels.find(x => x.id === id)
+          if (!c) return
+          try { await makeDefault(c); notify(t('ch.defaultSet'), 'ok') } catch (e) { notifyError(e) }
+          refreshChannels()
+        },
+      }))
+    }
+
+    /** Bots per platform: how many are on and whether any is failing. */
+    function BotSummary({ t, onOpenMembers, onOpenPush }) {
+      const channels = useChannels()
+      const bots = useBots()
+      const { catalog } = useCatalog(t)
+      const capable = channels.filter(c => (c.capabilities ?? findKind(catalog, c.type)?.kind?.capabilities)?.bot)
+      const byPlatform = []
+      for (const c of capable) {
+        let g = byPlatform.find(x => x.platform === c.platform)
+        if (!g) byPlatform.push(g = { platform: c.platform, total: 0, on: 0, err: 0, ok: 0 })
+        const b = botOf(c, bots)
+        const s = botStateOf(b)
+        g.total++
+        if (b.enabled) g.on++
+        if (s === 'error') g.err++
+        if (s === 'connected') g.ok++
+      }
+      return h(React.Fragment, null,
+        h('div', { className: 'n2s-setsub' }, t('ch.bots')),
+        byPlatform.length === 0
+          ? h('div', { className: 'n2s-setnote' }, t('ch.bots.emptyHint'), ' ', h('button', { type: 'button', className: 'n2s-link', onClick: onOpenPush }, t('ch.bots.goAdd')))
+          : h('div', { className: 'n2s-infogrid' }, byPlatform.map(g => h('div', { key: g.platform, className: 'n2s-infocard' },
+            h(PlatformMark, { t, platform: g.platform, size: 28 }),
+            h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+              h('div', { className: 'n2s-small', style: { fontWeight: 500 } }, platformName(t, g.platform, catalog)),
+              h('span', { className: `n2s-statusdot ${g.err ? 'err' : g.ok ? 'ok' : ''}` }, g.err ? fmt(t, 'ch.sum.err', { n: g.err }) : fmt(t, 'ch.sum.on', { on: g.on, total: g.total }))),
+            h('button', { type: 'button', className: 'n2s-btn small', onClick: onOpenMembers }, t('set.configure'))))))
     }
 
     const RETENTION_KINDS = ['history', 'feedback', 'delivery', 'alertEvent', 'admin', 'evalRun', 'schemaChange']