@hedeqiang/dsh-nl2sql 0.12.1 → 0.13.0

package/lib/client.js

@@ -3,6 +3,8 @@ window.__ModuleLoader__.load({
   factory(require) {
     const React = require('react')
     const ReactDOM = require('react-dom')
+    // createRoot for the global feedback layer; older loaders only share react-dom.
+    const ReactDOMClient = (() => { try { return require('react-dom/client') } catch { return null } })() ?? ReactDOM
     const h = React.createElement
     const { useState, useEffect, useMemo, useRef, useCallback, useSyncExternalStore } = React
 
@@ -15,6 +17,129 @@ window.__ModuleLoader__.load({
     // ------------------------------------------------------------ locale
 
     const zh = {
+      'admin.group.insight': "洞察与自动化",
+      'admin.group.connect': "集成",
+      "fq.title": "数据新鲜度",
+      "fq.refresh": "刷新",
+      "fq.checkedAt": "检查于 {time}",
+      "fq.staleCount": "{n} 张表数据滞后",
+      "fq.warnCount": "{n} 张表更新偏慢",
+      "fq.allFresh": "数据均为最新",
+      "fq.lagMin": "{n} 分钟",
+      "fq.lagHour": "{n} 小时",
+      "fq.lagDay": "{n} 天",
+      "fq.today": "今天 {time}",
+      "fq.yesterday": "昨天 {time}",
+      "fq.barItem": "{table} 最新数据停在 {when}（滞后 {lag}）",
+      "fq.barMore": "另有 {n} 张表",
+      "fq.st.error": "检查失败",
+      "fq.st.empty": "无数据",
+      "fq.running": "正在检查数据新鲜度…",
+      "fq.failed": "检查失败",
+      "fq.noTime": "无时间字段",
+      "fq.notAnalyzed": "该数据源尚未分析表结构，请先在「表结构」中分析。",
+      "fq.noTables": "没有带时间字段的表。",
+      "fq.col.table": "表",
+      "fq.col.column": "时间字段",
+      "fq.col.latest": "最新数据",
+      "fq.col.lag": "滞后",
+      "fq.col.threshold": "阈值（小时）",
+      "fq.thresholdFor": "{table} 的滞后阈值（小时）",
+      "fq.events": "最近的延迟事件",
+      "fq.evStale": "数据滞后 {lag}",
+      "fq.evRecovered": "已恢复",
+      "fq.pushed": "已推送",
+      "fq.q.title": "数据质量巡检",
+      "fq.q.lastRun": "上次巡检 {time}",
+      "fq.q.run": "立即巡检",
+      "fq.q.running": "巡检中…",
+      "fq.q.empty": "还没有巡检记录，点击「立即巡检」开始。",
+      "fq.q.done": "巡检完成，健康分 {score}",
+      "fq.q.history": "近期分数",
+      "fq.q.score": "健康分",
+      "fq.q.rows": "行数",
+      "fq.q.issues": "问题",
+      "fq.q.noIssues": "未发现问题",
+      "fq.more": "还有 {n} 条",
+      "fq.less": "收起",
+      "fq.admin.nav": "数据健康",
+      "fq.admin.title": "数据健康",
+      "fq.admin.desc": "监控各表数据是否按时更新，并定期巡检空值、重复键、异常值、未来时间与负值。",
+      "fq.admin.nextF": "下次新鲜度检查 {time}",
+      "fq.admin.fOff": "新鲜度定时检查已关闭",
+      "fq.admin.nextQ": "每天 {time} 质量巡检",
+      "fq.admin.qOff": "每日质量巡检已关闭",
+      "fq.admin.noDs": "请先添加数据源",
+      "fq.set.title": "设置",
+      "fq.set.fEnabled": "定时检查数据新鲜度",
+      "fq.set.qEnabled": "每日数据质量巡检",
+      "fq.set.interval": "新鲜度检查间隔（分钟）",
+      "fq.set.time": "质量巡检时间",
+      "fq.set.staleHours": "默认滞后阈值（小时）",
+      "fq.set.drop": "健康分下降超过（分）时推送",
+      "fq.set.fChannel": "数据延迟通知渠道",
+      "fq.set.qChannel": "健康分下降通知渠道",
+      "fq.set.noPush": "不推送",
+      "fq.set.hint": "每张表的阈值可在上方表格中单独设置（0 表示不监控）；延迟通知每个滞后周期只推送一次，恢复时再推送一次。",
+      "fq.saved": "已保存",
+      'pro.close': '关闭', 'pro.sendNow': '立即推送', 'pro.sent': '已推送', 'pro.deleteConfirm': '删除「{name}」？', 'pro.weekday': '星期',
+      'pro.wd.0': '周日', 'pro.wd.1': '周一', 'pro.wd.2': '周二', 'pro.wd.3': '周三', 'pro.wd.4': '周四', 'pro.wd.5': '周五', 'pro.wd.6': '周六',
+      'pro.fc.menu': '预测未来 {n} 天', 'pro.fc.title': '预测', 'pro.fc.heading': '未来 {n} 期预测', 'pro.fc.running': '正在预测…', 'pro.fc.forecast': '预测', 'pro.fc.band': '95% 区间', 'pro.fc.lower': '下限', 'pro.fc.upper': '上限',
+      'pro.fc.hw': 'Holt-Winters · 周季节性', 'pro.fc.holt': 'Holt 线性趋势', 'pro.fc.horizon': '预测期数', 'pro.fc.nDays': '{n} 期', 'pro.fc.filled': '补齐 {n} 天', 'pro.fc.filledHint': '没有数据的日期按 0 计入',
+      'pro.fc.note': '基于历史数据的统计外推，未考虑促销、节假日等已知事件；阴影为 95% 预测区间。',
+      'pro.goals.title': '目标', 'pro.goals.desc': '为指标设定月 / 季 / 年目标：按已完成天数的日均（区分工作日与周末）预测期末值，并在看板上显示进度。', 'pro.goals.add': '新建目标',
+      'pro.goals.name': '名称', 'pro.goals.namePh': '例如：11 月交易量', 'pro.goals.period': '周期', 'pro.goals.target': '目标值', 'pro.goals.direction': '方向', 'pro.goals.dashboard': '显示在看板', 'pro.goals.anyBoard': '使用同一数据源的看板',
+      'pro.goals.empty': '还没有目标', 'pro.goals.emptyHint': '先在业务知识 → 指标库定义指标，再为它设定目标。', 'pro.goals.actual': '已完成', 'pro.goals.projected': '预计期末', 'pro.goals.proj': '预计 {v}（{p}）', 'pro.goals.weekdayAware': '按星期估算',
+      'pro.goals.weekly': '目标周报', 'pro.goals.weeklyOn': '每周推送目标进度', 'pro.goals.weeklyHint': '在所选时间把所有目标的进度与预测推送到渠道。',
+      'pro.period.month': '月', 'pro.period.quarter': '季度', 'pro.period.year': '年', 'pro.dir.up': '不低于', 'pro.dir.down': '不高于',
+      'pro.st.on-track': '进度正常', 'pro.st.at-risk': '有风险', 'pro.st.achieved': '已达成', 'pro.st.missed': '未达成', 'pro.st.error': '出错',
+      'pro.dg.title': '每日简报', 'pro.dg.desc': '每天定时对比昨天与近 7 日均值、上周同期，找出明显变化并自动归因，推送一段简短摘要和图表。', 'pro.dg.add': '新建简报',
+      'pro.dg.name': '名称', 'pro.dg.namePh': '例如：交易日报', 'pro.dg.source': '内容来源', 'pro.dg.src.metrics': '指标库指标', 'pro.dg.src.dashboard': '看板中的趋势图', 'pro.dg.metrics': '指标', 'pro.dg.dashboard': '看板',
+      'pro.dg.language': '语言', 'pro.dg.threshold': '变化阈值（%）', 'pro.dg.hint': '昨天的值偏离近 7 日均值超过 2 个标准差，或变化幅度超过阈值时，标记为值得关注并归因到主要维度。',
+      'pro.dg.empty': '还没有每日简报', 'pro.dg.emptyHint': '选择几个核心指标，每天早上自动推送到群里。', 'pro.dg.preview': '预览', 'pro.dg.previewing': '正在生成预览…', 'pro.dg.dailyAt': '每天 {time}',
+      "pre.working": "正在生成，请稍候…", "pre.exported": "已导出", "pre.exportPpt": "导出 PPT", "pre.exportImage": "导出长图", "pre.sendImage": "发送长图到 IM", "pre.sendImageHint": "把整个看板渲染成一张长图，发送到飞书应用机器人或 Telegram 机器人渠道。", "pre.noImageChannel": "没有可以发送图片的渠道：请先在「管理 → 渠道」添加飞书应用机器人或 Telegram 机器人。", "pre.channel": "渠道", "pre.send": "发送", "pre.imageSent": "长图已发送到「{channel}」", "pre.mode": "大屏模式", "pre.loading": "加载中…", "pre.lastRefresh": "最后刷新 {time}", "pre.clock": "当前时间", "pre.refresh": "自动刷新", "pre.rotate": "轮播看板", "pre.rotateOff": "不轮播", "pre.everySec": "每 {s} 秒", "pre.prev": "上一个看板（←）", "pre.next": "下一个看板（→）", "pre.exit": "退出大屏模式", "pre.exitHint": "退出（Esc）", "pre.bt.nav": "多维表格同步", "pre.bt.title": "多维表格同步", "pre.bt.desc": "把看板组件或 SQL 的查询结果写入飞书多维表格：缺少的字段自动创建（文本 / 数字 / 日期），可每天定时同步。", "pre.bt.add": "新建同步", "pre.bt.empty": "还没有同步任务", "pre.bt.emptyHint": "例如：每天早上把「按渠道的成交额」同步到运营团队的多维表格。", "pre.bt.name": "名称", "pre.bt.namePh": "如：渠道日报 → 运营多维表格", "pre.bt.channel": "飞书应用（提供 App 凭据）", "pre.bt.noChannel": "请先添加一个飞书应用机器人渠道", "pre.bt.channelMissing": "渠道已删除", "pre.bt.appTokenPh": "粘贴多维表格链接或 app_token", "pre.bt.source": "数据来源", "pre.bt.src.widget": "看板组件", "pre.bt.src.sql": "SQL 查询", "pre.bt.widget": "组件", "pre.bt.mode": "写入方式", "pre.bt.mode.replace": "覆盖", "pre.bt.mode.append": "追加", "pre.bt.modeHint.replace": "每次先删除表中全部记录，再写入最新结果。", "pre.bt.modeHint.append": "每次把结果追加到表末尾，保留已有记录。", "pre.bt.schedule": "定时", "pre.bt.daily": "每天同步", "pre.bt.dailyAt": "每天 {time}", "pre.bt.permHint": "需要在多维表格「… → 更多 → 添加文档应用」中添加该应用（可编辑），并为应用开通 bitable:app 权限。", "pre.bt.run": "立即同步", "pre.bt.ran": "同步完成：写入 {created} 条，删除 {deleted} 条", "pre.bt.lastOk": "成功 · {n} 条", "pre.bt.lastErr": "失败", "pre.bt.never": "未运行", "pre.bt.deleteConfirm": "删除同步任务「{name}」？",
+      'mcp.nav': 'MCP 接入', 'mcp.title': 'MCP 接入', 'mcp.desc': '让 Claude Desktop、Cursor、Cline、VS Code 等 AI 工具通过 Model Context Protocol 使用这里的数据源：只读准入、访问控制、成员范围、行级权限与审计同样生效。',
+      'mcp.enabled': '已启用', 'mcp.disabled': '未启用', 'mcp.running': '运行中', 'mcp.stopped': '未运行', 'mcp.port': '端口', 'mcp.applyPort': '应用',
+      'mcp.endpoint': '端点', 'mcp.localOnly': '服务只监听本机 127.0.0.1，并拒绝非本机的 Origin / Host 请求；每个请求都需要令牌。', 'mcp.copy': '复制', 'mcp.copied': '已复制',
+      'mcp.tokens': '访问令牌', 'mcp.newToken': '新建令牌', 'mcp.tokenName': '名称', 'mcp.tokenNamePh': '例如：我的 Cursor', 'mcp.create': '创建令牌',
+      'mcp.scope': '权限范围', 'mcp.scope.owner': '本机用户（全部权限）', 'mcp.scope.member': '某个成员', 'mcp.scope.role': '角色 + 数据源',
+      'mcp.scopeHint.owner': '与在本页提问相同的权限，仍受访问控制策略约束。', 'mcp.scopeHint.member': '跟随该成员的角色、数据源范围和行级规则；成员被停用后令牌失效。', 'mcp.scopeHint.role': '只能访问所选数据源，可附加一条行级规则。',
+      'mcp.member': '成员', 'mcp.pickMember': '选择成员…', 'mcp.noMembers': '还没有成员，请先在「成员」中添加。', 'mcp.memberMissing': '成员已删除', 'mcp.memberDisabled': '成员已停用',
+      'mcp.role': '角色', 'mcp.role.admin': '管理员', 'mcp.role.analyst': '分析师', 'mcp.role.viewer': '只读', 'mcp.datasources': '数据源', 'mcp.allDs': '全部数据源',
+      'mcp.rowRule': '行级规则（可选）', 'mcp.rowColumn': '字段名', 'mcp.rowValues': '允许的值，逗号分隔', 'mcp.rowRuleHint': '查询含该字段的表时自动加上「字段 IN (值)」过滤。', 'mcp.rowRulesN': '{n} 条行级规则',
+      'mcp.err.name': '请填写令牌名称', 'mcp.err.member': '请选择成员', 'mcp.err.ds': '请至少选择一个数据源',
+      'mcp.freshTitle': '令牌「{name}」已创建', 'mcp.freshHint': '令牌只显示这一次，请立即复制保存。系统只保存它的哈希值，丢失后只能重新创建。', 'mcp.done': '我已保存',
+      'mcp.col.name': '名称', 'mcp.col.scope': '范围', 'mcp.col.created': '创建时间', 'mcp.col.lastUsed': '最近使用', 'mcp.never': '从未',
+      'mcp.revoke': '吊销', 'mcp.revokeConfirm': '吊销令牌「{name}」？', 'mcp.revokeHint': '使用该令牌的客户端将立即无法访问。', 'mcp.revoked': '令牌已吊销',
+      'mcp.noTokens': '还没有令牌', 'mcp.noTokensHint': '创建一个令牌，再把下面的配置填入 AI 工具。',
+      'mcp.setup': '客户端配置', 'mcp.client.claude': 'Claude Desktop', 'mcp.client.cursor': 'Cursor', 'mcp.client.vscode': 'VS Code',
+      'mcp.where.claude': '写入 claude_desktop_config.json（通过 stdio 桥接 npx nl2sql-mcp，需要 Node.js 18+）。', 'mcp.where.cursor': '写入 ~/.cursor/mcp.json 或项目的 .cursor/mcp.json（直接走 HTTP）。', 'mcp.where.vscode': '写入 .vscode/mcp.json（直接走 HTTP）。',
+      'mcp.placeholderHint': '把 <YOUR_TOKEN> 替换为你的令牌。', 'mcp.docsHint': '详细说明见插件文档 docs/mcp.md。使用期间请保持 DeepSeek Harness 运行。',
+      'rc.title': "对账", 'rc.hint': "对比两个数据源（或两条查询）的结果：按键列把行对上，找出只在一侧存在的行和值不一致的列；可每天定时运行并推送差异。", 'rc.add': "新建对账", 'rc.empty': "还没有对账任务", 'rc.emptyHint': "例如：核对订单库与财务库每天的笔数和金额。", 'rc.name': "名称", 'rc.namePh': "如：订单 vs 财务 · 日金额", 'rc.left': "左侧", 'rc.right': "右侧", 'rc.leftCol': "左侧列", 'rc.rightCol': "右侧列（同名可留空）", 'rc.keys': "键列", 'rc.keysHint': "用来把两边的行对上的列（如订单号，或 日期 + 渠道）。", 'rc.addKey': "添加键列", 'rc.compare': "比较列", 'rc.compareHint': "需要一致的值；数值可设置容差（绝对值，或相对比例如 0.001 = 0.1%）。", 'rc.addCompare': "添加比较列", 'rc.tolerance': "容差", 'rc.tolMode': "容差类型", 'rc.tolAbs': "绝对", 'rc.tolRel': "相对", 'rc.trim': "比较文本前去掉首尾空格", 'rc.ignoreCase': "忽略大小写", 'rc.daily': "每天定时运行", 'rc.dailyAt': "每天 {time}", 'rc.manual': "手动", 'rc.noPush': "不推送", 'rc.notifyOn': "推送时机", 'rc.notify.diff': "有差异时", 'rc.notify.always': "每次运行", 'rc.dryRun': "试运行", 'rc.dryResult': "试运行结果（未保存）", 'rc.saved': "已保存对账任务", 'rc.runNow': "立即运行", 'rc.pushed': "已推送", 'rc.history': "运行记录", 'rc.historyOf': "运行记录 · {name}", 'rc.allRuns': "全部任务", 'rc.runOf': "对账结果 · {name}", 'rc.close': "关闭", 'rc.deleteConfirm': "删除对账任务「{name}」？", 'rc.detail': "详情", 'rc.push': "推送", 'rc.scheduled': "定时", 'rc.never': "未运行", 'rc.status.ok': "一致", 'rc.status.diff': "有差异", 'rc.status.error': "失败", 'rc.matchRate': "一致率", 'rc.matched': "匹配的键", 'rc.mismatched': "值不一致的行", 'rc.rowsOf': "{side} 行数", 'rc.onlyIn': "仅{side}", 'rc.totalOf': "{side} 合计", 'rc.col': "比较列", 'rc.mismatchRows': "不一致行", 'rc.diff': "差值", 'rc.hasDiff': "发现差异，一致率 {rate}", 'rc.noDiff': "两边一致，一致率 {rate}", 'rc.incomplete': "结果不完整（已截断）", 'rc.short.onlyLeft': "仅左侧 {n}", 'rc.short.onlyRight': "仅右侧 {n}", 'rc.short.mismatch': "不一致 {n} 行", 'rc.tab.summary': "汇总", 'rc.tab.mismatches': "值不一致", 'rc.tab.only': "仅{side}", 'rc.tool': "对账", 'rc.toolRunning': "正在对账",
+      "sub.nav": "群订阅",
+      "sub.title": "群订阅",
+      "sub.desc": "IM 群里通过机器人创建的定时订阅和告警，按群分组；推送发回原来的群。",
+      "sub.refresh": "刷新",
+      "sub.empty": "还没有群订阅",
+      "sub.emptyHint": "在群里 @机器人 说「每天 9 点把这个发到群里」或「超过 1000 提醒我」即可创建。",
+      "sub.col.item": "内容",
+      "sub.col.creator": "创建人",
+      "sub.col.schedule": "时间",
+      "sub.col.last": "最近推送",
+      "sub.col.status": "状态",
+      "sub.kind.subscription": "订阅",
+      "sub.kind.alert": "告警",
+      "sub.status.active": "运行中",
+      "sub.status.paused": "已暂停",
+      "sub.status.suspended": "已停用",
+      "sub.next": "下次",
+      "sub.pause": "暂停",
+      "sub.resume": "恢复",
+      "sub.delete": "删除",
+      "sub.deleteConfirm": "删除「{name}」？",
+      "sub.done.pause": "已暂停",
+      "sub.done.resume": "已恢复",
+      "sub.done.delete": "已删除",
       'mb.pick.people': "从和机器人说过话的人中选择",
       'mb.pick.chats': "从机器人所在的群中选择",
       'mb.pick.refresh': "刷新",
@@ -1030,8 +1155,143 @@ window.__ModuleLoader__.load({
       'tool.running': '正在查询…',
       'tool.failed': '查询失败',
       'error.generic': '操作失败：{message}',
+      'dash.copyName': '{name} 副本',
+      'set.leaveTitle': '放弃未保存的设置？',
+      'set.leaveMsg': '设置中有未保存的修改，离开后这些修改会丢失。',
+      'set.leaveOk': '放弃并离开',
+      'fb.deleteConfirm': '删除这条反馈？',
+      'hist.source.telegrambot': 'Telegram 机器人',
+      'hist.source.wecombot': '企业微信机器人',
+      'hist.source.dingtalkbot': '钉钉机器人',
+      'hist.source.unknown': '未知来源',
+      'hist.source.genericBot': '{platform} 机器人',
+      'filter.valuesPh': '值，用逗号分隔',
+      'policy.tablesLabel': '可访问的表',
     }
     const en = {
+      'admin.group.insight': "Insight & automation",
+      'admin.group.connect': "Integrations",
+      "fq.title": "Data freshness",
+      "fq.refresh": "Refresh",
+      "fq.checkedAt": "Checked {time}",
+      "fq.staleCount": "{n} stale table(s)",
+      "fq.warnCount": "{n} table(s) lagging",
+      "fq.allFresh": "All data up to date",
+      "fq.lagMin": "{n} min",
+      "fq.lagHour": "{n} h",
+      "fq.lagDay": "{n} days",
+      "fq.today": "today {time}",
+      "fq.yesterday": "yesterday {time}",
+      "fq.barItem": "{table}: latest data from {when} ({lag} behind)",
+      "fq.barMore": "+{n} more tables",
+      "fq.st.error": "Check failed",
+      "fq.st.empty": "No data",
+      "fq.running": "Checking data freshness…",
+      "fq.failed": "Check failed",
+      "fq.noTime": "No time column",
+      "fq.notAnalyzed": "This data source has not been analyzed yet; analyze it under Schema first.",
+      "fq.noTables": "No tables with a time column.",
+      "fq.col.table": "Table",
+      "fq.col.column": "Time column",
+      "fq.col.latest": "Latest data",
+      "fq.col.lag": "Lag",
+      "fq.col.threshold": "Threshold (h)",
+      "fq.thresholdFor": "Lag threshold for {table} (hours)",
+      "fq.events": "Recent delay events",
+      "fq.evStale": "stale for {lag}",
+      "fq.evRecovered": "recovered",
+      "fq.pushed": "pushed",
+      "fq.q.title": "Data quality patrol",
+      "fq.q.lastRun": "Last run {time}",
+      "fq.q.run": "Run now",
+      "fq.q.running": "Running…",
+      "fq.q.empty": "No runs yet. Click \"Run now\" to start.",
+      "fq.q.done": "Patrol finished, health score {score}",
+      "fq.q.history": "Recent scores",
+      "fq.q.score": "Score",
+      "fq.q.rows": "Rows",
+      "fq.q.issues": "Issues",
+      "fq.q.noIssues": "No issues found",
+      "fq.more": "{n} more",
+      "fq.less": "Show less",
+      "fq.admin.nav": "Data health",
+      "fq.admin.title": "Data health",
+      "fq.admin.desc": "Watch whether tables keep receiving new data, and patrol them for nulls, duplicate keys, outliers, future timestamps and negative amounts.",
+      "fq.admin.nextF": "Next freshness check {time}",
+      "fq.admin.fOff": "Scheduled freshness checks are off",
+      "fq.admin.nextQ": "Quality patrol daily at {time}",
+      "fq.admin.qOff": "Daily quality patrol is off",
+      "fq.admin.noDs": "Add a data source first",
+      "fq.set.title": "Settings",
+      "fq.set.fEnabled": "Check data freshness on a schedule",
+      "fq.set.qEnabled": "Daily data quality patrol",
+      "fq.set.interval": "Freshness check interval (min)",
+      "fq.set.time": "Quality patrol time",
+      "fq.set.staleHours": "Default lag threshold (hours)",
+      "fq.set.drop": "Push when the score drops by more than (points)",
+      "fq.set.fChannel": "Delay notification channel",
+      "fq.set.qChannel": "Score drop notification channel",
+      "fq.set.noPush": "Do not push",
+      "fq.set.hint": "Per-table thresholds can be set in the table above (0 = not monitored). A delay is pushed once per stale episode, and once more when it recovers.",
+      "fq.saved": "Saved",
+      'pro.close': 'Close', 'pro.sendNow': 'Send now', 'pro.sent': 'Sent', 'pro.deleteConfirm': 'Delete "{name}"?', 'pro.weekday': 'Weekday',
+      'pro.wd.0': 'Sunday', 'pro.wd.1': 'Monday', 'pro.wd.2': 'Tuesday', 'pro.wd.3': 'Wednesday', 'pro.wd.4': 'Thursday', 'pro.wd.5': 'Friday', 'pro.wd.6': 'Saturday',
+      'pro.fc.menu': 'Forecast next {n} days', 'pro.fc.title': 'Forecast', 'pro.fc.heading': 'Forecast, next {n} periods', 'pro.fc.running': 'Forecasting…', 'pro.fc.forecast': 'Forecast', 'pro.fc.band': '95% interval', 'pro.fc.lower': 'Lower', 'pro.fc.upper': 'Upper',
+      'pro.fc.hw': 'Holt-Winters · weekly', 'pro.fc.holt': 'Holt linear trend', 'pro.fc.horizon': 'Horizon', 'pro.fc.nDays': '{n} periods', 'pro.fc.filled': '{n} days filled', 'pro.fc.filledHint': 'Days without data count as 0',
+      'pro.fc.note': 'A statistical extrapolation of the history; promotions, holidays and other known events are not taken into account. The band is the 95% prediction interval.',
+      'pro.goals.title': 'Goals', 'pro.goals.desc': 'Monthly / quarterly / yearly targets for metrics: the period end is projected from the daily run rate (weekday-aware), and progress shows on dashboards.', 'pro.goals.add': 'New goal',
+      'pro.goals.name': 'Name', 'pro.goals.namePh': 'e.g. November transactions', 'pro.goals.period': 'Period', 'pro.goals.target': 'Target', 'pro.goals.direction': 'Direction', 'pro.goals.dashboard': 'Show on dashboard', 'pro.goals.anyBoard': 'Dashboards using the same data source',
+      'pro.goals.empty': 'No goals yet', 'pro.goals.emptyHint': 'Define a metric in Knowledge → Metrics first, then set a goal for it.', 'pro.goals.actual': 'Actual', 'pro.goals.projected': 'Projected', 'pro.goals.proj': 'Projected {v} ({p})', 'pro.goals.weekdayAware': 'weekday-aware',
+      'pro.goals.weekly': 'Weekly goal report', 'pro.goals.weeklyOn': 'Push goal progress every week', 'pro.goals.weeklyHint': 'At the chosen time, progress and projections of all goals are pushed to the channel.',
+      'pro.period.month': 'Month', 'pro.period.quarter': 'Quarter', 'pro.period.year': 'Year', 'pro.dir.up': 'At least', 'pro.dir.down': 'At most',
+      'pro.st.on-track': 'On track', 'pro.st.at-risk': 'At risk', 'pro.st.achieved': 'Achieved', 'pro.st.missed': 'Missed', 'pro.st.error': 'Error',
+      'pro.dg.title': 'Daily digest', 'pro.dg.desc': 'Every day, compares yesterday with the 7-day average and the same day last week, explains notable changes and pushes a short summary with charts.', 'pro.dg.add': 'New digest',
+      'pro.dg.name': 'Name', 'pro.dg.namePh': 'e.g. Daily transactions', 'pro.dg.source': 'Content', 'pro.dg.src.metrics': 'Library metrics', 'pro.dg.src.dashboard': 'Dashboard trend charts', 'pro.dg.metrics': 'Metrics', 'pro.dg.dashboard': 'Dashboard',
+      'pro.dg.language': 'Language', 'pro.dg.threshold': 'Change threshold (%)', 'pro.dg.hint': 'A metric is notable when yesterday deviates from the 7-day average by more than 2 standard deviations or by more than the threshold; notable changes are attributed to the main dimension.',
+      'pro.dg.empty': 'No daily digests yet', 'pro.dg.emptyHint': 'Pick a few key metrics and get them in your group chat every morning.', 'pro.dg.preview': 'Preview', 'pro.dg.previewing': 'Generating preview…', 'pro.dg.dailyAt': 'Daily at {time}',
+      "pre.working": "Generating…", "pre.exported": "Exported", "pre.exportPpt": "Export PPT", "pre.exportImage": "Export long image", "pre.sendImage": "Send long image to IM", "pre.sendImageHint": "Render the whole dashboard as one tall image and send it to a Lark app bot or Telegram bot channel.", "pre.noImageChannel": "No channel can receive images: add a Lark app bot or Telegram bot under Admin → Channels first.", "pre.channel": "Channel", "pre.send": "Send", "pre.imageSent": "Long image sent to \"{channel}\"", "pre.mode": "Presentation mode", "pre.loading": "Loading…", "pre.lastRefresh": "Last refresh {time}", "pre.clock": "Current time", "pre.refresh": "Auto refresh", "pre.rotate": "Rotate boards", "pre.rotateOff": "Off", "pre.everySec": "Every {s} s", "pre.prev": "Previous dashboard (←)", "pre.next": "Next dashboard (→)", "pre.exit": "Exit presentation mode", "pre.exitHint": "Exit (Esc)", "pre.bt.nav": "Bitable sync", "pre.bt.title": "Bitable sync", "pre.bt.desc": "Write a dashboard widget or SQL result into a Lark Bitable: missing fields are created (text / number / date); optionally synced daily.", "pre.bt.add": "New sync", "pre.bt.empty": "No syncs yet", "pre.bt.emptyHint": "For example: every morning, sync \"revenue by channel\" to the ops team's Bitable.", "pre.bt.name": "Name", "pre.bt.namePh": "e.g. Channel daily → Ops Bitable", "pre.bt.channel": "Lark app (provides app credentials)", "pre.bt.noChannel": "Add a Lark app bot channel first", "pre.bt.channelMissing": "Channel deleted", "pre.bt.appTokenPh": "Paste the Bitable link or app_token", "pre.bt.source": "Source", "pre.bt.src.widget": "Dashboard widget", "pre.bt.src.sql": "SQL query", "pre.bt.widget": "Widget", "pre.bt.mode": "Write mode", "pre.bt.mode.replace": "Replace", "pre.bt.mode.append": "Append", "pre.bt.modeHint.replace": "Delete all records first, then write the latest result.", "pre.bt.modeHint.append": "Append the result each time, keeping existing records.", "pre.bt.schedule": "Schedule", "pre.bt.daily": "Sync daily", "pre.bt.dailyAt": "Daily {time}", "pre.bt.permHint": "Add the app to the Bitable (… → More → Add document app, with edit access) and grant it the bitable:app scope.", "pre.bt.run": "Sync now", "pre.bt.ran": "Synced: {created} written, {deleted} deleted", "pre.bt.lastOk": "OK · {n} rows", "pre.bt.lastErr": "Failed", "pre.bt.never": "Never run", "pre.bt.deleteConfirm": "Delete sync \"{name}\"?",
+      'mcp.nav': 'MCP access', 'mcp.title': 'MCP access', 'mcp.desc': 'Let AI tools such as Claude Desktop, Cursor, Cline and VS Code use these data sources through the Model Context Protocol. Read-only admission, access policies, member scopes, row-level rules and audit apply as usual.',
+      'mcp.enabled': 'Enabled', 'mcp.disabled': 'Disabled', 'mcp.running': 'Running', 'mcp.stopped': 'Not running', 'mcp.port': 'Port', 'mcp.applyPort': 'Apply',
+      'mcp.endpoint': 'Endpoint', 'mcp.localOnly': 'The server listens on 127.0.0.1 only and rejects non-local Origin / Host headers; every request needs a token.', 'mcp.copy': 'Copy', 'mcp.copied': 'Copied',
+      'mcp.tokens': 'Access tokens', 'mcp.newToken': 'New token', 'mcp.tokenName': 'Name', 'mcp.tokenNamePh': 'e.g. My Cursor', 'mcp.create': 'Create token',
+      'mcp.scope': 'Scope', 'mcp.scope.owner': 'Local owner (full access)', 'mcp.scope.member': 'A member', 'mcp.scope.role': 'Role + data sources',
+      'mcp.scopeHint.owner': 'Same access as asking on this page; access policies still apply.', 'mcp.scopeHint.member': 'Follows the member\'s role, data source scope and row-level rules; the token stops working when the member is disabled.', 'mcp.scopeHint.role': 'Only the selected data sources, with an optional row-level rule.',
+      'mcp.member': 'Member', 'mcp.pickMember': 'Choose a member…', 'mcp.noMembers': 'No members yet; add one under Members first.', 'mcp.memberMissing': 'Member deleted', 'mcp.memberDisabled': 'Member disabled',
+      'mcp.role': 'Role', 'mcp.role.admin': 'Admin', 'mcp.role.analyst': 'Analyst', 'mcp.role.viewer': 'Viewer', 'mcp.datasources': 'Data sources', 'mcp.allDs': 'All data sources',
+      'mcp.rowRule': 'Row-level rule (optional)', 'mcp.rowColumn': 'Column', 'mcp.rowValues': 'Allowed values, comma-separated', 'mcp.rowRuleHint': 'Queries on tables with this column get "column IN (values)" added automatically.', 'mcp.rowRulesN': '{n} row-level rules',
+      'mcp.err.name': 'Enter a token name', 'mcp.err.member': 'Choose a member', 'mcp.err.ds': 'Select at least one data source',
+      'mcp.freshTitle': 'Token "{name}" created', 'mcp.freshHint': 'The token is shown only once — copy it now. Only its hash is stored; if lost, create a new one.', 'mcp.done': 'I saved it',
+      'mcp.col.name': 'Name', 'mcp.col.scope': 'Scope', 'mcp.col.created': 'Created', 'mcp.col.lastUsed': 'Last used', 'mcp.never': 'Never',
+      'mcp.revoke': 'Revoke', 'mcp.revokeConfirm': 'Revoke token "{name}"?', 'mcp.revokeHint': 'Clients using this token lose access immediately.', 'mcp.revoked': 'Token revoked',
+      'mcp.noTokens': 'No tokens yet', 'mcp.noTokensHint': 'Create a token, then add the configuration below to your AI tool.',
+      'mcp.setup': 'Client configuration', 'mcp.client.claude': 'Claude Desktop', 'mcp.client.cursor': 'Cursor', 'mcp.client.vscode': 'VS Code',
+      'mcp.where.claude': 'Add to claude_desktop_config.json (stdio bridge via npx nl2sql-mcp; needs Node.js 18+).', 'mcp.where.cursor': 'Add to ~/.cursor/mcp.json or the project\'s .cursor/mcp.json (HTTP).', 'mcp.where.vscode': 'Add to .vscode/mcp.json (HTTP).',
+      'mcp.placeholderHint': 'Replace <YOUR_TOKEN> with your token.', 'mcp.docsHint': 'See docs/mcp.md in the plugin for details. Keep DeepSeek Harness running while you use it.',
+      'rc.title': "Reconciliation", 'rc.hint': "Compare the results of two data sources (or two queries): rows are matched on key columns to find rows present on one side only and values that differ; run daily and push the differences.", 'rc.add': "New reconciliation", 'rc.empty': "No reconciliations yet", 'rc.emptyHint': "For example: check daily order counts and amounts between the order database and the finance database.", 'rc.name': "Name", 'rc.namePh': "e.g. Orders vs finance · daily amount", 'rc.left': "Left", 'rc.right': "Right", 'rc.leftCol': "Left column", 'rc.rightCol': "Right column (blank = same name)", 'rc.keys': "Key columns", 'rc.keysHint': "Columns that match rows across both sides (an order number, or date + channel).", 'rc.addKey': "Add key", 'rc.compare': "Compare columns", 'rc.compareHint': "Values that must agree; numbers can have a tolerance (absolute, or relative such as 0.001 = 0.1%).", 'rc.addCompare': "Add compare column", 'rc.tolerance': "Tolerance", 'rc.tolMode': "Tolerance type", 'rc.tolAbs': "Absolute", 'rc.tolRel': "Relative", 'rc.trim': "Trim spaces before comparing text", 'rc.ignoreCase': "Ignore case", 'rc.daily': "Run daily", 'rc.dailyAt': "Daily {time}", 'rc.manual': "Manual", 'rc.noPush': "Do not push", 'rc.notifyOn': "Push when", 'rc.notify.diff': "Differences found", 'rc.notify.always': "Every run", 'rc.dryRun': "Dry run", 'rc.dryResult': "Dry run result (not saved)", 'rc.saved': "Reconciliation saved", 'rc.runNow': "Run now", 'rc.pushed': "pushed", 'rc.history': "Run history", 'rc.historyOf': "Run history · {name}", 'rc.allRuns': "All jobs", 'rc.runOf': "Reconciliation result · {name}", 'rc.close': "Close", 'rc.deleteConfirm': "Delete reconciliation \"{name}\"?", 'rc.detail': "Details", 'rc.push': "Push", 'rc.scheduled': "scheduled", 'rc.never': "Never run", 'rc.status.ok': "Consistent", 'rc.status.diff': "Differences", 'rc.status.error': "Failed", 'rc.matchRate': "Match rate", 'rc.matched': "Matched keys", 'rc.mismatched': "Rows with different values", 'rc.rowsOf': "{side} rows", 'rc.onlyIn': "Only in {side}", 'rc.totalOf': "{side} total", 'rc.col': "Column", 'rc.mismatchRows': "Different rows", 'rc.diff': "Difference", 'rc.hasDiff': "Differences found, match rate {rate}", 'rc.noDiff': "Both sides agree, match rate {rate}", 'rc.incomplete': "incomplete (truncated)", 'rc.short.onlyLeft': "left only {n}", 'rc.short.onlyRight': "right only {n}", 'rc.short.mismatch': "{n} rows differ", 'rc.tab.summary': "Summary", 'rc.tab.mismatches': "Different values", 'rc.tab.only': "Only in {side}", 'rc.tool': "Reconciliation", 'rc.toolRunning': "Reconciling",
+      "sub.nav": "Chat subscriptions",
+      "sub.title": "Chat subscriptions",
+      "sub.desc": "Scheduled deliveries and alerts created from IM chats through a bot, grouped by chat; they are delivered back to that chat.",
+      "sub.refresh": "Refresh",
+      "sub.empty": "No chat subscriptions yet",
+      "sub.emptyHint": "In a chat, @-mention the bot with \"send this here every day at 9\" or \"tell me when it exceeds 1000\".",
+      "sub.col.item": "Item",
+      "sub.col.creator": "Created by",
+      "sub.col.schedule": "Schedule",
+      "sub.col.last": "Last delivery",
+      "sub.col.status": "Status",
+      "sub.kind.subscription": "Subscription",
+      "sub.kind.alert": "Alert",
+      "sub.status.active": "Active",
+      "sub.status.paused": "Paused",
+      "sub.status.suspended": "Suspended",
+      "sub.next": "Next",
+      "sub.pause": "Pause",
+      "sub.resume": "Resume",
+      "sub.delete": "Delete",
+      "sub.deleteConfirm": "Delete \"{name}\"?",
+      "sub.done.pause": "Paused",
+      "sub.done.resume": "Resumed",
+      "sub.done.delete": "Deleted",
       'mb.pick.people': "Pick someone who talked to a bot",
       'mb.pick.chats': "Pick a group the bot is in",
       'mb.pick.refresh': "Refresh",
@@ -1426,7 +1686,7 @@ window.__ModuleLoader__.load({
       '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 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.attach': 'Attaching {count} results.', 'im.dashboardHint': 'Re-runs every dashboard chart (max 10) with the current global filters, then sends.',
       '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)',
       'ds.apiKey': 'API key (optional, preferred over user/password)', 'ds.apiKeyHint': 'Base64 encoded id:api_key', 'ds.schemas': 'Schemas (comma separated; empty = all user schemas)', 'ds.https': 'Use HTTPS',
@@ -1496,6 +1756,12 @@ window.__ModuleLoader__.load({
       'settings.limits': 'Query limits', 'settings.maxRows': 'Max rows per query', 'settings.timeoutMs': 'Query timeout (ms)', 'settings.save': 'Save settings', 'settings.saved': 'Saved',
       'composer.none': 'No data source', 'composer.title': 'Data source queried by this session',
       'tool.query': 'Data query', 'tool.chart': 'Chart', 'tool.running': 'Querying…', 'tool.failed': 'Query failed', 'error.generic': 'Failed: {message}',
+      'dash.copyName': '{name} copy',
+      'set.leaveTitle': 'Discard unsaved settings?', 'set.leaveMsg': 'You have unsaved setting changes; they will be lost if you leave.', 'set.leaveOk': 'Discard and leave',
+      'fb.deleteConfirm': 'Delete this feedback?',
+      'hist.source.telegrambot': 'Telegram bot', 'hist.source.wecombot': 'WeCom bot', 'hist.source.dingtalkbot': 'DingTalk bot', 'hist.source.unknown': 'Unknown source', 'hist.source.genericBot': '{platform} bot',
+      'filter.valuesPh': 'Values, comma-separated',
+      'policy.tablesLabel': 'Accessible tables',
     }
 
     // --------------------------------------------------------------- RPC
@@ -1978,6 +2244,100 @@ window.__ModuleLoader__.load({
 .n2s-pickchip:disabled{opacity:.55;cursor:default}
 .n2s-pickchip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
 .n2s-idpicker{gap:6px}
+.n2s-sub-group { margin-bottom: 12px; }
+.n2s-sub-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
+.n2s-sub-chat { font-weight: 600; }
+.n2s-sub-kind { font-size: 11px; }
+.n2s-sub-err { color: var(--n2s-err); white-space: normal; max-width: 260px; }
+/* ---- reconciliation (rc) ---- */
+.n2s-rc-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
+@media (max-width:820px){.n2s-rc-panes{grid-template-columns:1fr}}
+.n2s-rc-pane{display:flex;flex-direction:column;gap:8px;padding:10px;border:.5px solid var(--n2s-line-2);border-radius:var(--n2s-radius);min-width:0}
+.n2s-rc-pane-title{font-weight:500;margin-bottom:2px}
+.n2s-rc-maprow{display:flex;align-items:center;gap:6px;margin-top:6px}
+.n2s-rc-maprow .n2s-input{flex:1;min-width:0}
+.n2s-rc-maprow .n2s-input.n2s-rc-tol{flex:0 0 100px}
+.n2s-rc-dry{margin-top:14px;padding-top:12px;border-top:.5px solid var(--n2s-line)}
+.n2s-rc-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
+.n2s-rc-stat{padding:8px 12px;border:.5px solid var(--n2s-line-2);border-radius:var(--n2s-radius);min-width:96px}
+.n2s-rc-stat-v{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
+.n2s-rc-stat-l{font-size:12px;color:var(--n2s-muted)}
+.n2s-rc-stat.bad .n2s-rc-stat-v,.n2s-rc-bad{color:var(--n2s-err)}
+.n2s-rc-run{cursor:pointer}
+.n2s-rc-run:hover td{background:color-mix(in srgb,currentColor 4%,transparent)}
+.n2s-mcp .n2s-card{margin-bottom:12px}
+.n2s-mcp-endpoint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}
+.n2s-mcp-endpoint code{padding:4px 8px;border-radius:var(--n2s-radius-sm);background:var(--n2s-hover);font-size:12.5px;word-break:break-all}
+.n2s-mcp-form{display:grid;gap:12px}
+.n2s-mcp-snippets{margin-top:10px}
+.n2s-mcp-code{position:relative}
+.n2s-mcp-code pre{margin:0;padding:10px 12px;max-height:260px;overflow:auto;white-space:pre;font-size:12px}
+.n2s-mcp-codeact{position:absolute;top:6px;right:6px}
+.n2s-mcp-fresh{border-color:var(--n2s-accent)}
+/* ---- presentation mode (feature present) ---- */
+.n2s-pre{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:18px;padding:22px 28px 28px;overflow:auto;box-sizing:border-box;background:#0b1020;color:#e8ecf4;font-size:16px;line-height:1.5;outline:none;
+  --dsw-alias-label-primary:#e8ecf4;--dsw-alias-label-secondary:#9aa4b8;--dsw-alias-label-tertiary:#6f7a90;--dsw-alias-border-l1:rgba(255,255,255,.10);--dsw-alias-border-l2:rgba(255,255,255,.16);--dsw-alias-bg-layer-1:#141b2e;--dsw-alias-bg-base:#0b1020;--n2s-muted:#9aa4b8;--n2s-faint:#6f7a90;--n2s-line:rgba(255,255,255,.10);--n2s-line-2:rgba(255,255,255,.16);--n2s-hover:rgba(255,255,255,.06);--n2s-fill:rgba(255,255,255,.05);--n2s-accent:#5b8cff;--n2s-ok:#34c759;--n2s-warn:#ffb020;--n2s-err:#ff5c5c}
+.n2s-pre-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
+.n2s-pre-titles{flex:1;min-width:240px}
+.n2s-pre-titles h1{margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
+.n2s-pre-sub{color:#9aa4b8;font-size:14px;margin-top:4px}
+.n2s-pre-clock{text-align:right;font-variant-numeric:tabular-nums}
+.n2s-pre-clock .time{font-size:clamp(26px,2.4vw,38px);font-weight:600;line-height:1.1}
+.n2s-pre-clock .date{color:#9aa4b8;font-size:13px}
+.n2s-pre-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.n2s-pre-ctl label{display:inline-flex;align-items:center;gap:6px;color:#9aa4b8;font-size:13px}
+.n2s-pre-ctl select{height:32px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#141b2e;color:#e8ecf4;font:inherit;font-size:13px}
+.n2s-pre-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#141b2e;color:#e8ecf4;font:inherit;font-size:16px;cursor:pointer}
+.n2s-pre-btn:hover{background:#1d2640}
+.n2s-pre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-content:start}
+.n2s-pre-card{grid-column:span 3;min-width:0;padding:16px 18px;border-radius:14px;background:#141b2e;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.25)}
+.n2s-pre-card.w-third{grid-column:span 2}
+.n2s-pre-card.w-full{grid-column:span 6}
+.n2s-pre-card-title{display:flex;align-items:center;font-size:clamp(16px,1.3vw,22px);font-weight:600;margin-bottom:8px}
+.n2s-pre-card .n2s-result-foot{display:none}
+.n2s-pre-card .n2s-chart{min-height:300px}
+.n2s-pre-card .n2s-kpi .v{font-size:clamp(34px,3.6vw,60px)}
+.n2s-pre-card .n2s-table{font-size:14px}
+.n2s-pre-empty{padding:80px 0;text-align:center;color:#9aa4b8;font-size:20px}
+@media (max-width:1100px){.n2s-pre-card,.n2s-pre-card.w-third{grid-column:span 6}}
+@media (min-width:1101px) and (max-width:1500px){.n2s-pre-card.w-third{grid-column:span 3}}
+.n2s-pre-dlg{margin-top:10px}
+
+/* ---- proactive: forecast, goals, digest ---- */
+.n2s-pro-fc{margin-top:10px;padding:10px 12px;border:.5px dashed var(--n2s-line-2);border-radius:var(--n2s-radius-sm)}
+.n2s-pro-fc-title{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:13px}
+.n2s-pro-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
+.n2s-pro-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:.5px solid var(--n2s-line-2);font-size:12px;white-space:nowrap}
+.n2s-pro-bar{position:relative;display:inline-block;width:64px;height:5px;border-radius:999px;background:var(--n2s-fill);overflow:hidden;flex:none}
+.n2s-pro-bar .proj,.n2s-pro-bar .cur{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
+.n2s-pro-bar .proj{background:color-mix(in srgb,var(--n2s-accent) 28%,transparent)}
+.n2s-pro-bar .cur{background:var(--n2s-accent)}
+.n2s-pro-bar.ok .cur{background:var(--n2s-ok)}.n2s-pro-bar.ok .proj{background:color-mix(in srgb,var(--n2s-ok) 28%,transparent)}
+.n2s-pro-bar.warn .cur{background:var(--n2s-warn)}.n2s-pro-bar.warn .proj{background:color-mix(in srgb,var(--n2s-warn) 28%,transparent)}
+.n2s-pro-bar.err .cur{background:var(--n2s-err)}
+.n2s-pro-bar .tick{position:absolute;top:0;bottom:0;width:1px;background:var(--dsw-alias-label-secondary)}
+.n2s-list2-row .n2s-pro-bar{width:140px}
+.n2s-pro-pct{font-variant-numeric:tabular-nums;color:var(--n2s-muted)}
+.n2s-pro-pct.ok{color:var(--n2s-ok)}.n2s-pro-pct.warn{color:color-mix(in srgb,var(--n2s-warn) 85%,black)}.n2s-pro-pct.err{color:var(--n2s-err)}
+.n2s-pro-preview{margin-top:10px;padding:12px;border-radius:var(--n2s-radius-sm);background:var(--n2s-fill)}
+.n2s-pro-preview-charts{display:grid;gap:10px;margin-top:10px}
+/* ---- data freshness / health (21a-freshness.js) ---- */
+.n2s-fq-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;padding:6px 10px;border-radius:var(--n2s-radius-sm);font-size:12.5px;line-height:1.5;color:color-mix(in srgb,var(--n2s-warn) 80%,black);background:color-mix(in srgb,var(--n2s-warn) 12%,transparent)}
+.n2s-fq-panel{border:.5px solid var(--n2s-line-2);border-radius:var(--n2s-radius-sm);padding:6px 10px;margin-bottom:12px}
+.n2s-fq-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 16px;margin-top:6px}
+.n2s-fq-item{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;padding:2px 0}
+.n2s-fq-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--n2s-faint)}
+.n2s-fq-dot.ok{background:var(--n2s-ok)}
+.n2s-fq-dot.warn{background:var(--n2s-warn)}
+.n2s-fq-dot.err{background:var(--n2s-err)}
+.n2s-fq-score{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 6px;border-radius:6px;font-weight:600;font-size:12px;background:var(--n2s-fill);color:var(--n2s-muted)}
+.n2s-fq-score.ok{color:var(--n2s-ok);background:color-mix(in srgb,var(--n2s-ok) 12%,transparent)}
+.n2s-fq-score.warn{color:color-mix(in srgb,var(--n2s-warn) 85%,black);background:color-mix(in srgb,var(--n2s-warn) 14%,transparent)}
+.n2s-fq-score.err{color:var(--n2s-err);background:color-mix(in srgb,var(--n2s-err) 10%,transparent)}
+.n2s-fq-summary{display:flex;align-items:center;gap:12px;font-size:13px}
+.n2s-fq-summary .n2s-fq-score{min-width:48px;height:34px;font-size:17px}
+.n2s-adminnav-group{margin:14px 12px 4px;font-size:11.5px;letter-spacing:.02em;color:var(--n2s-faint)}
+.n2s-adminnav-sep{height:.5px;margin:10px 12px;background:var(--n2s-line)}
 /* ---- 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}
@@ -2036,7 +2396,8 @@ window.__ModuleLoader__.load({
 .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-kindcards{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}
+.n2s-kindcard-li{display:grid}
 .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}
@@ -2158,10 +2519,35 @@ window.__ModuleLoader__.load({
     /** Current UI language ('zh' | 'en'), updated by the page/tool views on render. */
     let uiLang = 'zh'
     // LocaleSnapshot is { active, locales, revision } (dsh-client-locale); older hosts passed a string.
+    /**
+     * Extension points for feature files (client-src/2x-*.js). Each feature calls
+     * `extend.<point>.push(...)` at module evaluation:
+     *   adminSections: { id, label: (t) => string, icon: () => node, Component({ t, ds, datasources, onNavigate }) }
+     *   dashboardMenu: (ctx: { t, boardId, widgets, filters }) => [Dropdown items]
+     *   dashboardBar:  Component({ t, boardId, widgets, filters }) rendered next to the dashboard actions
+     *   resultMenu:    (ctx: { t, result }) => [Dropdown items]
+     *   resultPanels:  Component({ t, result }) rendered under a result (e.g. forecast, freshness note)
+     *   schemaPanels:  Component({ t, ds, schema, selected }) rendered above the table list
+     *   askPanels:     Component({ t, ds }) rendered on the Ask page under the composer
+     *   toolViews:     { key: '<tool name>', make: (ctx) => Component } conversation tool result views
+     */
+    const extend = { adminSections: [], dashboardMenu: [], dashboardBar: [], resultMenu: [], resultPanels: [], schemaPanels: [], askPanels: [], toolViews: [] }
+    const extItems = (list, arg) => list.flatMap(f => { try { return f(arg) ?? [] } catch (e) { console.warn('nl2sql ext', e); return [] } })
+
     /** Join a list for display in the UI language: 「a、b」 / "a, b". */
     const joinList = (items, sep) => (items ?? []).filter(x => x !== undefined && x !== null && x !== '').join(sep ?? (uiLang === 'zh' ? '、' : ', '))
     /** Label + colon in the UI language: 「标签：」 / "Label: ". */
     const colon = (label) => (uiLang === 'zh' ? `${label}：` : `${label}: `)
+    /** List separator in the UI language. */
+    const listSep = () => (uiLang === 'zh' ? '、' : ', ')
+    /** Clauses joined in the UI language: 「a；b」 / "a; b". */
+    const joinClauses = (items) => joinList(items, uiLang === 'zh' ? '；' : '; ')
+    /** Parenthetical in the UI language: 「（x）」 / " (x)". */
+    const paren = (s) => (s === undefined || s === null || s === '' ? '' : uiLang === 'zh' ? `（${s}）` : ` (${s})`)
+    /** Quoted name in the UI language: 「x」 / "x". */
+    const quoted = (s) => (uiLang === 'zh' ? `「${s}」` : `"${s}"`)
+    /** BCP 47 tag for Intl formatting in the UI language. */
+    const uiLocale = () => (uiLang === 'zh' ? 'zh-CN' : 'en-US')
     const setUiLang = (snapshot) => {
       const id = typeof snapshot === 'string' ? snapshot : (snapshot?.active ?? snapshot?.locale ?? 'zh')
       uiLang = /^zh/i.test(String(id)) ? 'zh' : 'en'
@@ -2176,18 +2562,26 @@ window.__ModuleLoader__.load({
     }
 
     function formatCompact(v) {
+      if (v === null || v === undefined || v === '') return '—'
       const n = Number(v)
-      if (!Number.isFinite(n)) return String(v ?? '—')
+      if (!Number.isFinite(n)) return String(v)
       const abs = Math.abs(n)
-      if (uiLang !== 'zh') {
-        if (abs >= 1e9) return `${(n / 1e9).toFixed(abs >= 1e11 ? 0 : 2)}B`
-        if (abs >= 1e6) return `${(n / 1e6).toFixed(abs >= 1e8 ? 0 : 1)}M`
-        if (abs >= 1e5) return `${(n / 1e3).toFixed(0)}K`
-        return n.toLocaleString(undefined, { maximumFractionDigits: 2 })
+      // [divisor, suffix, threshold, digits(abs)] from the largest unit down.
+      const scales = uiLang === 'zh'
+        ? [[1e8, '亿', 1e8, a => (a >= 1e10 ? 0 : 2)], [1e4, '万', 1e5, a => (a >= 1e7 ? 0 : 1)]]
+        : [[1e9, 'B', 1e9, a => (a >= 1e11 ? 0 : 2)], [1e6, 'M', 1e6, a => (a >= 1e8 ? 0 : 1)], [1e3, 'K', 1e5, () => 0]]
+      for (let i = 0; i < scales.length; i++) {
+        const [div, suffix, threshold, digits] = scales[i]
+        if (abs < threshold) continue
+        const s = (n / div).toFixed(digits(abs))
+        // Rounding can reach the next unit (999 999 → "1000K"): use the larger unit instead.
+        if (i > 0 && Math.abs(Number(s)) >= scales[i - 1][0] / div) {
+          const [div2, suffix2, , digits2] = scales[i - 1]
+          return `${(n / div2).toFixed(digits2(scales[i - 1][0]))}${suffix2}`
+        }
+        return `${s}${suffix}`
       }
-      if (abs >= 1e8) return `${(n / 1e8).toFixed(abs >= 1e10 ? 0 : 2)}亿`
-      if (abs >= 1e5) return `${(n / 1e4).toFixed(abs >= 1e7 ? 0 : 1)}万`
-      return n.toLocaleString(undefined, { maximumFractionDigits: 2 })
+      return n.toLocaleString(uiLocale(), { maximumFractionDigits: 2 })
     }
 
     function toCsv(result) {
@@ -2261,23 +2655,72 @@ window.__ModuleLoader__.load({
      * Async data with request ordering: results of an older request (or of
      * previous deps) never overwrite newer ones, and `loading` is true from the
      * first render after deps change.
+     *
+     * `value` belongs to the current deps: while new deps load it is undefined,
+     * so e.g. a previous data source's data is never shown or acted on.
+     * `reload()` with unchanged deps keeps `value` until the new one arrives.
+     * `scope` (optional) names the deps that identify *whose* data this is; when
+     * only other deps change (a page offset, a filter) the previous value stays
+     * on screen while the next one loads, as long as the scope is unchanged.
      */
-    function useAsync(fn, deps) {
+    function useAsync(fn, deps, scope) {
       const depsKey = JSON.stringify(deps)
-      const [state, setState] = useState({ loading: true, value: undefined, error: undefined, key: null })
+      const scopeKey = scope === undefined ? depsKey : JSON.stringify(scope)
+      const [state, setState] = useState({ loading: true, value: undefined, error: undefined, key: null, scope: null })
       const seq = useRef(0)
       const reload = useCallback(() => {
         const id = ++seq.current
         setState(s => ({ ...s, loading: true, error: undefined }))
         Promise.resolve().then(fn).then(
-          value => { if (seq.current === id) setState({ loading: false, value, error: undefined, key: depsKey }) },
-          error => { if (seq.current === id) setState({ loading: false, value: undefined, error, key: depsKey }) },
+          value => { if (seq.current === id) setState({ loading: false, value, error: undefined, key: depsKey, scope: scopeKey }) },
+          error => { if (seq.current === id) setState({ loading: false, value: undefined, error, key: depsKey, scope: scopeKey }) },
         )
         return () => { if (seq.current === id) seq.current++ }
       }, deps)
       useEffect(reload, [reload])
       const stale = state.key !== depsKey
-      return { ...state, loading: state.loading || stale, stale, reload }
+      const foreign = state.scope !== scopeKey
+      return { loading: state.loading || stale, value: foreign ? undefined : state.value, error: stale ? undefined : state.error, stale, reload }
+    }
+
+    /**
+     * Guard against double submits: `run(fn)` ignores calls while one is in
+     * flight (checked synchronously through a ref, so two clicks in the same
+     * tick still run once) and `busy` re-renders the disabled state.
+     */
+    function useBusy() {
+      const ref = useRef(false)
+      const [busy, setBusy] = useState(false)
+      const alive = useRef(true)
+      useEffect(() => { alive.current = true; return () => { alive.current = false } }, [])
+      const run = useCallback(async (fn) => {
+        if (ref.current) return undefined
+        ref.current = true
+        setBusy(true)
+        try { return await fn() } finally { ref.current = false; if (alive.current) setBusy(false) }
+      }, [])
+      return [busy, run]
+    }
+
+    const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+
+    /** Keep Tab / Shift+Tab focus inside the element while `active`. */
+    function useFocusTrap(ref, active = true) {
+      useEffect(() => {
+        const el = ref.current
+        if (!active || !el) return
+        const onKey = (e) => {
+          if (e.key !== 'Tab') return
+          const items = [...el.querySelectorAll(FOCUSABLE)].filter(x => !x.closest('[hidden]') && x.getAttribute('aria-hidden') !== 'true')
+          if (!items.length) { e.preventDefault(); return }
+          const first = items[0]
+          const last = items[items.length - 1]
+          const cur = document.activeElement
+          if (e.shiftKey && (cur === first || !el.contains(cur))) { e.preventDefault(); last.focus() } else if (!e.shiftKey && (cur === last || !el.contains(cur))) { e.preventDefault(); first.focus() }
+        }
+        el.addEventListener('keydown', onKey)
+        return () => el.removeEventListener('keydown', onKey)
+      }, [ref, active, ref.current])
     }
 
     // ------------------------------------------------------------ feedback
@@ -2314,6 +2757,7 @@ window.__ModuleLoader__.load({
       const [value, setValue] = useState('')
       const [err, setErr] = useState(null)
       const box = useRef(null)
+      useFocusTrap(box, Boolean(d))
       useEffect(() => {
         if (!d) return
         setValue(d.value ?? '')
@@ -2335,7 +2779,7 @@ window.__ModuleLoader__.load({
       return h(React.Fragment, null,
         h('div', { className: 'n2s-toasts', role: 'status', 'aria-live': 'polite' }, st.toasts.map(x => h('div', { key: x.id, className: `n2s-toast ${x.kind}` }, x.kind === 'ok' ? Icon.check(14) : x.kind === 'err' ? Icon.close(13) : null, h('span', null, x.text)))),
         d && ReactDOM.createPortal(h('div', { className: 'n2s-modal-backdrop', onMouseDown: (e) => { if (e.target === e.currentTarget) close(d.kind === 'prompt' ? null : false) } },
-          h('div', { ref: box, className: 'n2s-modal', role: 'alertdialog', 'aria-modal': true, 'aria-labelledby': 'n2s-dlg-title', style: { width: 'min(440px, 100%)' }, onKeyDown: (e) => { if (e.key === 'Escape') close(d.kind === 'prompt' ? null : false); if (e.key === 'Enter' && e.target.tagName !== 'BUTTON') ok() } },
+          h('div', { ref: box, className: 'n2s-modal', role: 'alertdialog', 'aria-modal': true, 'aria-labelledby': 'n2s-dlg-title', style: { width: 'min(440px, 100%)' }, onKeyDown: (e) => { if (e.key === 'Escape') { e.stopPropagation(); close(d.kind === 'prompt' ? null : false) } if (e.key === 'Enter' && e.target.tagName !== 'BUTTON') ok() } },
             h('div', { id: 'n2s-dlg-title', className: 'n2s-modal-title', style: { marginBottom: 8 } }, d.title),
             d.message && h('div', { className: 'n2s-muted', style: { fontSize: 13.5, marginBottom: 12, whiteSpace: 'pre-wrap' } }, d.message),
             d.kind === 'prompt' && h('input', { className: 'n2s-input', value, placeholder: d.placeholder, 'aria-label': d.title, onChange: e => { setValue(e.target.value); setErr(null) } }),
@@ -2345,6 +2789,22 @@ window.__ModuleLoader__.load({
               h('button', { type: 'button', className: `n2s-btn ${d.danger ? 'danger-solid' : 'primary'}`, onClick: ok }, d.confirmLabel ?? t('fb2.ok'))))), document.body))
     }
 
+
+    /** Mount the FeedbackLayer once into its own root under document.body; returns the disposer. */
+    function mountFeedbackLayer(ctx) {
+      const el = document.createElement('div')
+      el.className = 'n2s-feedback-root'
+      el.dataset.plugin = PKG
+      document.body.appendChild(el)
+      const root = ReactDOMClient.createRoot(el)
+      function GlobalFeedback() {
+        const t = useMemo(() => ctx.locale.bind(NS), [])
+        setUiLang(useSyncExternalStore(ctx.locale.subscribe.bind(ctx.locale), () => ctx.locale.getSnapshot(), () => ctx.locale.getSnapshot()))
+        return h(FeedbackLayer, { t })
+      }
+      root.render(h(GlobalFeedback))
+      return () => { const d = feedbackStore.get().dialog; feedbackStore.set({ ...feedbackStore.get(), dialog: null }); d?.resolve(d.kind === 'prompt' ? null : false); setTimeout(() => { root.unmount(); el.remove() }, 0) }
+    }
     // ----------------------------------------------------------- charts
 
     let echartsPromise
@@ -2551,8 +3011,11 @@ window.__ModuleLoader__.load({
       const [sending, setSending] = useState(false)
       const [rating, setRating] = useState(null)
       const [drill, setDrill] = useState(null)
+      const ratingBusy = useRef(false)
       useEffect(() => { setType(result.chart?.type ?? 'table') }, [result.resultId])
       const rate = async (value, comment) => {
+        if (ratingBusy.current) return
+        ratingBusy.current = true
         try {
           await call('submitFeedback', { resultId: result.resultId, rating: value, comment, question, sql: result.baseSql ?? result.sql, datasourceId: result.datasourceId, title: result.title, sessionId: onFeedback?.sessionId })
           setRated(value)
@@ -2560,11 +3023,15 @@ window.__ModuleLoader__.load({
           if (value === 'down') onFeedback?.down?.(comment)
         } catch (e) {
           notifyError(e)
+        } finally {
+          ratingBusy.current = false
         }
       }
       const chart = useMemo(() => (type === result.chart?.type ? result.chart : chartFor(type, result, result.suggestedChart ?? result.chart)) ?? { type: 'table' }, [type, result])
       const available = useMemo(() => CHART_CHOICES.filter(c => c === 'table' || chartFor(c, result, result.chart)), [result])
-      const pin = async () => {
+      const [pinning, runPin] = useBusy()
+      const pin = () => runPin(async () => {
+        if (pinned) return
         try {
           await call('pinWidget', { title: result.title || result.sql.slice(0, 60), sql: result.sql, datasourceId: result.datasourceId, chart })
           setPinned(true)
@@ -2572,8 +3039,9 @@ window.__ModuleLoader__.load({
         } catch (e) {
           notifyError(e)
         }
-      }
-      const saveExample = async () => {
+      })
+      const [savingExample, runSaveExample] = useBusy()
+      const saveExample = () => runSaveExample(async () => {
         const q = await promptDialog({ title: t('kb.examplePrompt'), value: question || result.title || '' })
         if (!q) return
         try {
@@ -2582,7 +3050,7 @@ window.__ModuleLoader__.load({
         } catch (e) {
           notifyError(e)
         }
-      }
+      })
       const rerun = async (confirmScan) => {
         setRunning(true); setEditError(null)
         try {
@@ -2626,7 +3094,8 @@ window.__ModuleLoader__.load({
         isChart && result.chart?.x && result.rows.length >= 2 && { label: t('drill.why'), icon: Icon.spark(14), onClick: () => setDrill({ mode: 'why' }) },
         isChart && chartInstance && { label: t('result.png'), icon: Icon.download(14), onClick: exportPng },
         !hidden && { divider: true },
-        !hidden && { label: savedExample ? t('kb.exampleSaved') : t('kb.saveExample'), icon: Icon.spark(14), disabled: savedExample, onClick: saveExample },
+        !hidden && { label: savedExample ? t('kb.exampleSaved') : t('kb.saveExample'), icon: Icon.spark(14), disabled: savedExample || savingExample, onClick: saveExample },
+        ...extItems(extend.resultMenu, { t, result }),
       ]
       const chartPicker = result.rows.length > 0 && h(Dropdown, {
         label: t('result.chartType'),
@@ -2644,6 +3113,7 @@ window.__ModuleLoader__.load({
           h('span', { className: 'n2s-grow' }),
           chartPicker),
         body,
+        ...extend.resultPanels.map((C, k) => h(C, { key: `rp${k}`, t, result })),
         h('div', { className: 'n2s-result-foot' },
           !hideSql && h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-expanded': showSql, onClick: () => setShowSql(v => !v) }, Icon.code(14), t('result.sql')),
           isChart && result.rows.length > 0 && !compact && h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-expanded': showTable, onClick: () => setShowTable(v => !v) }, Icon.table(14), t('result.data')),
@@ -2653,7 +3123,7 @@ window.__ModuleLoader__.load({
           embedded && h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'result.rows', { count: result.rowCount }), ' · ', fmt(t, 'result.elapsed', { ms: result.elapsedMs })),
           !hidden && h('button', { type: 'button', className: 'n2s-iconbtn', 'aria-pressed': rated === 'up', title: t('fb.up'), 'aria-label': t('fb.up'), onClick: () => rate('up') }, Icon.thumbUp()),
           !hidden && h('button', { type: 'button', className: 'n2s-iconbtn', 'aria-pressed': rated === 'down' || rating === 'down', title: t('fb.down'), 'aria-label': t('fb.down'), onClick: () => setRating(rating === 'down' ? null : 'down') }, Icon.thumbDown()),
-          !hidden && h('button', { type: 'button', className: 'n2s-iconbtn', disabled: pinned, 'aria-pressed': pinned, title: pinned ? t('result.pinned') : t('result.pin'), 'aria-label': t('result.pin'), onClick: pin }, Icon.pin()),
+          !hidden && h('button', { type: 'button', className: 'n2s-iconbtn', disabled: pinned || pinning, 'aria-busy': pinning || undefined, 'aria-pressed': pinned, title: pinned ? t('result.pinned') : t('result.pin'), 'aria-label': t('result.pin'), onClick: pin }, Icon.pin()),
           h('button', { type: 'button', className: 'n2s-iconbtn', title: t('im.share'), 'aria-label': t('im.share'), onClick: () => setSending(true) }, Icon.send()),
           h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: moreItems })),
         rating === 'down' && h(FeedbackForm, { t, onCancel: () => setRating(null), onSubmit: (comment) => rate('down', comment) }),
@@ -2838,6 +3308,18 @@ window.__ModuleLoader__.load({
       const [state, setState] = useState(null)
       const [drag, setDrag] = useState(false)
       const inputRef = useRef(null)
+      const box = useRef(null)
+      useFocusTrap(box)
+      const busyRef = useRef(false)
+      busyRef.current = Boolean(state?.busy)
+      useEffect(() => {
+        const prev = document.activeElement
+        setTimeout(() => box.current?.querySelector('[role=button], button')?.focus(), 0)
+        // Escape works wherever focus is (not only inside the dialog), but not under a confirm dialog or mid-upload.
+        const onKey = (e) => { if (e.key === 'Escape' && !feedbackStore.get().dialog && !busyRef.current) onClose() }
+        document.addEventListener('keydown', onKey)
+        return () => { document.removeEventListener('keydown', onKey); prev?.focus?.() }
+      }, [])
       const pick = async (f) => {
         if (!f) return
         setFile(f); setSheets(null); setState({ busy: true }); setProgress(0)
@@ -2850,6 +3332,8 @@ window.__ModuleLoader__.load({
         } catch (e) { setState({ error: e.message }) }
       }
       const run = async () => {
+        if (busyRef.current) return
+        busyRef.current = true
         setState({ busy: true })
         try {
           const res = await call('importUpload', { datasourceId: target || undefined, newName: target ? undefined : newName, fileName: file.name, uploadId, mode, sheets: sheets.filter(x => x.include).map(x => ({ sheet: x.sheet, table: x.table, mode, columns: x.columns })) })
@@ -2860,7 +3344,7 @@ window.__ModuleLoader__.load({
       }
       const typeOpts = ['TEXT', 'INTEGER', 'REAL', 'DATE', 'DATETIME']
       return ReactDOM.createPortal(h('div', { className: 'n2s-modal-backdrop', onMouseDown: (e) => { if (e.target === e.currentTarget) onClose() } },
-        h('div', { className: 'n2s-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('up.title'), style: { width: 'min(860px, 100%)' }, onKeyDown: (e) => { if (e.key === 'Escape' && !state?.busy) onClose() } },
+        h('div', { ref: box, className: 'n2s-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('up.title'), style: { width: 'min(860px, 100%)' } },
           h('div', { className: 'n2s-row', style: { marginBottom: 12 } }, h('span', { className: 'n2s-modal-title' }, t('up.title')), h('span', { className: 'n2s-grow' }), h('button', { type: 'button', className: 'n2s-iconbtn', 'aria-label': t('ds.cancel'), onClick: onClose }, Icon.close())),
           !sheets && h('div', {
             className: `n2s-drop ${drag ? 'over' : ''}`, role: 'button', tabIndex: 0,
@@ -2890,19 +3374,19 @@ window.__ModuleLoader__.load({
                   h('tr', null, sh.columns.map((c, ci) => h('th', { key: ci, style: { top: 30, padding: '2px 8px' } }, h('select', { className: 'n2s-select', style: { height: 24, fontSize: 11, padding: '0 4px' }, value: c.type, 'aria-label': `${c.name} type`, onChange: e => setSheets(x => x.map((y, i) => i === si ? { ...y, columns: y.columns.map((cc, j) => j === ci ? { ...cc, type: e.target.value } : cc) } : y)) }, typeOpts.map(o => h('option', { key: o, value: o }, t(`up.type.${o}`)))))))),
                 h('tbody', null, sh.preview.slice(0, 8).map((r, ri) => h('tr', { key: ri }, sh.columns.map((c, ci) => h('td', { key: ci, className: c.type === 'INTEGER' || c.type === 'REAL' ? 'num' : undefined }, r[ci] === null || r[ci] === undefined ? '' : String(r[ci]))))))))))),
           state?.error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, state.error),
-          state?.done && h('div', { className: 'n2s-notice ok', style: { marginTop: 10 } }, fmt(t, 'up.done', { name: state.done.datasourceName }), ' ', state.done.results.map(r => r.ok ? fmt(t, 'up.resultOk', { table: r.table, rows: r.rows }) : `${r.sheet}: ${r.error}`).join('；')),
+          state?.done && h('div', { className: 'n2s-notice ok', style: { marginTop: 10 } }, fmt(t, 'up.done', { name: state.done.datasourceName }), ' ', joinClauses(state.done.results.map(r => r.ok ? fmt(t, 'up.resultOk', { table: r.table, rows: r.rows }) : `${colon(r.sheet)}${r.error}`))),
           h('div', { className: 'n2s-row', style: { marginTop: 14, justifyContent: 'flex-end' } },
             h('span', { className: 'n2s-faint n2s-small n2s-grow' }, t('up.privacy')),
             h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onClose }, state?.done ? t('ds.close') : t('ds.cancel')),
             sheets && !state?.done && h('button', { type: 'button', className: 'n2s-btn primary', disabled: state?.busy || !sheets.some(x => x.include) || (!target && !newName.trim()), onClick: run }, state?.busy ? h('span', { className: 'n2s-spin' }) : null, t('up.import'))))), document.body)
     }
     function FileTables({ t, ds }) {
-      const list = useAsync(() => call('listFileTables', { datasourceId: ds.id }), [ds.id, ds.schemaAnalyzedAt])
+      const list = useAsync(() => call('listFileTables', { datasourceId: ds.id }), [ds.id, ds.schemaAnalyzedAt], [ds.id])
       const tables = list.value ?? []
       if (!tables.length) return null
       return h('div', { className: 'n2s-chips', style: { marginTop: 6 } }, tables.map(tb => h('span', { key: tb.name, className: 'n2s-badge', title: `${tb.source ?? ''} · ${new Date(tb.updatedAt ?? tb.createdAt).toLocaleString()}` },
         `${tb.name} · ${formatCompact(tb.rows)}`,
-        h('button', { type: 'button', className: 'n2s-iconbtn', style: { width: 16, height: 16 }, 'aria-label': `${t('ds.delete')} ${tb.name}`, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'up.dropConfirm', { name: tb.name }), danger: true })) { await call('dropFileTable', { datasourceId: ds.id, table: tb.name }); list.reload(); refreshDatasources() } } }, Icon.close(10)))))
+        h('button', { type: 'button', className: 'n2s-iconbtn', style: { width: 16, height: 16 }, 'aria-label': `${t('ds.delete')} ${tb.name}`, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'up.dropConfirm', { name: tb.name }), danger: true })) { try { await call('dropFileTable', { datasourceId: ds.id, table: tb.name }) } catch (e) { notifyError(e) } list.reload(); refreshDatasources() } } }, Icon.close(10)))))
     }
 
     function SourcesTab({ t, datasources }) {
@@ -2949,7 +3433,7 @@ window.__ModuleLoader__.load({
             h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
               h('button', { type: 'button', className: 'n2s-btn small', disabled: tr?.busy, onClick: () => test(ds) }, tr?.busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.test')),
               h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
-                !ds.current && { label: t('ds.setCurrent'), icon: Icon.check(14), onClick: async () => { await call('setCurrent', { id: ds.id }); refreshDatasources() } },
+                !ds.current && { label: t('ds.setCurrent'), icon: Icon.check(14), onClick: async () => { try { await call('setCurrent', { id: ds.id }) } catch (e) { notifyError(e) } refreshDatasources() } },
                 ds.type === 'sqlite' && { label: t('up.addFile'), icon: Icon.up(14), onClick: () => setUpload({ target: ds.id }) },
                 ds.type !== 'sqlite' && { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing(ds) },
                 { label: t('policy.button'), icon: svg(14, [h('rect', { key: 1, x: 3.5, y: 7, width: 9, height: 6.5, rx: 1.4 }), h('path', { key: 2, d: 'M5.5 7V5a2.5 2.5 0 0 1 5 0v2' })]), onClick: () => setPolicyFor(ds) },
@@ -2998,11 +3482,12 @@ window.__ModuleLoader__.load({
       }
       const quoteTable = (name) => ds.type === 'mysql' ? `\`${name.replace(/`/g, '``')}\`` : ds.type === 'postgres' ? name.split('.').map(p => `"${p.replace(/"/g, '""')}"`).join('.') : `"${name.replace(/"/g, '""')}"`
       const runOverview = async (tb, pin) => {
+        const forId = ds.id
         setPreview({ busy: true })
         try {
-          const res = await call('tableOverview', { datasourceId: ds.id, table: tb.name, pin })
-          setPreview({ overview: res.results, pinned: pin })
-        } catch (e) { setPreview({ error: e.message }) }
+          const res = await call('tableOverview', { datasourceId: forId, table: tb.name, pin })
+          if (currentDs.current === forId) setPreview({ overview: res.results, pinned: pin })
+        } catch (e) { if (currentDs.current === forId) setPreview({ error: e.message }) }
       }
       // Default to the largest fact table so the detail pane is never blank.
       const defaultTable = schema ? ([...schema.tables].sort((x, y) => (y.role === 'fact') - (x.role === 'fact') || (y.rows ?? 0) - (x.rows ?? 0))[0]?.name ?? null) : null
@@ -3011,6 +3496,7 @@ window.__ModuleLoader__.load({
       const rels2 = tbl ? schema.relations.filter(r => r.from.table === tbl.name || r.to.table === tbl.name) : []
       const keyIcon = (c) => c.key === 'PRI' ? h('span', { className: 'n2s-colkey pk', title: 'PRIMARY KEY' }, 'PK') : c.key === 'UNI' ? h('span', { className: 'n2s-colkey', title: 'UNIQUE' }, 'UQ') : c.key === 'MUL' ? h('span', { className: 'n2s-colkey', title: 'INDEX' }, 'IX') : null
       return h('div', null,
+        schema && extend.schemaPanels.map((C, k) => h(C, { key: `sp${k}`, t, ds, schema, selected })),
         h('div', { className: 'n2s-toolbar' },
           schema && h('span', { className: 'n2s-muted n2s-small' }, fmt(t, 'schema.tables', { count: schema.tables.length }), ' · ', fmt(t, 'schema.relations', { count: schema.relations.length }), ' · ', fmt(t, 'schema.analyzedAt', { time: new Date(schema.analyzedAt).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) })),
           h('span', { className: 'n2s-grow' }),
@@ -3076,7 +3562,7 @@ window.__ModuleLoader__.load({
      * Hidden once every required step is done or the user dismisses it.
      */
     function Onboarding({ t, ds, onNavigate, onAsk, examples }) {
-      const st = useAsync(() => call('onboardingStatus').catch(() => null), [ds?.id, ds?.schemaAnalyzedAt])
+      const st = useAsync(() => call('onboardingStatus').catch(() => null), [ds?.id, ds?.schemaAnalyzedAt], [])
       const [busy, setBusy] = useState(false)
       const v = st.value
       if (!v || v.dismissed) return null
@@ -3115,12 +3601,21 @@ window.__ModuleLoader__.load({
       const [exOffset, setExOffset] = useState(0)
       const [recentLimit, setRecentLimit] = useState(8)
       const [hiddenRecent, setHiddenRecent] = useState(() => new Set())
-      useEffect(() => { setExOffset(0); setRecentLimit(8) }, [ds?.id])
-      const sugg = useAsync(() => (ds ? call('askSuggestions', { datasourceId: ds.id, locale: uiLang, offset: exOffset, pageSize: 6, recentLimit }).catch(() => null) : null), [ds?.id, ds?.schemaAnalyzedAt, uiLang, exOffset, recentLimit])
-      // Keep the previous page on screen while the next one loads (no flicker on 换一批).
-      const [shown, setShown] = useState(null)
-      useEffect(() => { if (sugg.value) { setShown(sugg.value); setHiddenRecent(new Set()) } }, [sugg.value])
-      const data = sugg.value ?? shown
+      // Data source switched: reset paging and per-source results during render, so the
+      // first request for the new source already uses offset 0 (no extra fetch).
+      const [stateFor, setStateFor] = useState(ds?.id)
+      if (stateFor !== ds?.id) {
+        setStateFor(ds?.id)
+        setExOffset(0); setRecentLimit(8); setHiddenRecent(new Set())
+        setResult(null); setPlan(null); setError(null)
+      }
+      const pageOffset = stateFor === ds?.id ? exOffset : 0
+      const pageRecent = stateFor === ds?.id ? recentLimit : 8
+      // Scoped by data source + language: within one source the previous page stays on
+      // screen while the next loads (no flicker on 换一批); another source's never does.
+      const sugg = useAsync(() => (ds ? call('askSuggestions', { datasourceId: ds.id, locale: uiLang, offset: pageOffset, pageSize: 6, recentLimit: pageRecent }).catch(() => null) : null), [ds?.id, ds?.schemaAnalyzedAt, uiLang, pageOffset, pageRecent], [ds?.id, uiLang])
+      useEffect(() => { if (sugg.value && !sugg.stale) setHiddenRecent(new Set()) }, [sugg.value])
+      const data = sugg.value
       const examples = data?.examples?.length ? data.examples : [t('ask.ex.tables'), t('ask.ex.biggest')]
       const canShuffle = (data?.total ?? 0) > (data?.pageSize ?? 6)
       const recent = (data?.recent ?? []).filter(r => !hiddenRecent.has(r.question))
@@ -3129,27 +3624,33 @@ window.__ModuleLoader__.load({
         setHiddenRecent(x => new Set(x).add(r.question))
         try { const res = await call('deleteHistory', { title: r.question, datasourceId: ds.id }); notify(fmt(t, 'ask.deletedN', { n: res.deleted }), 'ok') } catch (e) { notifyError(e); setHiddenRecent(x => { const n = new Set(x); n.delete(r.question); return n }) }
       }
+      const currentDs = useRef(ds?.id)
+      currentDs.current = ds?.id
       const run = async (confirmScan = false) => {
+        const forId = ds.id
         setRunning(true); setError(null)
         try {
-          setResult(await call('runQuery', { sql, datasourceId: ds.id, title: '', confirmScan }))
+          const r = await call('runQuery', { sql, datasourceId: forId, title: '', confirmScan })
+          if (currentDs.current === forId) setResult(r)
         } catch (e) {
-          if (e.code === 'nl2sql/scan-guard' && await confirmDialog({ title: t('sql.confirmScan'), message: e.message })) { setRunning(false); return run(true) }
-          setError(e.message)
+          if (e.code === 'nl2sql/scan-guard' && currentDs.current === forId && await confirmDialog({ title: t('sql.confirmScan'), message: e.message })) { setRunning(false); return run(true) }
+          if (currentDs.current === forId) setError(e.message)
         }
         setRunning(false)
       }
       const explain = async () => {
+        const forId = ds.id
         setRunning(true); setError(null)
-        try { setPlan(await call('explain', { sql, datasourceId: ds.id })) } catch (e) { setError(e.message) }
+        try { const p = await call('explain', { sql, datasourceId: forId }); if (currentDs.current === forId) setPlan(p) } catch (e) { if (currentDs.current === forId) setError(e.message) }
         setRunning(false)
       }
       const submit = () => { if (question.trim()) { onAsk(question.trim()); setQuestion('') } }
       const [uploading, setUploading] = useState(false)
       const [sqlOpen, setSqlOpen] = useState(false)
-      const tableCount = ds?.tableCount ?? sugg.value?.tableCount
+      const tableCount = ds?.tableCount ?? data?.tableCount
       return h('div', null,
         h(Onboarding, { t, ds, onNavigate, onAsk, examples }),
+        ...extend.askPanels.map((C, k) => h(C, { key: `ap${k}`, t, ds, onAsk, onNavigate })),
         h('div', { className: 'n2s-hero' },
           h('h2', null, t('ask.heroTitle')),
           h('p', null, ds ? (ds.schemaAnalyzedAt ? (tableCount ? fmt(t, 'ask.heroSub', { name: ds.name, tables: tableCount }) : fmt(t, 'ask.heroSubShort', { name: ds.name })) : fmt(t, 'ask.heroSubNoSchema', { name: ds.name })) : t('ask.hint'))),
@@ -3196,15 +3697,16 @@ window.__ModuleLoader__.load({
             result && h('div', { className: 'n2s-card', style: { marginTop: 12 } }, h(ResultView, { result, t, hideSql: true })))))
     }
 
-    /** "3 分钟前" style relative time. */
+    /** "3 分钟前" style relative time in the UI language; future or older than a week → the date. */
     function relTime(t, at) {
       if (!at) return ''
       const d = (Date.now() - at) / 1000
+      if (d < -60) return new Date(at).toLocaleDateString(uiLocale())
       if (d < 60) return t('time.justNow')
       if (d < 3600) return fmt(t, 'time.minAgo', { n: Math.floor(d / 60) })
       if (d < 86400) return fmt(t, 'time.hourAgo', { n: Math.floor(d / 3600) })
       if (d < 86400 * 7) return fmt(t, 'time.dayAgo', { n: Math.floor(d / 86400) })
-      return new Date(at).toLocaleDateString()
+      return new Date(at).toLocaleDateString(uiLocale())
     }
 
     function PlanTable({ plan }) {
@@ -3290,6 +3792,7 @@ window.__ModuleLoader__.load({
     }
     function KnowledgeEditor({ kind, item, t, fields, schema, noteKeys, onCancel, onSave }) {
       const [form, setForm] = useState(() => ({ ...item, ...(Array.isArray(item?.synonyms) ? { synonyms: item.synonyms.join('，') } : {}) }))
+      const [busy, runBusy] = useBusy()
       return h('div', { className: 'n2s-card', style: { marginBottom: 12 } },
         h('div', { className: 'n2s-form' }, fields.map(([key, label, type]) => h('label', { key, className: `n2s-field ${type === 'textarea' || type?.startsWith('code') ? 'full' : ''}` },
           h('span', null, t(label)),
@@ -3300,19 +3803,19 @@ window.__ModuleLoader__.load({
         h('datalist', { id: 'n2s-notekeys' }, noteKeys.slice(0, 2000).map(k2 => h('option', { key: k2, value: k2 }))),
         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: () => onSave(form) }, t('ds.save'))))
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: () => runBusy(() => onSave(form)) }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
     }
 
     function KnowledgeTab({ t, ds }) {
       const kb = useAsync(() => (ds ? call('getKnowledge', { datasourceId: ds.id }) : null), [ds?.id])
-      const schema = useAsync(() => (ds?.schemaAnalyzedAt ? call('analyzeSchema', { id: ds.id }) : null), [ds?.id, ds?.schemaAnalyzedAt])
+      const schema = useAsync(() => (ds?.schemaAnalyzedAt ? call('analyzeSchema', { id: ds.id }) : null), [ds?.id, ds?.schemaAnalyzedAt], [ds?.id])
       const [section, setSection] = useState('glossary')
       const [editing, setEditing] = useState(null)
       const [error, setError] = useState(null)
       const [drafts, setDrafts] = useState(null)
       const noteKeys = useMemo(() => (schema.value?.tables ?? []).flatMap(tb => [tb.name, ...tb.columns.map(c => `${tb.name}.${c.name}`)]), [schema.value])
       const allDatasources = useStore(s2 => s2.datasources)
-      const sgCount = useAsync(() => (ds ? call('suggestionCount', { datasourceId: ds.id }) : null), [ds?.id, kb.value])
+      const sgCount = useAsync(() => (ds ? call('suggestionCount', { datasourceId: ds.id }) : null), [ds?.id, kb.value], [ds?.id])
       if (!ds) return null
       const k = kb.value ?? { glossary: [], metrics: [], notes: {}, examples: [] }
       const save = async (kind, item) => {
@@ -3321,7 +3824,7 @@ window.__ModuleLoader__.load({
       }
       const remove = async (kind, id) => {
         if (!await confirmDialog({ title: t('kb.deleteConfirm'), danger: true })) return
-        await call('deleteKnowledgeItem', { datasourceId: ds.id, kind, id }).catch(e => setError(e.message))
+        try { await call('deleteKnowledgeItem', { datasourceId: ds.id, kind, id }) } catch (e) { setError(e.message) }
         kb.reload()
       }
       const FIELDS = {
@@ -3346,7 +3849,7 @@ window.__ModuleLoader__.load({
       if (section === 'glossary') list = k.glossary.length ? k.glossary.map(g => item(g.id, h(React.Fragment, null, g.term, g.synonyms?.length ? h('span', { className: 'n2s-muted n2s-small' }, `  ${g.synonyms.join(' / ')}`) : null),
         h('div', null, h('div', null, g.definition), g.sql && h('code', { className: 'n2s-md-code', style: { display: 'inline-block', marginTop: 6 } }, g.sql)), 'glossary', g)) : empty(t('kb.glossaryEmpty'))
       if (section === 'metric') list = k.metrics.length ? k.metrics.map(m => item(m.id, h(React.Fragment, null, m.name, m.unit ? h('span', { className: 'n2s-badge', style: { marginLeft: 6 } }, m.unit) : null),
-        h('div', null, h('div', { className: 'n2s-mono n2s-small' }, `${m.expression}${m.table ? ` FROM ${m.table}` : ''}${m.filter ? ` WHERE ${m.filter}` : ''}`), m.timeColumn && h('div', { className: 'n2s-muted n2s-small' }, `${t('kb.timeColumn')}: ${m.timeColumn}${m.dimensions?.length ? ` · ${t('kb.dimensions')}: ${m.dimensions.join(uiLang === 'zh' ? '、' : ', ')}` : ''}${m.synonyms?.length ? ` · ${t('kb.synonymsLabel')}: ${m.synonyms.join(uiLang === 'zh' ? '、' : ', ')}` : ''}`), m.description && h('div', { className: 'n2s-muted n2s-small' }, m.description)), 'metric', m)) : empty(t('kb.metricsEmpty'))
+        h('div', null, h('div', { className: 'n2s-mono n2s-small' }, `${m.expression}${m.table ? ` FROM ${m.table}` : ''}${m.filter ? ` WHERE ${m.filter}` : ''}`), m.timeColumn && h('div', { className: 'n2s-muted n2s-small' }, `${t('kb.timeColumn')}: ${m.timeColumn}${m.dimensions?.length ? ` · ${t('kb.dimensions')}: ${joinList(m.dimensions)}` : ''}${m.synonyms?.length ? ` · ${t('kb.synonymsLabel')}: ${joinList(m.synonyms)}` : ''}`), m.description && h('div', { className: 'n2s-muted n2s-small' }, m.description)), 'metric', m)) : empty(t('kb.metricsEmpty'))
       if (section === 'note') {
         const entries = Object.entries(k.notes).sort(([a], [b]) => a.localeCompare(b))
         list = h(React.Fragment, null,
@@ -3371,7 +3874,7 @@ window.__ModuleLoader__.load({
     }
     function HistoryTab({ t, datasources, onOpenSession }) {
       const [filters, setFilters] = useState({ status: '', source: '', datasourceId: '', search: '' })
-      const list = useAsync(() => call('listHistory', { ...filters, limit: 300 }), [filters.status, filters.source, filters.datasourceId, filters.search])
+      const list = useAsync(() => call('listHistory', { ...filters, limit: 300 }), [filters.status, filters.source, filters.datasourceId, filters.search], [])
       const [open, setOpen] = useState(null)
       const [rerun, setRerun] = useState(null)
       const [removed, setRemoved] = useState(() => new Set())
@@ -3397,13 +3900,7 @@ window.__ModuleLoader__.load({
       }, [rows])
       const [search, setSearch] = useState('')
       useEffect(() => { const id = setTimeout(() => setFilters(f => (f.search === search ? f : { ...f, search })), 250); return () => clearTimeout(id) }, [search])
-      const rel = (at) => {
-        const d = (Date.now() - at) / 1000
-        if (d < 60) return t('time.justNow')
-        if (d < 3600) return fmt(t, 'time.minAgo', { n: Math.floor(d / 60) })
-        if (d < 86400) return fmt(t, 'time.hourAgo', { n: Math.floor(d / 3600) })
-        return new Date(at).toLocaleDateString()
-      }
+      const rel = (at) => relTime(t, at)
       const statusDot = (st) => h('span', { className: `n2s-statusdot ${st === 'error' ? 'err' : st === 'blocked' ? 'warn' : 'ok'}` }, t(`hist.status.${st ?? 'ok'}`))
       const oneLine = (sql) => sql.replace(/\s+/g, ' ').trim()
       return h('div', null,
@@ -3418,7 +3915,7 @@ window.__ModuleLoader__.load({
           h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
             { label: t('hist.export'), icon: Icon.download(14), disabled: rows.length === 0, onClick: exportCsv },
             { divider: true },
-            { label: t('hist.clear'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: t('hist.clearConfirm'), danger: true })) { await call('clearHistory'); list.reload() } } },
+            { label: t('hist.clear'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: t('hist.clearConfirm'), danger: true })) { try { await call('clearHistory') } catch (e) { notifyError(e) } list.reload() } } },
           ] })),
         list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
         list.loading && !list.value && h('div', { className: 'n2s-skel', style: { height: 240 } }),
@@ -3432,7 +3929,7 @@ window.__ModuleLoader__.load({
               h('span', { className: 'n2s-hist-what' },
                 h('span', { className: `n2s-hist-title ${r.title ? '' : 'none'}` }, r.title || r.error?.slice(0, 80) || t('hist.untitled')),
                 h('span', { className: 'n2s-hist-sql', title: oneLine(r.sql).slice(0, 400) }, oneLine(r.sql).slice(0, 300))),
-              h('span', { className: 'n2s-hist-when' }, h('span', { title: new Date(r.at).toLocaleString() }, rel(r.at)), h('span', { className: 'src' }, `${t(`hist.source.${r.source}`)} · ${r.datasourceName ?? ''}`)),
+              h('span', { className: 'n2s-hist-when' }, h('span', { title: new Date(r.at).toLocaleString(uiLocale()) }, rel(r.at)), h('span', { className: 'src' }, `${sourceLabel(t, r.source)} · ${r.datasourceName ?? ''}`)),
               h('span', { className: 'n2s-hist-num' }, r.rows !== undefined ? fmt(t, 'result.rows', { count: r.rows }) : '—', h('br'), r.elapsedMs !== undefined ? `${r.elapsedMs} ms` : ''),
               h('span', { className: 'n2s-hist-chev' }, Icon.chev(12))),
             h('button', { type: 'button', className: 'n2s-iconbtn n2s-rowdel', title: t('hist.deleteOne'), 'aria-label': `${t('hist.deleteOne')}: ${r.title || t('hist.untitled')}`, onClick: () => removeRow(r) }, Icon.trash(14))),
@@ -3442,7 +3939,7 @@ window.__ModuleLoader__.load({
                 h('pre', { className: 'n2s-code', style: { maxHeight: 220, paddingRight: 44 } }, prettySql(r.sql)),
                 h('button', { type: 'button', className: 'n2s-iconbtn', style: { position: 'absolute', top: 6, right: 6 }, title: t('result.copy'), 'aria-label': t('result.copy'), onClick: () => navigator.clipboard?.writeText(r.sql) }, Icon.copy(14))),
               h('div', { className: 'n2s-row' },
-                h('span', { className: 'n2s-faint n2s-small n2s-grow' }, new Date(r.at).toLocaleString()),
+                h('span', { className: 'n2s-faint n2s-small n2s-grow' }, new Date(r.at).toLocaleString(uiLocale())),
                 r.sessionId && h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => onOpenSession(r.sessionId) }, Icon.external(13), t('hist.openSession')),
                 h('button', {
                   type: 'button', className: 'n2s-btn small',
@@ -3455,6 +3952,15 @@ window.__ModuleLoader__.load({
               rerun?.id === r.id && (rerun.busy ? h('div', { className: 'n2s-skel', style: { height: 200 } }) : rerun.error ? h('div', { className: 'n2s-notice err' }, rerun.error) : h('div', { className: 'n2s-card' }, h(ResultView, { result: rerun.result, t, hideSql: true })))))
         })))
     }
+
+    const HIST_SOURCES = ['agent', 'ui', 'dashboard', 'alert', 'eval', 'larkbot', 'telegrambot', 'wecombot', 'dingtalkbot']
+    /** Label of a history `source`; unknown sources (a new bot platform…) fall back to a generic label. */
+    function sourceLabel(t, source) {
+      if (!source) return t('hist.source.unknown')
+      if (HIST_SOURCES.includes(source)) return t(`hist.source.${source}`)
+      const bot = /^(.+)bot$/.exec(source)
+      return bot ? fmt(t, 'hist.source.genericBot', { platform: bot[1] }) : source
+    }
     function OverviewGrid({ t, results, pinned }) {
       const [sending, setSending] = useState(false)
       const ok = results.filter(r => !r.error && r.resultId)
@@ -3532,7 +4038,7 @@ window.__ModuleLoader__.load({
           h('span', { className: 'n2s-tile', 'aria-hidden': true }, svg(16, [h('circle', { key: 1, cx: 8, cy: 8, r: 5.5 }), h('path', { key: 2, d: 'M8 5v3.2l2 1.3' })])),
           h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
             h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, r.title), r.channelName && h('span', { className: 'n2s-badge' }, Icon.send(11), r.channelName)),
-            h('div', { className: 'n2s-list2-sub' }, `${t(`rep.period.${r.period}`)} ${r.period === 'weekly' ? r.weekdays.map(d => t(`rep.wd.${d}`)).join(uiLang === 'zh' ? '、' : ', ') + ' ' : ''}${r.time.slice(0, 5)} · ${r.datasourceName} · ${r.scope === 'question' ? r.question : t('rep.scope.dashboard')}`)),
+            h('div', { className: 'n2s-list2-sub' }, `${t(`rep.period.${r.period}`)} ${r.period === 'weekly' ? r.weekdays.map(d => t(`rep.wd.${d}`)).join(listSep()) + ' ' : ''}${r.time.slice(0, 5)} · ${r.datasourceName} · ${r.scope === 'question' ? r.question : t('rep.scope.dashboard')}`)),
           h('div', { className: 'n2s-list2-side' },
             statusDot(r.status),
             h('span', { className: 'n2s-faint n2s-small' }, r.scheduledAt && r.status === 'active' ? `${t('rep.next')} ${new Date(r.scheduledAt).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })}` : '')),
@@ -3548,25 +4054,32 @@ window.__ModuleLoader__.load({
     }
     function FeedbackForm({ t, onCancel, onSubmit }) {
       const [comment, setComment] = useState('')
+      const [busy, runBusy] = useBusy()
       const reasons = ['fb.reason.wrongTable', 'fb.reason.wrongMetric', 'fb.reason.wrongFilter', 'fb.reason.wrongTime', 'fb.reason.chart']
       return h('div', { className: 'n2s-card', style: { padding: 10 } },
         h('div', { className: 'n2s-small', style: { marginBottom: 6 } }, t('fb.whatWrong')),
-        h('div', { className: 'n2s-chips', style: { marginBottom: 6 } }, reasons.map(r => h('button', { key: r, type: 'button', className: 'n2s-chip', onClick: () => setComment(c => (c ? `${c}；${t(r)}` : t(r))) }, t(r)))),
+        h('div', { className: 'n2s-chips', style: { marginBottom: 6 } }, reasons.map(r => h('button', { key: r, type: 'button', className: 'n2s-chip', onClick: () => setComment(c => (c ? joinClauses([c, t(r)]) : t(r))) }, t(r)))),
         h('textarea', { className: 'n2s-textarea', style: { minHeight: 56 }, value: comment, onChange: e => setComment(e.target.value), placeholder: t('fb.commentPh') }),
         h('div', { className: 'n2s-row', style: { marginTop: 8, justifyContent: 'flex-end' } },
           h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: onCancel }, t('ds.cancel')),
-          h('button', { type: 'button', className: 'n2s-btn small primary', onClick: () => onSubmit(comment.trim()) }, t('fb.submit'))))
+          h('button', { type: 'button', className: 'n2s-btn small primary', disabled: busy, onClick: () => runBusy(() => onSubmit(comment.trim())) }, busy ? h('span', { className: 'n2s-spin' }) : null, t('fb.submit'))))
     }
 
     function FeedbackSection({ t, ds }) {
       const [status, setStatus] = useState('open')
-      const list = useAsync(() => call('listFeedback', { datasourceId: ds?.id, ...(status ? { status } : {}) }), [ds?.id, status])
-      const stats = useAsync(() => call('feedbackStats', { datasourceId: ds?.id }), [ds?.id, list.value])
+      const list = useAsync(() => call('listFeedback', { datasourceId: ds?.id, ...(status ? { status } : {}) }), [ds?.id, status], [ds?.id])
+      const stats = useAsync(() => call('feedbackStats', { datasourceId: ds?.id }), [ds?.id, list.value], [ds?.id])
       const [fixing, setFixing] = useState(null)
       const [error, setError] = useState(null)
-      const resolve = async (payload) => {
+      const [busy, runBusy] = useBusy()
+      const resolve = (payload) => runBusy(async () => {
         setError(null)
         try { await call('resolveFeedback', payload); setFixing(null); list.reload() } catch (e) { setError(e.message) }
+      })
+      const remove = async (f) => {
+        if (!await confirmDialog({ title: t('fb.deleteConfirm'), message: f.question || f.title || '', confirmLabel: t('ds.delete'), danger: true })) return
+        try { await call('deleteFeedback', { id: f.id }) } catch (e) { notifyError(e) }
+        list.reload()
       }
       const st = stats.value
       return h('div', null,
@@ -3588,13 +4101,13 @@ window.__ModuleLoader__.load({
                 h('span', { className: 'n2s-muted n2s-small' }, new Date(f.at).toLocaleString())),
               f.comment && h('div', { className: 'n2s-small', style: { marginTop: 4 } }, f.comment),
               h('pre', { className: 'n2s-code', style: { marginTop: 6 } }, f.correctedSql || f.sql),
-              f.resolution && h('div', { className: 'n2s-muted n2s-small', style: { marginTop: 4 } }, `${t('fb.resolution')}: ${f.resolution}`)),
+              f.resolution && h('div', { className: 'n2s-muted n2s-small', style: { marginTop: 4 } }, `${colon(t('fb.resolution'))}${f.resolution}`)),
             h('div', { style: { display: 'grid', gap: 4 } },
               f.sessionId && h('button', { type: 'button', className: 'n2s-btn small', onClick: () => fbCtx.openSession?.(f.sessionId) }, t('hist.openSession')),
               f.status === 'open' && h('button', { type: 'button', className: 'n2s-btn small primary', onClick: () => setFixing({ id: f.id, sql: f.sql, question: f.question || f.title, resolution: '' }) }, t('fb.fix')),
               f.status === 'open' && h('button', { type: 'button', className: 'n2s-btn small', onClick: () => resolve({ id: f.id, status: 'ignored' }) }, t('fb.ignore')),
               f.rating === 'up' && !f.savedAsExample && h('button', { type: 'button', className: 'n2s-btn small', onClick: () => resolve({ id: f.id, status: 'resolved', saveExample: true }) }, t('kb.saveExample')),
-              h('button', { type: 'button', className: 'n2s-btn small ghost danger', onClick: async () => { await call('deleteFeedback', { id: f.id }); list.reload() } }, t('ds.delete')))),
+              h('button', { type: 'button', className: 'n2s-btn small ghost danger', onClick: () => remove(f) }, t('ds.delete')))),
           fixing?.id === f.id && h('div', { className: 'n2s-ask', style: { marginTop: 10 } },
             h('label', { className: 'n2s-field' }, h('span', null, t('kb.question')), h('input', { className: 'n2s-input', value: fixing.question, onChange: e => setFixing(x => ({ ...x, question: e.target.value })) })),
             h('label', { className: 'n2s-field' }, h('span', null, t('fb.correctedSql')), h('textarea', { className: 'n2s-textarea n2s-mono', style: { minHeight: 120 }, spellCheck: false, value: fixing.sql, onChange: e => setFixing(x => ({ ...x, sql: e.target.value })) })),
@@ -3640,10 +4153,16 @@ window.__ModuleLoader__.load({
             area('maskedColumns', 'policy.maskedColumns', 'users.phone\\n*.email')),
           h('div', null,
             h('div', { className: 'n2s-muted n2s-small', style: { marginBottom: 6 } }, tables.length ? fmt(t, 'policy.preview', { allowed: allowed.length, total: tables.length }) : t('schema.notAnalyzed')),
-            h('div', { className: 'n2s-list', style: { maxHeight: 320 } }, tables.map(tb => {
+            h('div', { className: 'n2s-list', role: 'group', 'aria-label': t('policy.tablesLabel'), style: { maxHeight: 320 } }, tables.map(tb => {
               const ok = allowed.includes(tb)
-              return h('div', { key: tb.name, className: 'n2s-item', style: { cursor: form.mode === 'all' ? 'default' : 'pointer', opacity: ok ? 1 : 0.5 }, onClick: () => form.mode !== 'all' && toggleTable(tb.name) },
-                h('span', null, ok ? '✓' : '✕'), h('span', { className: 'name n2s-mono' }, tb.name), roleBadge(t, tb.role))
+              const editable = form.mode !== 'all'
+              return h('div', {
+                key: tb.name, className: 'n2s-item', style: { cursor: editable ? 'pointer' : 'default', opacity: ok ? 1 : 0.5 },
+                role: 'checkbox', 'aria-checked': ok, 'aria-disabled': editable ? undefined : true, tabIndex: editable ? 0 : -1, 'aria-label': tb.name,
+                onClick: () => editable && toggleTable(tb.name),
+                onKeyDown: (e) => { if (editable && (e.key === ' ' || e.key === 'Enter')) { e.preventDefault(); toggleTable(tb.name) } },
+              },
+                h('span', { 'aria-hidden': true }, ok ? '✓' : '✕'), h('span', { className: 'name n2s-mono' }, tb.name), roleBadge(t, tb.role))
             })),
             form.mode !== 'all' && tables.length > 0 && h('div', { className: 'n2s-muted n2s-small', style: { marginTop: 6 } }, t('policy.clickHint')))),
         error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error),
@@ -3662,8 +4181,16 @@ window.__ModuleLoader__.load({
         const next = patch === null ? null : { kind: 'time', column: time?.column ?? cand.value?.time[0]?.column ?? 'created_at', range: 'last30d', ...time, ...patch }
         onChange([...(next ? [next] : []), ...ins])
       }
-      const setIn = (column, values) => onChange([...(time ? [time] : []), ...ins.filter(f => f.column !== column), ...(values.length ? [{ kind: 'in', column, values }] : [])])
+      // keep: an emptied free-text field keeps its tag (with no values) instead of disappearing.
+      const setIn = (column, values, keep) => {
+        const others = ins.filter(f => f.column !== column)
+        const at = ins.findIndex(f => f.column === column)
+        const mine = values.length || keep ? [{ kind: 'in', column, values }] : []
+        const next = at < 0 ? [...others, ...mine] : [...others.slice(0, at), ...mine, ...others.slice(at)]
+        onChange([...(time ? [time] : []), ...next])
+      }
       const c = cand.value ?? { time: [], dims: [] }
+      const activeN = filters.filter(f => f.kind !== 'in' || f.values.length > 0).length
       return h('div', { className: 'n2s-filterbar', role: 'group', 'aria-label': t('filter.title') },
         h('span', { className: 'n2s-faint', style: { display: 'inline-flex' } }, svg(14, [h('path', { key: 1, d: 'M2.5 3.5h11l-4.2 5v4l-2.6 1.2V8.5L2.5 3.5z' })])),
         h('select', { className: 'n2s-select', value: time ? time.range : '', onChange: e => setTime(e.target.value ? { range: e.target.value } : null), 'aria-label': t('filter.range') },
@@ -3680,7 +4207,7 @@ window.__ModuleLoader__.load({
             h('span', { className: 'n2s-muted' }, dim?.label ?? f.column),
             dim?.values?.length
               ? h('select', { className: 'n2s-select', 'aria-label': dim.label, value: f.values[0] ?? '', onChange: e => setIn(f.column, e.target.value ? [e.target.value] : []) }, dim.values.map(v => h('option', { key: v, value: v }, v)))
-              : h('input', { className: 'n2s-input', style: { width: 120, height: 26, border: 0 }, value: f.values.join(','), onChange: e => setIn(f.column, e.target.value.split(/[,，]/).map(x => x.trim()).filter(Boolean)) }),
+              : h(FilterValuesInput, { key: f.column, t, label: dim?.label ?? f.column, values: f.values, onCommit: (values) => setIn(f.column, values, true) }),
             h('button', { type: 'button', className: 'n2s-iconbtn', style: { width: 22, height: 22 }, 'aria-label': t('filter.remove'), onClick: () => setIn(f.column, []) }, Icon.close(11)))
         }),
         c.dims.filter(d => !ins.some(f => f.column === d.column)).length > 0 && h(Dropdown, {
@@ -3689,9 +4216,39 @@ window.__ModuleLoader__.load({
           items: c.dims.filter(d => !ins.some(f => f.column === d.column)).map(d => ({ label: d.label === d.column ? d.column : `${d.label}`, hint: d.label === d.column ? '' : d.column, onClick: () => setIn(d.column, d.values?.slice(0, 1) ?? []) })),
         }),
         h('span', { className: 'n2s-grow' }),
-        filters.length > 0 && h('span', { className: 'n2s-faint n2s-small', title: t('filter.hint') }, fmt(t, 'filter.activeN', { count: filters.length })),
+        activeN > 0 && h('span', { className: 'n2s-faint n2s-small', title: t('filter.hint') }, fmt(t, 'filter.activeN', { count: activeN })),
         filters.length > 0 && h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => onChange([]) }, t('filter.clear')))
     }
+
+    /**
+     * Free-text values of an "in" filter: typed into a local draft (commas allowed,
+     * clearing does not remove the tag) and committed on Enter, blur or after a pause.
+     */
+    function FilterValuesInput({ t, label, values, onCommit }) {
+      const joined = values.join(', ')
+      const [draft, setDraft] = useState(joined)
+      const committed = useRef(joined)
+      // Adopt outside changes (clear all, another board) when not mid-edit.
+      useEffect(() => { if (joined !== committed.current) { committed.current = joined; setDraft(joined) } }, [joined])
+      const parse = (s) => s.split(/[,，]/).map(x => x.trim()).filter(Boolean)
+      const commit = (s) => {
+        const next = parse(s)
+        if (next.join('\u0000') === parse(committed.current).join('\u0000')) return
+        committed.current = next.join(', ')
+        onCommit(next)
+      }
+      useEffect(() => {
+        if (draft === committed.current) return
+        const id = setTimeout(() => commit(draft), 800)
+        return () => clearTimeout(id)
+      }, [draft])
+      return h('input', {
+        className: 'n2s-input', style: { width: 120, height: 26, border: 0 }, 'aria-label': label, placeholder: t('filter.valuesPh'), value: draft,
+        onChange: e => setDraft(e.target.value),
+        onBlur: () => commit(draft),
+        onKeyDown: (e) => { if (e.key === 'Enter' && !e.nativeEvent?.isComposing) { e.preventDefault(); commit(draft) } },
+      })
+    }
     // ------------------------------------------------------------ IM push
 
     function makeReplyAction(ctx) {
@@ -4073,6 +4630,11 @@ window.__ModuleLoader__.load({
       }, [])
       const [state, setState] = useState(null)
       const ref = useRef(null)
+      useFocusTrap(ref)
+      const closeTimer = useRef(null)
+      useEffect(() => () => clearTimeout(closeTimer.current), [])
+      const busyRef = useRef(false)
+      busyRef.current = Boolean(state?.busy)
       useEffect(() => {
         const def = channels.find(c => c.isDefault) ?? channels[0]
         if (def && !form.channelId) setForm(f => ({ ...f, channelId: def.id }))
@@ -4080,11 +4642,14 @@ window.__ModuleLoader__.load({
       useEffect(() => {
         const prev = document.activeElement
         ref.current?.querySelector('select, textarea, input, button')?.focus()
-        const onKey = (e) => { if (e.key === 'Escape') onClose() }
+        // Escape belongs to a confirm/prompt dialog on top, if any.
+        const onKey = (e) => { if (e.key === 'Escape' && !feedbackStore.get().dialog) onClose() }
         document.addEventListener('keydown', onKey)
         return () => { document.removeEventListener('keydown', onKey); prev?.focus?.() }
       }, [])
       const send = async () => {
+        if (busyRef.current) return
+        busyRef.current = true
         setState({ busy: true })
         try {
           const res = initial.dashboard
@@ -4092,7 +4657,7 @@ window.__ModuleLoader__.load({
             : 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)
+          closeTimer.current = setTimeout(onClose, 1200)
         } catch (e) {
           setState({ error: e.message })
         }
@@ -4159,6 +4724,7 @@ window.__ModuleLoader__.load({
     /** Modal shell: portal, backdrop, Escape, initial focus and focus restore. */
     function Modal({ label, labelledBy, onClose, width, children, className }) {
       const box = useRef(null)
+      useFocusTrap(box)
       useEffect(() => {
         const prev = document.activeElement
         setTimeout(() => box.current?.querySelector('[data-autofocus], input:not([type=checkbox]), select, button:not(.n2s-modal-x)')?.focus(), 0)
@@ -4184,13 +4750,13 @@ window.__ModuleLoader__.load({
             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('ul', { className: 'n2s-kindcards', 'aria-labelledby': 'n2s-wiz-klabel', onKeyDown: (e) => arrowNav(e, false) },
+            (p.kinds ?? []).map(k => h('li', { key: k.id, className: 'n2s-kindcard-li' }, h('button', { type: 'button', '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'))))))))
+                k.capabilities?.bot && h('span', { className: 'n2s-faint n2s-small' }, t('ch.noPublicUrl')))))))))
     }
 
     // ---------------------------------------------------------------- step 2
@@ -4427,7 +4993,7 @@ window.__ModuleLoader__.load({
 
     // ----------------------------------------------------------------- list
 
-    const shortTime = (ts) => new Date(ts).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+    const shortTime = (ts) => new Date(ts).toLocaleString(uiLocale(), { 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
@@ -4491,7 +5057,7 @@ window.__ModuleLoader__.load({
       const channels = useChannels()
       const bots = useBots()
       const { catalog } = useCatalog(t)
-      const deliveries = useAsync(() => call('listDeliveries'), [channels])
+      const deliveries = useAsync(() => call('listDeliveries'), [channels], [])
       const [editing, setEditing] = useState(null)
       // Pick up host upgrades (catalog, new channel shape) whenever the page opens.
       useEffect(() => { loadCatalog(); refreshChannels(); refreshBots() }, [])
@@ -4617,7 +5183,12 @@ window.__ModuleLoader__.load({
       useEffect(() => { if (!saved.loading && saved.value) { setFilters(saved.value); setFiltersFor(boardId) } }, [saved.value, saved.loading, boardId])
       const filtersReady = filters !== null && filtersFor === boardId
       const [sendingDash, setSendingDash] = useState(false)
-      const changeFilters = (next) => { setFilters(next); call('saveDashboardFilters', { filters: next }).catch(() => {}) }
+      // Saves are serialized so an older save can never land after a newer one.
+      const saveChain = useRef(Promise.resolve())
+      const changeFilters = (next) => {
+        setFilters(next)
+        saveChain.current = saveChain.current.then(() => call('saveDashboardFilters', { filters: next })).catch((e) => notifyError(e))
+      }
       const otherBoards = (boards.value?.dashboards ?? []).filter(d => d.id !== boards.value?.current)
       // Per-widget load status → header summary ("updated 10:42 · 2 from cache").
       const [loads, setLoads] = useState({})
@@ -4680,7 +5251,7 @@ window.__ModuleLoader__.load({
               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(uiLang === 'zh' ? '、' : ', ') })),
+            showSource && h('div', { className: 'n2s-faint n2s-small' }, fmt(t, 'dash.sources', { list: joinList(sourceIds.map(id => dsById.get(id)?.name ?? t('dash.sourceMissingShort'))) })),
             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,
@@ -4689,7 +5260,9 @@ window.__ModuleLoader__.load({
             h(Dropdown, { label: t('dash.export'), trigger: { className: 'n2s-btn small ghost', content: h(React.Fragment, null, Icon.download(13), h('span', { className: 'n2s-hide-narrow' }, t('dash.export')), Icon.chev(10)) }, items: [
               { label: t('result.excel'), icon: Icon.download(14), onClick: () => exportExcel({ dashboardId: boards.value?.current }) },
               { label: t('dash.snapshot'), icon: Icon.pin(14), onClick: async () => { try { const s = await call('snapshotDashboard', { dashboardId: boards.value?.current }); notify(fmt(t, 'dash.snapshotDone', { n: s.widgets.length }), 'ok') } catch (e) { notifyError(e) } } },
+              ...extItems(extend.dashboardMenu, { t, boardId: boards.value?.current, widgets, filters: filters ?? [] }),
             ] }),
+            ...extend.dashboardBar.map((C, i) => h(C, { key: `x${i}`, t, boardId: boards.value?.current, widgets, filters: filters ?? [] })),
             h(Dropdown, { label: t('dash.auto'), trigger: { className: 'n2s-btn small ghost', content: h(React.Fragment, null, Icon.refresh(13), h('span', { className: 'n2s-hide-narrow' }, auto ? fmt(t, 'dash.autoEvery', { min: auto / 60 }) : t('dash.autoShort')), Icon.chev(10)) },
               items: [0, 60, 300, 900].map(v => ({ label: v === 0 ? t('dash.autoOff') : fmt(t, 'dash.autoEvery', { min: v / 60 }), checked: auto === v, onClick: () => setAuto(v) })) }),
             h('button', { type: 'button', className: 'n2s-btn small', onClick: () => setTick(x => x + 1) }, t('dash.refresh')),
@@ -4701,7 +5274,7 @@ window.__ModuleLoader__.load({
         !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,
+          key: w.id, t, widget: w, tick, first: i === 0, last: i === widgets.length - 1, filters: filters ?? [], filterCount: (filters ?? []).filter(f => f.kind !== 'in' || f.values.length > 0).length,
           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() },
@@ -4756,24 +5329,32 @@ window.__ModuleLoader__.load({
           h('span', { className: 'n2s-wf-bar' }, h('span', { className: `n2s-wf-fill ${it.delta > 0 ? 'up' : it.delta < 0 ? 'down' : ''}`, style: { width: `${Math.max(2, Math.abs(it.delta) / max * 100)}%` } })),
           h('span', { className: 'n2s-wf-num' }, `${it.delta >= 0 ? '+' : ''}${formatCompact(it.delta)}`),
           h('span', { className: 'n2s-wf-share n2s-faint' }, it.share === null || Math.abs(it.share) > 3 ? '' : `${Math.round(it.share * 100)}%`)))),
-        why.dimensions.filter(d => !d.attribution).length > 0 && h('div', { className: 'n2s-faint n2s-small' }, `${colon(t('drill.failedDims'))}${why.dimensions.filter(d => !d.attribution).map(d => d.dimension).join(uiLang === 'zh' ? '、' : ', ')}`))
+        why.dimensions.filter(d => !d.attribution).length > 0 && h('div', { className: 'n2s-faint n2s-small' }, `${colon(t('drill.failedDims'))}${why.dimensions.filter(d => !d.attribution).map(d => d.dimension).join(listSep())}`))
     }
 
     // ------------------------------------------------------------ alerts
 
     function AlertForm({ t, initial, datasources, ds, onDone, onCancel }) {
       const channels = useChannels()
-      const [form, setForm] = useState(() => ({ name: '', datasourceId: ds?.id, source: 'metric', metric: '', grain: 'day', sql: '', every: 'hour', at: '09:00', cooldownMin: 60, channelId: channels.find(c => c.isDefault)?.id ?? '', mention: false, enabled: true, ...(initial ?? {}), condition: { type: 'change', direction: 'any', pct: 20, ...(initial?.condition ?? {}) } }))
+      const [form, setForm] = useState(() => ({ name: '', datasourceId: ds?.id, source: 'metric', metric: '', grain: 'day', sql: '', every: 'hour', at: '09:00', cooldownMin: 60, channelId: initial ? '' : (channels.find(c => c.isDefault)?.id ?? ''), mention: false, enabled: true, ...(initial ?? {}), condition: { type: 'change', direction: 'any', pct: 20, ...(initial?.condition ?? {}) } }))
       const k = useAsync(() => (form.datasourceId ? call('getKnowledge', { datasourceId: form.datasourceId }) : null), [form.datasourceId])
       const [error, setError] = useState(null)
       const [test, setTest] = useState(null)
+      const [busy, runBusy] = useBusy()
+      // Channels may load after the form opens: adopt the default once, unless the user already chose.
+      const channelTouched = useRef(Boolean(initial) || Boolean(form.channelId))
+      useEffect(() => {
+        if (channelTouched.current) return
+        const def = channels.find(c => c.isDefault)
+        if (def) { channelTouched.current = true; setForm(f => ({ ...f, channelId: def.id })) }
+      }, [channels])
       const set = (key) => (e) => setForm(f => ({ ...f, [key]: e.target.type === 'checkbox' ? e.target.checked : e.target.value }))
       const setC = (patch) => setForm(f => ({ ...f, condition: { ...f.condition, ...patch } }))
       const metrics = k.value?.metrics ?? []
-      const save = async () => {
+      const save = () => runBusy(async () => {
         setError(null)
         try { await call('saveAlert', { ...form, cooldownMin: Number(form.cooldownMin) }); onDone() } catch (e) { setError(e.message) }
-      }
+      })
       const tryIt = async () => {
         if (test?.busy) return
         setTest({ busy: true })
@@ -4802,24 +5383,24 @@ 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('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('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) => { channelTouched.current = true; 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}`),
+        test && h('div', { className: `n2s-notice ${test.error ? 'err' : test.triggered ? 'warn' : 'ok'}`, style: { marginTop: 10 } }, test.busy ? t('ds.testing') : test.error ?? `${colon(test.triggered ? t('al.wouldFire') : t('al.wouldNotFire'))}${test.message}`),
         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: test?.busy, onClick: tryIt }, t('al.test')),
-          h('button', { type: 'button', className: 'n2s-btn primary', onClick: save }, t('ds.save'))))
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
     }
 
     function AlertsTab({ t, ds, datasources }) {
       const list = useAsync(() => call('listAlerts'), [])
-      const events = useAsync(() => call('listAlertEvents', {}), [list.value])
+      const events = useAsync(() => call('listAlertEvents', {}), [list.value], [])
       const [editing, setEditing] = useState(null)
       const [notice, setNotice] = useState(null)
       const act = async (fn, ok) => { setNotice(null); try { const r = await fn(); if (ok) setNotice({ ok: true, text: typeof ok === 'function' ? ok(r) : ok }) } catch (e) { setNotice({ ok: false, text: e.message }) } list.reload() }
       const alerts = list.value ?? []
-      const sched = useAsync(() => call('schedulerStatus'), [list.value])
+      const sched = useAsync(() => call('schedulerStatus'), [list.value], [])
       const condText = (a) => a.condition.type === 'threshold' ? `${a.condition.op} ${a.condition.value}` : a.condition.type === 'change' ? `${t(`al.dir.${a.condition.direction ?? 'any'}`)} ≥ ${a.condition.pct}%` : a.condition.type === 'anomaly' ? `Z ≥ ${a.condition.z ?? 3}` : t('al.cond.missing')
       return h('div', null,
         h(SectionHead, { title: t('tab.alerts'), desc: t('al.hint') }, h('button', { type: 'button', className: 'n2s-btn primary', disabled: !ds, onClick: () => setEditing({}) }, '+ ', t('al.add'))),
@@ -4870,7 +5451,7 @@ window.__ModuleLoader__.load({
         const id = setInterval(() => { runs.reload(); set.reload() }, 3000)
         return () => clearInterval(id)
       }, [latest?.status, latest?.id])
-      const detail = useAsync(() => (open ? call('getEvalRun', { id: open }) : null), [open, latest?.done])
+      const detail = useAsync(() => (open ? call('getEvalRun', { id: open }) : null), [open, latest?.done], [open])
       const start = async () => { setError(null); try { await call('runEval', { datasourceId: ds.id, mode }); runs.reload() } catch (e) { setError(e.message) } }
       const cases = set.value ?? []
       return h('div', null,
@@ -4895,7 +5476,7 @@ window.__ModuleLoader__.load({
           c.status !== 'pass' && c.actualSql && h('details', { style: { marginTop: 6 } }, h('summary', { className: 'n2s-small n2s-muted', style: { cursor: 'pointer' } }, t('ev.compareSql')),
             h('div', { className: 'n2s-form', style: { marginTop: 6 } }, h('pre', { className: 'n2s-code' }, prettySql(c.expectedSql)), h('pre', { className: 'n2s-code' }, prettySql(c.actualSql))))))),
         !open && cases.length > 0 && h('div', { className: 'n2s-list2', style: { marginTop: 12 } }, cases.map(c => h('div', { key: c.id, className: 'n2s-list2-row', style: { padding: '8px 16px' } },
-          h('input', { type: 'checkbox', checked: c.enabled, 'aria-label': t('ev.include'), onChange: async (e) => { await call('setEvalCase', { datasourceId: ds.id, id: c.id, enabled: e.target.checked }); set.reload() } }),
+          h('input', { type: 'checkbox', checked: c.enabled, 'aria-label': t('ev.include'), onChange: async (e) => { try { await call('setEvalCase', { datasourceId: ds.id, id: c.id, enabled: e.target.checked }) } catch (err) { notifyError(err) } set.reload() } }),
           h('span', { className: 'n2s-grow n2s-ellipsis' }, c.question),
           c.lastStatus && h('span', { className: `n2s-statusdot ${c.lastStatus === 'pass' ? 'ok' : c.lastStatus === 'fail' ? 'warn' : 'err'}` }, t(`ev.status.${c.lastStatus}`))))))
     }
@@ -4903,16 +5484,16 @@ window.__ModuleLoader__.load({
     // ---------------------------------------------------- schema changes
 
     function SchemaChanges({ t, ds }) {
-      const list = useAsync(() => call('listSchemaChanges', { datasourceId: ds.id }), [ds.id, ds.schemaAnalyzedAt])
+      const list = useAsync(() => call('listSchemaChanges', { datasourceId: ds.id }), [ds.id, ds.schemaAnalyzedAt], [ds.id])
       const open = (list.value ?? []).filter(c => c.status === 'open')
       if (!open.length) return null
       const kindLabel = (k) => t(`sc.${k}`)
       return h('div', { className: 'n2s-notice warn', style: { marginBottom: 14 } },
         open.slice(0, 3).map(c => h('div', { key: c.id, style: { marginBottom: 6 } },
           h('div', { className: 'n2s-row' }, h('strong', null, fmt(t, 'sc.title', { count: c.changes.length, time: new Date(c.at).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) })), h('span', { className: 'n2s-grow' }),
-            h('button', { type: 'button', className: 'n2s-btn small', onClick: async () => { await call('ackSchemaChange', { id: c.id }); list.reload() } }, t('sc.ack'))),
-          h('div', { className: 'n2s-small', style: { marginTop: 4 } }, c.changes.slice(0, 8).map(x => `${kindLabel(x.kind)} ${x.table}${x.column ? `.${x.column}` : ''}${x.detail ? `（${x.detail}）` : ''}`).join('；')),
-          c.impacts.length > 0 && h('div', { className: 'n2s-small', style: { marginTop: 4 } }, h('strong', null, `${colon(t('sc.impacts'))}`), c.impacts.slice(0, 8).map(i => `${t(`sc.imp.${i.kind}`)}「${i.name}」`).join(uiLang === 'zh' ? '、' : ', ')))))
+            h('button', { type: 'button', className: 'n2s-btn small', onClick: async () => { try { await call('ackSchemaChange', { id: c.id }) } catch (e) { notifyError(e) } list.reload() } }, t('sc.ack'))),
+          h('div', { className: 'n2s-small', style: { marginTop: 4 } }, joinClauses(c.changes.slice(0, 8).map(x => `${kindLabel(x.kind)} ${x.table}${x.column ? `.${x.column}` : ''}${paren(x.detail)}`))),
+          c.impacts.length > 0 && h('div', { className: 'n2s-small', style: { marginTop: 4 } }, h('strong', null, `${colon(t('sc.impacts'))}`), joinList(c.impacts.slice(0, 8).map(i => `${t(`sc.imp.${i.kind}`)}${uiLang === 'zh' ? '' : ' '}${quoted(i.name)}`))))))
     }
 
     // -------------------------------------------------- knowledge io
@@ -4920,9 +5501,26 @@ window.__ModuleLoader__.load({
     function KnowledgeIO({ t, ds, datasources, onImported }) {
       const fileRef = useRef(null)
       const [state, setState] = useState(null)
+      const box = useRef(null)
+      useFocusTrap(box, Boolean(state))
+      // A dry run belongs to the data source it was computed for.
+      useEffect(() => { setState(null) }, [ds?.id])
+      useEffect(() => {
+        if (!state) return
+        const prev = document.activeElement
+        setTimeout(() => box.current?.querySelector('button.primary, button')?.focus(), 0)
+        const onKey = (e) => { if (e.key === 'Escape' && !feedbackStore.get().dialog && !busyRef.current) setState(null) }
+        document.addEventListener('keydown', onKey)
+        return () => { document.removeEventListener('keydown', onKey); prev?.focus?.() }
+      }, [Boolean(state)])
+      const [busy, runBusy] = useBusy()
+      const busyRef = useRef(false)
+      busyRef.current = busy
       const doExport = async (all) => {
-        const data = await call('exportKnowledge', all ? {} : { datasourceId: ds.id })
-        download(`knowledge-${all ? 'all' : safeName(ds.name)}-${new Date().toISOString().slice(0, 10)}.json`, new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }))
+        try {
+          const data = await call('exportKnowledge', all ? {} : { datasourceId: ds.id })
+          download(`knowledge-${all ? 'all' : safeName(ds.name)}-${new Date().toISOString().slice(0, 10)}.json`, new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }))
+        } catch (e) { notifyError(e) }
       }
       const onFile = async (e) => {
         const f = e.target.files?.[0]
@@ -4932,13 +5530,14 @@ window.__ModuleLoader__.load({
           const text = await f.text()
           const doc = JSON.parse(text)
           const single = doc.datasources?.length === 1
-          const dry = await call('importKnowledge', { data: doc, targetDatasourceId: single ? ds.id : undefined, dryRun: true })
-          setState({ doc, single, dry })
+          const dsId = ds.id
+          const dry = await call('importKnowledge', { data: doc, targetDatasourceId: single ? dsId : undefined, dryRun: true })
+          setState({ doc, single, dry, dsId, dsName: ds.name })
         } catch (err) { setState({ error: err.message }) }
       }
-      const apply = async (mode) => {
-        try { const r = await call('importKnowledge', { data: state.doc, targetDatasourceId: state.single ? ds.id : undefined, mode }); setState({ done: r }); onImported() } catch (err) { setState({ error: err.message }) }
-      }
+      const apply = (mode) => runBusy(async () => {
+        try { const r = await call('importKnowledge', { data: state.doc, targetDatasourceId: state.single ? state.dsId : undefined, mode }); setState({ done: r }); onImported() } catch (err) { setState({ error: err.message }) }
+      })
       return h(React.Fragment, null,
         h('input', { ref: fileRef, type: 'file', accept: 'application/json,.json', style: { display: 'none' }, onChange: onFile }),
         h(Dropdown, { label: t('kb.io'), trigger: { className: 'n2s-btn', content: h(React.Fragment, null, t('kb.io'), Icon.chev(10)) }, items: [
@@ -4948,17 +5547,17 @@ window.__ModuleLoader__.load({
           { label: t('kb.import'), icon: Icon.up(14), onClick: () => fileRef.current?.click() },
         ] }),
         state && ReactDOM.createPortal(h('div', { className: 'n2s-modal-backdrop', onMouseDown: (e) => { if (e.target === e.currentTarget) setState(null) } },
-          h('div', { className: 'n2s-modal', role: 'dialog', 'aria-modal': true },
+          h('div', { ref: box, className: 'n2s-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('kb.import') },
             h('div', { className: 'n2s-modal-title', style: { marginBottom: 10 } }, t('kb.import')),
             state.error && h('div', { className: 'n2s-notice err' }, state.error),
             state.dry && h(React.Fragment, null,
-              h('div', { className: 'n2s-muted n2s-small', style: { marginBottom: 8 } }, state.single ? fmt(t, 'kb.importInto', { name: ds.name }) : t('kb.importByName')),
+              h('div', { className: 'n2s-muted n2s-small', style: { marginBottom: 8 } }, state.single ? fmt(t, 'kb.importInto', { name: state.dsName }) : t('kb.importByName')),
               h('table', { className: 'n2s-table' }, h('thead', null, h('tr', null, [t('kb.src'), t('kb.target'), t('kb.glossary'), t('kb.metrics'), t('kb.notes'), t('kb.examples'), t('kb.invalid')].map((x, i) => h('th', { key: i }, x)))),
                 h('tbody', null, state.dry.report.map((r, i) => h('tr', { key: i }, h('td', null, r.source), h('td', null, r.target ?? h('span', { style: { color: 'var(--n2s-err)' } }, r.skipped)), h('td', null, r.glossary ?? '—'), h('td', null, r.metrics ?? '—'), h('td', null, r.notes ?? '—'), h('td', null, r.examples ?? '—'), h('td', null, r.invalid ?? '—'))))),
               h('div', { className: 'n2s-row', style: { marginTop: 14, justifyContent: 'flex-end' } },
                 h('button', { type: 'button', className: 'n2s-btn ghost', onClick: () => setState(null) }, t('ds.cancel')),
-                h('button', { type: 'button', className: 'n2s-btn danger', onClick: async () => { if (await confirmDialog({ title: t('kb.replaceConfirm'), danger: true })) apply('replace') } }, t('kb.replace')),
-                h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => apply('merge') }, t('kb.merge')))),
+                h('button', { type: 'button', className: 'n2s-btn danger', disabled: busy, onClick: async () => { if (await confirmDialog({ title: t('kb.replaceConfirm'), danger: true })) apply('replace') } }, t('kb.replace')),
+                h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: () => apply('merge') }, busy ? h('span', { className: 'n2s-spin' }) : null, t('kb.merge')))),
             state.done && h(React.Fragment, null, h('div', { className: 'n2s-notice ok' }, t('kb.imported')), h('div', { className: 'n2s-row', style: { marginTop: 12, justifyContent: 'flex-end' } }, h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => setState(null) }, t('ds.close')))))), document.body))
     }
 
@@ -4981,7 +5580,7 @@ window.__ModuleLoader__.load({
       if (s.kind === 'example') return h('pre', { className: 'n2s-code', style: { marginTop: 6, maxHeight: 140 } }, prettySql(it.sql ?? ''))
       if (s.kind === 'metric') return h('div', null,
         h('div', { className: 'n2s-mono n2s-small' }, `${it.expression}${it.table ? ` FROM ${it.table}` : ''}${it.filter ? ` WHERE ${it.filter}` : ''}`),
-        (it.timeColumn || it.dimensions?.length) && h('div', { className: 'n2s-muted n2s-small' }, [it.timeColumn && `${t('kb.timeColumn')}: ${it.timeColumn}`, it.dimensions?.length && `${t('kb.dimensions')}: ${it.dimensions.join(uiLang === 'zh' ? '、' : ', ')}`].filter(Boolean).join(' · ')))
+        (it.timeColumn || it.dimensions?.length) && h('div', { className: 'n2s-muted n2s-small' }, [it.timeColumn && `${t('kb.timeColumn')}: ${it.timeColumn}`, it.dimensions?.length && `${t('kb.dimensions')}: ${joinList(it.dimensions)}`].filter(Boolean).join(' · ')))
       if (s.kind === 'note') return h('div', { className: 'n2s-small' }, it.text)
       return h('div', null, h('div', { className: 'n2s-small' }, it.definition), it.sql && h('code', { className: 'n2s-md-code', style: { display: 'inline-block', marginTop: 4 } }, it.sql))
     }
@@ -4999,14 +5598,17 @@ window.__ModuleLoader__.load({
       const [busy, setBusy] = useState(null)
       const items = list.value?.suggestions ?? []
       const done = () => { list.reload(); onChanged?.() }
+      const inFlight = useRef(new Set())
       const accept = async (s, item) => {
+        if (inFlight.current.has(s.id)) return
+        inFlight.current.add(s.id)
         setBusy(s.id)
         try {
           await call('acceptSuggestion', { datasourceId: ds.id, id: s.id, ...(item ? { item } : {}) })
           setEditing(null)
           notify(t('sg.accepted'), 'ok')
           done()
-        } catch (e) { notifyError(e) } finally { setBusy(null) }
+        } catch (e) { notifyError(e) } finally { inFlight.current.delete(s.id); setBusy(null) }
       }
       const dismiss = async (s) => {
         if (!await confirmDialog({ title: t('sg.dismissConfirm'), confirmLabel: t('sg.dismiss') })) return
@@ -5029,8 +5631,8 @@ window.__ModuleLoader__.load({
           h('div', { className: 'n2s-row', style: { gap: 4, flexWrap: 'nowrap' } },
             h('button', { type: 'button', className: 'n2s-btn small primary', disabled: busy === s.id, onClick: () => setEditing(s) }, t('sg.accept')),
             h(Dropdown, { label: t('sg.acceptDirect'), trigger: { className: 'n2s-iconbtn', content: Icon.chev(10) }, items: [
-              { label: t('sg.acceptEdit'), icon: Icon.edit(14), onClick: () => setEditing(s) },
-              { label: t('sg.acceptDirect'), icon: Icon.check(14), onClick: () => accept(s) },
+              { label: t('sg.acceptEdit'), icon: Icon.edit(14), disabled: busy === s.id, onClick: () => setEditing(s) },
+              { label: t('sg.acceptDirect'), icon: Icon.check(14), disabled: busy === s.id, onClick: () => accept(s) },
             ] }),
             h('button', { type: 'button', className: 'n2s-btn small ghost', disabled: busy === s.id, onClick: () => dismiss(s) }, t('sg.dismiss')))),
         editing?.id === s.id && h('div', { style: { marginTop: 10 } },
@@ -5119,10 +5721,10 @@ window.__ModuleLoader__.load({
         seen.loading && !seen.value ? h('div', { className: 'n2s-skel', style: { height: 34 } }) :
           items.length === 0
             ? h('div', { className: 'n2s-faint n2s-small' }, kind === 'chat' ? t('mb.pick.noChats') : t('mb.pick.noPeople'))
-            : h('div', { className: 'n2s-pickchips', role: 'list' }, items.slice(0, 30).map(x => {
+            : h('div', { className: 'n2s-pickchips', role: 'group', 'aria-label': kind === 'chat' ? t('mb.pick.chats') : t('mb.pick.people') }, items.slice(0, 30).map(x => {
               const taken = x.memberId && !isChosen(x)
               return h('button', {
-                key: `${x.platform}:${x.id}`, type: 'button', role: 'listitem', className: 'n2s-pickchip', 'aria-pressed': isChosen(x), disabled: Boolean(taken),
+                key: `${x.platform}:${x.id}`, type: 'button', className: 'n2s-pickchip', 'aria-pressed': isChosen(x), disabled: Boolean(taken),
                 title: [`${platformName(t, x.platform, catalog)} · ${x.id}`, x.email, x.via ? fmt(t, 'mb.pick.via', { name: x.via }) : '', taken ? fmt(t, 'mb.pick.taken', { name: x.memberName }) : '', x.refused ? t('mb.pick.refused') : ''].filter(Boolean).join('\n'),
                 onClick: () => onPick(x),
               },
@@ -5300,8 +5902,8 @@ 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-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' }, `${colon(t('mb.rowRules'))}${u.rowRules.map(r => `${r.column} ∈ {${r.values.join(', ')}}`).join('；')}`)),
+                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(listSep()) || t('mb.noDs'))),
+                (u.rowRules ?? []).length > 0 && h('div', { className: 'n2s-list2-sub' }, `${colon(t('mb.rowRules'))}${joinClauses(u.rowRules.map(r => `${r.column} ∈ {${r.values.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: fmt(t, 'ch.actionsFor', { name: u.name }), trigger: { content: Icon.more() }, items: [
                 { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing(u) },
@@ -5319,7 +5921,7 @@ window.__ModuleLoader__.load({
     // ---------------------------------------------------- dashboards bar
 
     function DashboardSwitcher({ t, value, onChange }) {
-      const list = useAsync(() => call('listDashboards'), [value?.id])
+      const list = useAsync(() => call('listDashboards'), [value?.id], [])
       const v = list.value
       if (!v) return null
       const cur = v.dashboards.find(d => d.id === v.current)
@@ -5328,7 +5930,7 @@ window.__ModuleLoader__.load({
         v.dashboards.map(d => h('button', { key: d.id, type: 'button', role: 'tab', 'aria-selected': d.id === v.current, onClick: () => act(() => call('selectDashboard', { id: d.id })) }, d.name, h('span', { className: 'count' }, d.widgets))),
         h(Dropdown, { label: t('dash.manage'), trigger: { className: 'n2s-btn small ghost', content: h(React.Fragment, null, '+', Icon.chev(10)) }, items: [
           { label: t('dash.new'), icon: Icon.chart(14), onClick: async () => { const name = await promptDialog({ title: t('dash.newName') }); if (name) act(() => call('saveDashboard', { name })) } },
-          { label: t('dash.duplicate'), icon: Icon.copy(14), onClick: async () => { const name = await promptDialog({ title: t('dash.newName'), value: `${cur?.name ?? ''} 副本` }); if (name) act(() => call('saveDashboard', { name, copyFrom: v.current })) } },
+          { label: t('dash.duplicate'), icon: Icon.copy(14), onClick: async () => { const name = await promptDialog({ title: t('dash.newName'), value: fmt(t, 'dash.copyName', { name: cur?.name ?? '' }) }); if (name) act(() => call('saveDashboard', { name, copyFrom: v.current })) } },
           { label: t('dash.renameBoard'), icon: Icon.edit(14), onClick: async () => { const name = await promptDialog({ title: t('dash.renameBoard'), value: cur?.name }); if (name) act(() => call('saveDashboard', { id: v.current, name })) } },
           { divider: true },
           v.dashboards.length > 1 && { label: t('dash.deleteBoard'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'dash.deleteBoardConfirm', { name: cur?.name }), danger: true })) act(() => call('deleteDashboard', { id: v.current })) } },
@@ -5340,7 +5942,7 @@ window.__ModuleLoader__.load({
       const v = st.value
       return h('div', { className: 'n2s-row' },
         h('span', { className: 'n2s-small n2s-muted' }, v ? fmt(t, 'settings.cacheStatsText', { results: v.results, mb: (v.bytes / 1048576).toFixed(1), cache: v.cacheEntries }) : '…'),
-        h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: async () => { await call('clearCache'); st.reload() } }, t('settings.clearCache')))
+        h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: async () => { try { await call('clearCache') } catch (e) { notifyError(e) } st.reload() } }, t('settings.clearCache')))
     }
 
     function ChannelSelect({ t, value, onChange }) {
@@ -5348,8 +5950,25 @@ window.__ModuleLoader__.load({
     }
 
     // Questions started from the page bind their new session to the chosen
-    // data source as soon as the session appears in the composer.
+    // data source as soon as the session appears in the composer. Only the
+    // session our own startSession created may claim an ask: the one whose id
+    // startSession returned (when the host returns it), otherwise a session the
+    // composer had not seen before the ask was made, within PENDING_ASK_MS.
     const pendingAsks = []
+    const seenSessions = new Set()
+    const PENDING_ASK_MS = 60000
+    function addPendingAsk(datasourceId, question) {
+      const pending = { datasourceId, question, at: Date.now(), seen: new Set(seenSessions), sessionId: null }
+      pendingAsks.push(pending)
+      setTimeout(() => { const i = pendingAsks.indexOf(pending); if (i >= 0) pendingAsks.splice(i, 1) }, PENDING_ASK_MS)
+      return pending
+    }
+    /** Remove and return the pending ask that belongs to this session, if any. */
+    function claimPendingAsk(sessionId) {
+      const now = Date.now()
+      const i = pendingAsks.findIndex(p => now - p.at < PENDING_ASK_MS && (p.sessionId ? p.sessionId === sessionId : !p.seen.has(sessionId)))
+      return i >= 0 ? pendingAsks.splice(i, 1)[0] : null
+    }
 
     // ------------------------------------------------ composer selector
 
@@ -5366,8 +5985,15 @@ window.__ModuleLoader__.load({
           if (!sessionId) return
           let cancelled = false
           ;(async () => {
-            const pending = pendingAsks.shift()
-            if (pending) await call('bindSession', { sessionId, datasourceId: pending.datasourceId }).catch(() => {})
+            const fresh = pendingAsks.length > 0 && !seenSessions.has(sessionId)
+            seenSessions.add(sessionId)
+            if (fresh) {
+              // A session already bound to a data source, or running another preset, is not ours.
+              const info = await call('sessionInfo', { sessionId }).catch(() => null)
+              const candidate = info && !info.boundDatasourceId && (info.preset === PRESET || info.preset === null || info.preset === undefined)
+              const pending = candidate ? claimPendingAsk(sessionId) : null
+              if (pending) await call('bindSession', { sessionId, datasourceId: pending.datasourceId }).catch(() => {})
+            }
             if (!cancelled) await loadSessionInfo(sessionId)
           })()
           if (!store.get().loaded) refreshDatasources()
@@ -5502,7 +6128,13 @@ window.__ModuleLoader__.load({
     // where the user was.
 
     const PRIMARY_TABS = ['ask', 'dashboard', 'schema', 'knowledge', 'history']
-    const ADMIN_SECTIONS = ['sources', 'members', 'automation', 'push', 'settings']
+    const BASE_ADMIN_SECTIONS = ['sources', 'members', 'automation', 'push', 'settings']
+    // Feature sections (extend.adminSections) go before 设置.
+    const adminSections = () => [...BASE_ADMIN_SECTIONS.slice(0, -1), ...extend.adminSections.map(x => x.id), 'settings']
+    // Nav groups: feature sections are grouped by purpose so the list stays scannable.
+    const NAV_GROUP_OF = { sources: 'core', members: 'core', automation: 'core', push: 'core', health: 'insight', reconcile: 'insight', goals: 'insight', digests: 'insight', subscriptions: 'insight', bitable: 'connect', mcp: 'connect', settings: 'end' }
+    const navGroupOf = (k) => NAV_GROUP_OF[k] ?? extend.adminSections.find(x => x.id === k)?.group ?? 'insight'
+    const NAV_GROUP_ORDER = ['core', 'insight', 'connect', 'end']
     const NAV_KEY = 'nl2sql:nav'
 
     function loadNav() {
@@ -5519,17 +6151,21 @@ window.__ModuleLoader__.load({
     }
 
     function AdminArea({ t, ctx, section, sub, onNavigate, ds, datasources }) {
-      const counts = useAsync(() => Promise.all([call('listAlerts').catch(() => []), call('listReports').catch(() => []), call('listChannels').catch(() => []), call('listUsers').catch(() => [])]), [section])
+      const counts = useAsync(() => Promise.all([call('listAlerts').catch(() => []), call('listReports').catch(() => []), call('listChannels').catch(() => []), call('listUsers').catch(() => [])]), [section], [])
       const [alerts, reports, channels, users] = counts.value ?? []
       const badge = { sources: datasources.length, members: users?.length, automation: (alerts?.length ?? 0) + (reports?.length ?? 0), push: channels?.length }
       const firing = (alerts ?? []).filter(a => a.state === 'firing').length
       const autoSub = sub === 'reports' ? 'reports' : 'alerts'
       return h('div', { className: 'n2s-admin' },
         h('nav', { className: 'n2s-adminnav', 'aria-label': t('tab.admin') },
-          ADMIN_SECTIONS.map(k => h('button', { key: k, type: 'button', className: 'n2s-adminnav-item', 'aria-current': section === k ? 'page' : undefined, onClick: () => onNavigate({ section: k, sub: null }) },
-            h('span', { className: 'ico', 'aria-hidden': true }, AdminIcons[k]()),
-            h('span', { className: 'n2s-grow' }, t(`admin.${k}`)),
-            k === 'automation' && firing > 0 ? h('span', { className: 'n2s-navbadge err', title: t('al.firing') }, firing) : badge[k] ? h('span', { className: 'n2s-navbadge' }, badge[k]) : null))),
+          NAV_GROUP_ORDER.flatMap(g => {
+            const keys = adminSections().filter(k => navGroupOf(k) === g)
+            if (!keys.length) return []
+            return [g !== 'core' && g !== 'end' && h('div', { key: `g:${g}`, className: 'n2s-adminnav-group', role: 'presentation' }, t(`admin.group.${g}`)), g === 'end' && h('div', { key: 'g:end', className: 'n2s-adminnav-sep', role: 'presentation' }), ...keys.map(k => h('button', { key: k, type: 'button', className: 'n2s-adminnav-item', 'aria-current': section === k ? 'page' : undefined, onClick: () => onNavigate({ section: k, sub: null }) },
+            h('span', { className: 'ico', 'aria-hidden': true }, (AdminIcons[k] ?? extend.adminSections.find(x => x.id === k)?.icon ?? (() => Icon.chart(15)))()),
+            h('span', { className: 'n2s-grow' }, extend.adminSections.find(x => x.id === k)?.label(t) ?? t(`admin.${k}`)),
+            k === 'automation' && firing > 0 ? h('span', { className: 'n2s-navbadge err', title: t('al.firing') }, firing) : badge[k] ? h('span', { className: 'n2s-navbadge' }, badge[k]) : null))].filter(Boolean)
+          })),
         h('div', { className: 'n2s-adminbody' },
           section === 'sources' ? h(SourcesTab, { t, datasources }) :
           section === 'members' ? h(MembersTab, { t, datasources }) :
@@ -5540,6 +6176,7 @@ window.__ModuleLoader__.load({
                 k === 'reports' && reports?.length ? h('span', { className: 'n2s-faint', style: { marginLeft: 6 } }, reports.length) : null))),
             autoSub === 'alerts' ? h(AlertsTab, { t, ds, datasources }) : h(ReportsTab, { t, ds, datasources, onOpenSession: (id) => ctx.uiWorkspace.openSession(id), onOpenSchedules: () => ctx.layout.selectPanel('schedules') })) :
           section === 'push' ? h(PushTab, { t }) :
+          extend.adminSections.some(x => x.id === section) ? h(extend.adminSections.find(x => x.id === section).Component, { t, ds, datasources, onNavigate }) :
           h(SettingsPage, { t, datasources, onNavigate })))
     }
 
@@ -5551,32 +6188,49 @@ window.__ModuleLoader__.load({
         const { datasources, loaded, error } = useStore(s => s)
         const [nav, setNavState] = useState(loadNav)
         const setNav = useCallback((patch) => setNavState(n => { const next = { ...n, ...patch }; try { localStorage.setItem(NAV_KEY, JSON.stringify(next)) } catch {} return next }), [])
+        // Leaving 管理 → 设置 with unsaved settings asks first (SettingsPage sets fbCtx.settingsDirty).
+        const navRef = useRef(nav)
+        navRef.current = nav
+        const guardedNav = useCallback(async (patch) => {
+          const cur = navRef.current
+          const next = { ...cur, ...patch }
+          const inSettings = cur.tab === 'admin' && cur.section === 'settings'
+          const leaving = inSettings && (next.tab !== 'admin' || next.section !== 'settings')
+          if (leaving && fbCtx.settingsDirty) {
+            const ok = await confirmDialog({ title: t('set.leaveTitle'), message: t('set.leaveMsg'), confirmLabel: t('set.leaveOk'), danger: true })
+            if (!ok) return false
+            fbCtx.settingsDirty = false
+          }
+          setNav(patch)
+          return true
+        }, [])
         const [selectedId, setSelectedId] = useState(null)
         useEffect(() => { refreshDatasources() }, [])
         const ds = datasources.find(d => d.id === selectedId) ?? datasources.find(d => d.current) ?? datasources[0]
         const needsSource = loaded && datasources.length === 0 && ['schema', 'knowledge'].includes(nav.tab)
         const ask = useCallback((question) => {
           if (!ds) return
-          const pending = { datasourceId: ds.id, question }
-          pendingAsks.push(pending)
-          setTimeout(() => { const i = pendingAsks.indexOf(pending); if (i >= 0) pendingAsks.splice(i, 1) }, 60000)
+          const pending = addPendingAsk(ds.id, question)
           try {
-            ctx.uiWorkspace.startSession(undefined, { agentPreset: PRESET, prompt: question, whenDraftExists: 'replace' })
+            const r = ctx.uiWorkspace.startSession(undefined, { agentPreset: PRESET, prompt: question, whenDraftExists: 'replace' })
+            // Hosts that return the new session id (directly or as a promise) pin the ask to it.
+            const adopt = (id) => { if (typeof id === 'string' && id) pending.sessionId = id }
+            if (r && typeof r.then === 'function') r.then(adopt, () => {}); else adopt(r)
           } catch (e) {
+            const i = pendingAsks.indexOf(pending); if (i >= 0) pendingAsks.splice(i, 1)
             notifyError(e)
           }
         }, [ds?.id])
         fbCtx.openSession = (id) => ctx.uiWorkspace.openSession(id)
-        fbCtx.navigate = (patch) => setNav(patch)
+        fbCtx.navigate = (patch) => { guardedNav(patch) }
         const tabs = [...PRIMARY_TABS, 'admin']
         const onTabKey = (e) => {
           if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return
           const i = tabs.indexOf(nav.tab)
           const next = tabs[(i + (e.key === 'ArrowRight' ? 1 : tabs.length - 1)) % tabs.length]
-          setNav({ tab: next })
-          setTimeout(() => document.getElementById(`n2s-tab-${next}`)?.focus(), 0)
+          guardedNav({ tab: next }).then(ok => { if (ok) setTimeout(() => document.getElementById(`n2s-tab-${next}`)?.focus(), 0) })
         }
-        const tabBtn = (k) => h('button', { key: k, type: 'button', role: 'tab', id: `n2s-tab-${k}`, className: `n2s-tab${k === 'admin' ? ' admin' : ''}`, tabIndex: nav.tab === k ? 0 : -1, 'aria-selected': nav.tab === k, onClick: () => setNav({ tab: k }) },
+        const tabBtn = (k) => h('button', { key: k, type: 'button', role: 'tab', id: `n2s-tab-${k}`, className: `n2s-tab${k === 'admin' ? ' admin' : ''}`, tabIndex: nav.tab === k ? 0 : -1, 'aria-selected': nav.tab === k, onClick: () => { guardedNav({ tab: k }) } },
           k === 'admin' && AdminIcons.settings(), t(`tab.${k}`))
         const status = !ds ? 'off' : ds.lastTestOk === false ? 'err' : ''
         const showPicker = datasources.length > 0 && nav.tab !== 'admin'
@@ -5591,20 +6245,19 @@ window.__ModuleLoader__.load({
                   h('span', { className: 'name' }, ds?.name ?? '—'),
                   ds && h('span', { className: 'meta' }, typeLabel(t, ds.type)),
                   Icon.chev(10),
-                  h('select', { 'aria-label': t('ds.select'), value: ds?.id ?? '', onChange: async (e) => { const id = e.target.value; setSelectedId(id); await call('setCurrent', { id }).catch(() => {}); refreshDatasources() } },
+                  h('select', { 'aria-label': t('ds.select'), value: ds?.id ?? '', onChange: async (e) => { const id = e.target.value; setSelectedId(id); try { await call('setCurrent', { id }) } catch (err) { notifyError(err) } refreshDatasources() } },
                     datasources.map(d => h('option', { key: d.id, value: d.id }, `${d.name} · ${typeLabel(t, d.type)}${d.type === 'sqlite' ? '' : ` · ${d.database}`}`))))),
               h('div', { className: 'n2s-tabs', role: 'tablist', 'aria-label': t('page.title'), onKeyDown: onTabKey }, PRIMARY_TABS.map(tabBtn), h('span', { className: 'n2s-grow' }), tabBtn('admin'))),
             h('div', { className: 'n2s-body', role: 'tabpanel', 'aria-labelledby': `n2s-tab-${nav.tab}` },
               error && h('div', { className: 'n2s-notice err', style: { marginBottom: 12 } }, error),
               !loaded ? h('div', { style: { display: 'grid', gap: 12 } }, h('div', { className: 'n2s-skel', style: { height: 120 } }), h('div', { className: 'n2s-skel', style: { height: 60 } })) :
-                needsSource ? h(EmptySourceHint, { t, onGo: () => setNav({ tab: 'admin', section: 'sources' }) }) :
-                nav.tab === 'ask' ? h(AskTab, { t, ds, datasources, onAsk: ask, presetReady: true, onNavigate: setNav }) :
-                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 }) :
+                needsSource ? h(EmptySourceHint, { t, onGo: () => guardedNav({ tab: 'admin', section: 'sources' }) }) :
+                nav.tab === 'ask' ? h(AskTab, { t, ds, datasources, onAsk: ask, presetReady: true, onNavigate: guardedNav }) :
+                nav.tab === 'schema' ? h(SchemaTab, { t, ds, onAskTable: (tb) => ask(fmt(t, 'ask.tablePrompt', { name: tb.name, comment: paren(tb.comment) })) }) :
+                nav.tab === 'knowledge' ? h(KnowledgeTab, { key: `kb:${ds?.id ?? ''}`, t, ds }) :
                 nav.tab === 'history' ? h(HistoryTab, { t, datasources, onOpenSession: (id) => ctx.uiWorkspace.openSession(id) }) :
                 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 })))
+                h(AdminArea, { t, ctx, section: adminSections().includes(nav.section) ? nav.section : 'sources', sub: nav.sub, onNavigate: guardedNav, ds, datasources })))))
       }
     }
 
@@ -5706,7 +6359,7 @@ window.__ModuleLoader__.load({
           form.resultToModel === 'rows' && h(SettingRow, { label: t('settings.modelRows'), hint: t('set.h.modelRows'), changed: changed('modelRows'), htmlFor: 'set-modelRows' }, num('modelRows', { min: 0, max: 500 })),
           h(SettingRow, { label: t('set.l.mask'), hint: t('set.h.maskSensitive'), changed: changed('maskSensitive') }, h('label', { className: 'n2s-switch' }, h('input', { type: 'checkbox', role: 'switch', checked: Boolean(form.maskSensitive), onChange: e => set('maskSensitive', e.target.checked) }), h('span', null, form.maskSensitive ? t('set.on') : t('set.off')))),
           h('div', { className: 'n2s-setnote' }, overrides.length
-            ? h(React.Fragment, null, t('set.overrides'), ' ', overrides.map((d, i) => h(React.Fragment, { key: d.id }, i > 0 && '、', h('button', { type: 'button', className: 'n2s-link', onClick: () => onNavigate({ section: 'sources' }) }, d.name))))
+            ? h(React.Fragment, null, t('set.overrides'), ' ', overrides.map((d, i) => h(React.Fragment, { key: d.id }, i > 0 && listSep(), h('button', { type: 'button', className: 'n2s-link', onClick: () => onNavigate({ section: 'sources' }) }, d.name))))
             : t('set.noOverrides'))) :
         group === 'query' ? h(React.Fragment, null,
           h(SettingRow, { label: t('set.l.maxRows'), hint: t('set.h.maxRows'), changed: changed('maxRows'), htmlFor: 'set-maxRows' }, num('maxRows', { min: 1, max: 100000 })),
@@ -5810,6 +6463,17 @@ window.__ModuleLoader__.load({
       const retention = form.retention ?? defaults.retention ?? {}
       const fileRef = useRef(null)
       const [importState, setImportState] = useState(null)
+      const importBox = useRef(null)
+      useFocusTrap(importBox, Boolean(importState))
+      const [importing, runImport] = useBusy()
+      useEffect(() => {
+        if (!importState) return
+        const prev = document.activeElement
+        setTimeout(() => importBox.current?.querySelector('button.primary')?.focus(), 0)
+        const onKey = (e) => { if (e.key === 'Escape' && !feedbackStore.get().dialog) setImportState(null) }
+        document.addEventListener('keydown', onKey)
+        return () => { document.removeEventListener('keydown', onKey); prev?.focus?.() }
+      }, [Boolean(importState)])
       const exportAll = async () => {
         try {
           const doc = await call('exportConfig')
@@ -5827,7 +6491,7 @@ window.__ModuleLoader__.load({
           setImportState({ doc, dry })
         } catch (err) { notifyError(err) }
       }
-      const doImport = async (mode) => {
+      const doImport = (mode) => runImport(async () => {
         if (mode === 'replace' && !await confirmDialog({ title: t('set.importReplaceConfirm'), message: t('set.importReplaceMsg'), danger: true })) return
         try {
           const r = await call('importConfig', { data: importState.doc, mode })
@@ -5837,7 +6501,7 @@ window.__ModuleLoader__.load({
           const needs = (r.report?.datasources?.needsSecret ?? r.needsSecret ?? []).length
           notify(needs ? fmt(t, 'set.importedNeedsSecret', { n: needs }) : t('set.imported'), 'ok', 6000)
         } catch (err) { notifyError(err) }
-      }
+      })
       const purge = async (kind) => {
         if (!await confirmDialog({ title: fmt(t, 'set.purgeConfirm', { kind: t(`set.rk.${kind}`) }), danger: true })) return
         try { await call('purgeRecords', { kind }); st.reload(); notify(t('set.purged'), 'ok') } catch (e) { notifyError(e) }
@@ -5863,17 +6527,17 @@ window.__ModuleLoader__.load({
           h('button', { type: 'button', className: 'n2s-btn', onClick: () => fileRef.current?.click() }, Icon.up(13), t('set.import')),
           h('input', { ref: fileRef, type: 'file', accept: 'application/json,.json', style: { display: 'none' }, onChange: onFile })),
         importState && ReactDOM.createPortal(h('div', { className: 'n2s-modal-backdrop', onMouseDown: (e) => { if (e.target === e.currentTarget) setImportState(null) } },
-          h('div', { className: 'n2s-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('set.import'), onKeyDown: (e) => { if (e.key === 'Escape') setImportState(null) } },
+          h('div', { ref: importBox, className: 'n2s-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('set.import') },
             h('div', { className: 'n2s-modal-title', style: { marginBottom: 10 } }, t('set.import')),
             h('div', { className: 'n2s-muted n2s-small', style: { marginBottom: 10 } }, fmt(t, 'set.importFrom', { time: importState.doc.exportedAt ? new Date(importState.doc.exportedAt).toLocaleString() : '?' })),
             h('table', { className: 'n2s-table' }, h('thead', null, h('tr', null, [t('set.section'), t('set.toAdd'), t('set.toUpdate'), t('set.note')].map((x, i) => h('th', { key: i }, x)))),
               h('tbody', null, Object.entries(importState.dry?.report ?? {}).map(([k, r]) => h('tr', { key: k },
                 h('td', null, t(`set.sec.${k}`)), h('td', null, r.add ?? r.added ?? 0), h('td', null, r.update ?? r.updated ?? 0),
-                h('td', { className: 'n2s-muted n2s-small', style: { whiteSpace: 'normal' } }, [r.needsSecret?.length ? fmt(t, 'set.needsSecret', { names: r.needsSecret.join(uiLang === 'zh' ? '、' : ', ') }) : '', r.paused ? t('set.reportsPaused') : '', r.skipped ? fmt(t, 'set.skipped', { n: r.skipped }) : ''].filter(Boolean).join('；')))))),
+                h('td', { className: 'n2s-muted n2s-small', style: { whiteSpace: 'normal' } }, joinClauses([r.needsSecret?.length ? fmt(t, 'set.needsSecret', { names: joinList(r.needsSecret) }) : '', r.paused ? t('set.reportsPaused') : '', r.skipped ? fmt(t, 'set.skipped', { n: r.skipped }) : ''])))))),
             h('div', { className: 'n2s-row', style: { marginTop: 14, justifyContent: 'flex-end' } },
               h('button', { type: 'button', className: 'n2s-btn ghost', onClick: () => setImportState(null) }, t('ds.cancel')),
-              h('button', { type: 'button', className: 'n2s-btn danger', onClick: () => doImport('replace') }, t('kb.replace')),
-              h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => doImport('merge') }, t('kb.merge'))))), document.body))
+              h('button', { type: 'button', className: 'n2s-btn danger', disabled: importing, onClick: () => doImport('replace') }, t('kb.replace')),
+              h('button', { type: 'button', className: 'n2s-btn primary', disabled: importing, onClick: () => doImport('merge') }, importing ? h('span', { className: 'n2s-spin' }) : null, t('kb.merge'))))), document.body))
     }
 
     function AboutSection({ t }) {
@@ -5888,6 +6552,1307 @@ window.__ModuleLoader__.load({
         row('docs', 'github.com/hedeqiang/dsh-nl2sql'))))
     }
 
+    // ------------------------------------------------------------ data freshness + quality (health)
+    // - resultPanels: a warning bar under results whose referenced tables are stale
+    //   (server resolves the tables with policy.js referencedTables via freshnessFor({ sql })).
+    // - schemaPanels: tables with lag (green / amber / red) and a refresh button.
+    // - adminSections 'health': freshness table with per-table thresholds, quality patrol
+    //   results, run now, settings (channels, thresholds, schedule).
+    // - toolViews: conversation view of the nl2sql_freshness agent tool.
+
+    /** Shared freshness cache: key → { at, promise, value }; bumping `rev` re-renders subscribers. */
+    const fqCache = (() => {
+      let rev = 0
+      const map = new Map()
+      const subs = new Set()
+      const TTL = 5 * 60000
+      return {
+        get(datasourceId, sql) {
+          const key = `${datasourceId}\u0000${sql ?? ''}`
+          const hit = map.get(key)
+          if (hit && Date.now() - hit.at < TTL) return hit.promise
+          const promise = call('freshnessFor', { datasourceId, ...(sql ? { sql } : {}) })
+          map.set(key, { at: Date.now(), promise })
+          promise.catch(() => map.delete(key))
+          return promise
+        },
+        async refresh(datasourceId) {
+          const v = await call('freshnessFor', { datasourceId, refresh: true })
+          for (const k of [...map.keys()]) if (k.startsWith(`${datasourceId}\u0000`)) map.delete(k)
+          map.set(`${datasourceId}\u0000`, { at: Date.now(), promise: Promise.resolve(v) })
+          rev++
+          for (const f of subs) f()
+          return v
+        },
+        subscribe(f) { subs.add(f); return () => subs.delete(f) },
+        rev: () => rev,
+      }
+    })()
+
+    const fqStatusClass = { ok: 'ok', warn: 'warn', stale: 'err', error: 'err', empty: 'off', off: 'off', unknown: 'off' }
+    const fqPad = (n) => String(n).padStart(2, '0')
+
+    function fqLag(t, min) {
+      if (min === null || min === undefined || !Number.isFinite(min)) return '—'
+      const m = Math.max(0, Math.round(min))
+      if (m < 60) return fmt(t, 'fq.lagMin', { n: m })
+      if (m < 48 * 60) return fmt(t, 'fq.lagHour', { n: Math.round(m / 60) })
+      return fmt(t, 'fq.lagDay', { n: Math.round(m / 1440) })
+    }
+
+    /** 「昨天 17:55」 / "yesterday 17:55" relative to now. */
+    function fqWhen(t, ms) {
+      if (!Number.isFinite(ms)) return '—'
+      const d = new Date(ms)
+      const now = new Date()
+      const day = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime()
+      const diff = Math.round((day(now) - day(d)) / 86400000)
+      const hm = `${fqPad(d.getHours())}:${fqPad(d.getMinutes())}`
+      if (diff === 0) return fmt(t, 'fq.today', { time: hm })
+      if (diff === 1) return fmt(t, 'fq.yesterday', { time: hm })
+      return `${d.getFullYear() === now.getFullYear() ? '' : `${d.getFullYear()}-`}${fqPad(d.getMonth() + 1)}-${fqPad(d.getDate())} ${hm}`
+    }
+
+    const fqTime = (at) => (at ? new Date(at).toLocaleString(uiLocale(), { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : '—')
+
+    function useFqRev() {
+      return useSyncExternalStore(fqCache.subscribe, fqCache.rev, fqCache.rev)
+    }
+
+    // ---- result warning bar
+
+    function FreshnessResultPanel({ t, result }) {
+      const rev = useFqRev()
+      const dsId = result?.datasourceId
+      const sql = result?.sql
+      const [view, setView] = useState(null)
+      useEffect(() => {
+        if (!dsId || !sql || result?.error) return
+        let alive = true
+        fqCache.get(dsId, sql).then(v => alive && setView(v), () => {})
+        return () => { alive = false }
+      }, [dsId, sql, rev])
+      const stale = (view?.tables ?? []).filter(x => x.stale)
+      if (!stale.length) return null
+      return h('div', { className: 'n2s-fq-bar', role: 'status' },
+        h('span', { 'aria-hidden': true }, '⚠️'),
+        h('span', null, joinClauses(stale.slice(0, 3).map(x => fmt(t, 'fq.barItem', { table: x.table, when: fqWhen(t, x.latestAt), lag: fqLag(t, x.lagMinutes) })))),
+        stale.length > 3 && h('span', { className: 'n2s-faint' }, fmt(t, 'fq.barMore', { n: stale.length - 3 })))
+    }
+    extend.resultPanels.push(FreshnessResultPanel)
+
+    // ---- schema panel
+
+    function FqDot({ status }) {
+      return h('span', { className: `n2s-fq-dot ${fqStatusClass[status] ?? 'off'}`, 'aria-hidden': true })
+    }
+
+    function FreshnessSchemaPanel({ t, ds }) {
+      const rev = useFqRev()
+      const [state, setState] = useState({ loading: true })
+      const [open, setOpen] = useState(null)
+      const [busy, setBusy] = useState(false)
+      useEffect(() => {
+        if (!ds?.id) return
+        let alive = true
+        setState(s => ({ ...s, loading: true }))
+        fqCache.get(ds.id).then(v => alive && setState({ value: v }), e => alive && setState({ error: e }))
+        return () => { alive = false }
+      }, [ds?.id, rev])
+      const v = state.value
+      if (!ds || state.error || !v || !v.tables?.length) return null
+      const stale = v.tables.filter(x => x.stale).length
+      const warn = v.tables.filter(x => x.status === 'warn').length
+      const expanded = open ?? stale > 0
+      const refresh = async () => {
+        setBusy(true)
+        try { await fqCache.refresh(ds.id) } catch (e) { notifyError(e) }
+        setBusy(false)
+      }
+      return h('div', { className: 'n2s-fq-panel' },
+        h('div', { className: 'n2s-row' },
+          h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-expanded': expanded, onClick: () => setOpen(!expanded) }, Icon.chev(10), t('fq.title')),
+          h('span', { className: `n2s-badge ${stale ? 'err' : warn ? 'warn' : 'ok'}` }, stale ? fmt(t, 'fq.staleCount', { n: stale }) : warn ? fmt(t, 'fq.warnCount', { n: warn }) : t('fq.allFresh')),
+          h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'fq.checkedAt', { time: fqTime(v.checkedAt) })),
+          h('span', { className: 'n2s-grow' }),
+          h('button', { type: 'button', className: 'n2s-btn small', disabled: busy, onClick: refresh }, busy ? h('span', { className: 'n2s-spin' }) : Icon.refresh(13), t('fq.refresh'))),
+        expanded && h('div', { className: 'n2s-fq-list' }, v.tables.map(x => h('div', { key: x.table, className: 'n2s-fq-item', title: x.error ?? `${x.column} · ${x.latestLocal ?? '—'}` },
+          h(FqDot, { status: x.status }),
+          h('span', { className: 'n2s-ellipsis n2s-mono' }, x.table),
+          h('span', { className: 'n2s-grow' }),
+          h('span', { className: 'n2s-faint n2s-small' }, x.error ? t('fq.st.error') : x.latestAt === null ? t('fq.st.empty') : fqLag(t, x.lagMinutes))))))
+    }
+    extend.schemaPanels.push(FreshnessSchemaPanel)
+
+    // ---- conversation tool view
+
+    function makeFreshnessToolView(ctx) {
+      return function Nl2SqlFreshnessView(props) {
+        const t = useMemo(() => ctx.locale.bind(NS), [])
+        setUiLang(useSyncExternalStore(ctx.locale.subscribe.bind(ctx.locale), () => ctx.locale.getSnapshot(), () => ctx.locale.getSnapshot()))
+        const block = props.block
+        const settled = props.phase === 'result'
+        const f = settled ? block.meta?.freshness : undefined
+        if (!settled) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-spin n2s-muted' }), h('span', { className: 'n2s-muted' }, t('fq.running'))))
+        if (block.isError || !f) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-notice err' }, block.content?.map(c => (c.type === 'text' ? c.text : '')).join('\n') || t('fq.failed')))
+        return h('div', { className: 'n2s-toolcard' },
+          h('div', { className: 'n2s-row', style: { marginBottom: 6 } }, h('span', { style: { fontWeight: 500 } }, t('fq.title')), f.datasource && h('span', { className: 'n2s-badge' }, f.datasource)),
+          (f.warnings ?? []).map((w, i) => h('div', { key: i, className: 'n2s-fq-bar' }, w)),
+          h('div', { className: 'n2s-fq-list' }, (f.tables ?? []).map(x => h('div', { key: x.table, className: 'n2s-fq-item' },
+            h(FqDot, { status: x.status ?? 'unknown' }),
+            h('span', { className: 'n2s-mono n2s-ellipsis' }, x.table),
+            h('span', { className: 'n2s-grow' }),
+            h('span', { className: 'n2s-faint n2s-small' }, x.note && !x.latestAt ? t('fq.noTime') : x.latestAt ? `${x.latestAt} · ${fqLag(t, x.lagMinutes)}` : t('fq.st.empty'))))))
+      }
+    }
+    if (extend.toolViews) extend.toolViews.push({ key: 'nl2sql_freshness', make: makeFreshnessToolView })
+
+    // ---- admin section
+
+    function FqScore({ score }) {
+      const cls = score === null || score === undefined ? 'off' : score >= 90 ? 'ok' : score >= 70 ? 'warn' : 'err'
+      return h('span', { className: `n2s-fq-score ${cls}` }, score === null || score === undefined ? '—' : score)
+    }
+
+    function HealthSettings({ t, onSaved }) {
+      const st = useAsync(() => call('healthSettings'), [])
+      const [form, setForm] = useState(null)
+      const [busy, runBusy] = useBusy()
+      useEffect(() => { if (st.value) setForm(structuredClone(st.value)) }, [st.value])
+      if (!form) return h('div', { className: 'n2s-skel', style: { height: 120 } })
+      const setF = (k, v) => setForm(f => ({ ...f, freshness: { ...f.freshness, [k]: v } }))
+      const setQ = (k, v) => setForm(f => ({ ...f, quality: { ...f.quality, [k]: v } }))
+      const save = () => runBusy(async () => {
+        try {
+          const { overrides: _o, ...freshness } = form.freshness
+          const out = await call('saveHealthSettings', { freshness: { ...freshness, intervalMin: Number(freshness.intervalMin), staleHours: Number(freshness.staleHours), channelId: freshness.channelId || null }, quality: { ...form.quality, dropPoints: Number(form.quality.dropPoints), channelId: form.quality.channelId || null } })
+          setForm(structuredClone(out))
+          notify(t('fq.saved'), 'ok')
+          onSaved?.()
+        } catch (e) { notifyError(e) }
+      })
+      return h('div', { className: 'n2s-card' },
+        h('div', { className: 'n2s-form' },
+          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: Boolean(form.freshness.enabled), onChange: e => setF('enabled', e.target.checked) }), t('fq.set.fEnabled')),
+          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: Boolean(form.quality.enabled), onChange: e => setQ('enabled', e.target.checked) }), t('fq.set.qEnabled')),
+          h('label', { className: 'n2s-field' }, h('span', null, t('fq.set.interval')), h('input', { className: 'n2s-input', type: 'number', min: 5, max: 1440, value: form.freshness.intervalMin, onChange: e => setF('intervalMin', e.target.value) })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('fq.set.time')), h('input', { className: 'n2s-input', type: 'time', value: form.quality.time, onChange: e => setQ('time', e.target.value) })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('fq.set.staleHours')), h('input', { className: 'n2s-input', type: 'number', min: 0.25, step: 0.25, value: form.freshness.staleHours, onChange: e => setF('staleHours', e.target.value) })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('fq.set.drop')), h('input', { className: 'n2s-input', type: 'number', min: 1, max: 100, value: form.quality.dropPoints, onChange: e => setQ('dropPoints', e.target.value) })),
+          h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-fq-fch', className: 'n2s-flabel' }, t('fq.set.fChannel')), h(ChannelPicker, { t, id: 'n2s-fq-fch', value: form.freshness.channelId ?? '', noneLabel: t('fq.set.noPush'), onChange: v => setF('channelId', v) })),
+          h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-fq-qch', className: 'n2s-flabel' }, t('fq.set.qChannel')), h(ChannelPicker, { t, id: 'n2s-fq-qch', value: form.quality.channelId ?? '', noneLabel: t('fq.set.noPush'), onChange: v => setQ('channelId', v) }))),
+        h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 10 } }, t('fq.set.hint')),
+        h('div', { className: 'n2s-row', style: { marginTop: 12, justifyContent: 'flex-end' } },
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
+    }
+
+    function HealthFreshnessTable({ t, dsId }) {
+      const rev = useFqRev()
+      const fr = useAsync(() => (dsId ? fqCache.get(dsId) : null), [dsId, rev])
+      const settings = useAsync(() => call('healthSettings'), [dsId, rev])
+      const events = useAsync(() => (dsId ? call('freshnessEvents', { datasourceId: dsId, limit: 10 }) : []), [dsId, rev])
+      const [busy, setBusy] = useState(false)
+      const refresh = async () => {
+        setBusy(true)
+        try { await fqCache.refresh(dsId) } catch (e) { notifyError(e) }
+        setBusy(false)
+      }
+      const setOverride = async (table, value) => {
+        const cur = structuredClone(settings.value?.freshness?.overrides ?? {})
+        cur[dsId] ??= {}
+        if (value === '' || value === null) delete cur[dsId][table]
+        else cur[dsId][table] = Number(value)
+        try { await call('saveHealthSettings', { freshness: { overrides: cur } }); await fqCache.refresh(dsId) } catch (e) { notifyError(e) }
+      }
+      const v = fr.value
+      const overrides = settings.value?.freshness?.overrides?.[dsId] ?? {}
+      return h('div', null,
+        h('div', { className: 'n2s-row', style: { marginBottom: 8 } },
+          h('div', { className: 'n2s-setsub', style: { margin: 0 } }, t('fq.title')),
+          v && h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'fq.checkedAt', { time: fqTime(v.checkedAt) })),
+          h('span', { className: 'n2s-grow' }),
+          h('button', { type: 'button', className: 'n2s-btn small', disabled: busy || !dsId, onClick: refresh }, busy ? h('span', { className: 'n2s-spin' }) : Icon.refresh(13), t('fq.refresh'))),
+        fr.error && h('div', { className: 'n2s-notice err' }, fr.error.message),
+        v && !v.analyzed && h('div', { className: 'n2s-notice' }, t('fq.notAnalyzed')),
+        v && v.analyzed && !v.tables.length && h('div', { className: 'n2s-notice' }, t('fq.noTables')),
+        v && v.tables.length > 0 && h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table' },
+          h('thead', null, h('tr', null, [t('fq.col.table'), t('fq.col.column'), t('fq.col.latest'), t('fq.col.lag'), t('fq.col.threshold')].map((x, i) => h('th', { key: i, className: i === 3 ? 'num' : undefined }, x)))),
+          h('tbody', null, v.tables.map(x => h('tr', { key: x.table },
+            h('td', null, h('span', { className: 'n2s-row', style: { flexWrap: 'nowrap' } }, h(FqDot, { status: x.status }), h('span', { className: 'n2s-mono' }, x.table))),
+            h('td', { className: 'n2s-mono n2s-muted' }, x.column),
+            h('td', { title: x.error ?? '' }, x.error ? h('span', { className: 'n2s-badge err' }, t('fq.st.error')) : x.latestAt === null ? t('fq.st.empty') : fqWhen(t, x.latestAt)),
+            h('td', { className: 'num' }, fqLag(t, x.lagMinutes)),
+            h('td', null, h('input', { className: 'n2s-input', type: 'number', min: 0, step: 0.5, style: { width: 90, height: 28 }, 'aria-label': fmt(t, 'fq.thresholdFor', { table: x.table }), placeholder: String(settings.value?.freshness?.staleHours ?? 24), defaultValue: overrides[x.table] ?? '', onBlur: e => { const val = e.target.value; if (String(overrides[x.table] ?? '') !== val) setOverride(x.table, val) } }))))))),
+        (events.value ?? []).length > 0 && h('div', { style: { marginTop: 10 } },
+          h('div', { className: 'n2s-faint n2s-small', style: { marginBottom: 4 } }, t('fq.events')),
+          events.value.map(e => h('div', { key: e.id, className: 'n2s-small n2s-muted' }, `${fqTime(e.at)} · ${e.kind === 'stale' ? '⚠️' : '✅'} ${e.table} ${e.kind === 'stale' ? fmt(t, 'fq.evStale', { lag: fqLag(t, e.lagMinutes) }) : t('fq.evRecovered')}${e.pushed ? ` · ${t('fq.pushed')}` : ''}`))))
+    }
+
+    function HealthQuality({ t, dsId }) {
+      const res = useAsync(() => (dsId ? call('qualityResults', { datasourceId: dsId }) : null), [dsId])
+      const [busy, setBusy] = useState(false)
+      const [open, setOpen] = useState({})
+      const run = async () => {
+        setBusy(true)
+        try { const r = await call('qualityScan', { datasourceId: dsId }); notify(fmt(t, 'fq.q.done', { score: r.score ?? '—' }), 'ok'); res.reload() } catch (e) { notifyError(e) }
+        setBusy(false)
+      }
+      const latest = res.value?.latest
+      const lang = uiLang === 'zh' ? 'zh' : 'en'
+      return h('div', null,
+        h('div', { className: 'n2s-row', style: { margin: '22px 0 8px' } },
+          h('div', { className: 'n2s-setsub', style: { margin: 0 } }, t('fq.q.title')),
+          latest && h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'fq.q.lastRun', { time: fqTime(latest.at) })),
+          h('span', { className: 'n2s-grow' }),
+          h('button', { type: 'button', className: 'n2s-btn small primary', disabled: busy || !dsId, onClick: run }, busy ? h('span', { className: 'n2s-spin' }) : Icon.spark(13), busy ? t('fq.q.running') : t('fq.q.run'))),
+        res.error && h('div', { className: 'n2s-notice err' }, res.error.message),
+        !res.loading && !latest && h('div', { className: 'n2s-notice' }, t('fq.q.empty')),
+        latest && h('div', { className: 'n2s-fq-summary' },
+          h(FqScore, { score: latest.score }),
+          h('div', { className: 'n2s-grow' },
+            h('div', null, latest.summary?.[lang] ?? ''),
+            res.value.history.length > 1 && h('div', { className: 'n2s-faint n2s-small' }, colon(t('fq.q.history')), res.value.history.slice(0, 10).reverse().map(x => x.score ?? '—').join(' → ')))),
+        latest && h('div', { className: 'n2s-table-wrap', style: { marginTop: 8 } }, h('table', { className: 'n2s-table' },
+          h('thead', null, h('tr', null, [t('fq.col.table'), t('fq.q.score'), t('fq.q.rows'), t('fq.q.issues')].map((x, i) => h('th', { key: i, className: i === 1 || i === 2 ? 'num' : undefined }, x)))),
+          h('tbody', null, latest.tables.map(r => {
+            const issues = (r.issues ?? []).filter(i => i.deduct > 0 || r.score === null)
+            const shown = open[r.table] ? issues : issues.slice(0, 2)
+            return h('tr', { key: r.table },
+              h('td', { className: 'n2s-mono' }, r.table),
+              h('td', { className: 'num' }, h(FqScore, { score: r.score })),
+              h('td', { className: 'num' }, r.rowCount ?? '—'),
+              h('td', null,
+                issues.length ? shown.map((i, k) => h('div', { key: k, className: 'n2s-small' }, i[lang])) : h('span', { className: 'n2s-faint n2s-small' }, t('fq.q.noIssues')),
+                issues.length > 2 && h('button', { type: 'button', className: 'n2s-link n2s-small', onClick: () => setOpen(o => ({ ...o, [r.table]: !o[r.table] })) }, open[r.table] ? t('fq.less') : fmt(t, 'fq.more', { n: issues.length - 2 }))))
+          })))))
+    }
+
+    function HealthSection({ t, ds, datasources }) {
+      const [dsId, setDsId] = useState(ds?.id ?? datasources?.[0]?.id ?? '')
+      useEffect(() => { if (!dsId && (ds?.id || datasources?.[0]?.id)) setDsId(ds?.id ?? datasources[0].id) }, [ds?.id, datasources?.length])
+      const status = useAsync(() => call('healthStatus'), [])
+      return h('div', null,
+        h(SectionHead, { title: t('fq.admin.title'), desc: t('fq.admin.desc') },
+          (datasources ?? []).length > 1 && h('select', { className: 'n2s-select inline', 'aria-label': t('ds.select'), value: dsId, onChange: e => setDsId(e.target.value) }, datasources.map(d => h('option', { key: d.id, value: d.id }, d.name)))),
+        status.value && h('div', { className: 'n2s-faint n2s-small', style: { marginBottom: 10 } },
+          status.value.freshness.enabled ? fmt(t, 'fq.admin.nextF', { time: fqTime(status.value.freshness.nextAt) }) : t('fq.admin.fOff'),
+          ' · ',
+          status.value.quality.enabled ? fmt(t, 'fq.admin.nextQ', { time: status.value.quality.time }) : t('fq.admin.qOff')),
+        !dsId ? h('div', { className: 'n2s-empty' }, h('h3', null, t('fq.admin.noDs'))) : h(React.Fragment, null,
+          h(HealthFreshnessTable, { key: `f-${dsId}`, t, dsId }),
+          h(HealthQuality, { key: `q-${dsId}`, t, dsId })),
+        h('div', { className: 'n2s-setsub' }, t('fq.set.title')),
+        h(HealthSettings, { t, onSaved: () => status.reload() }))
+    }
+    extend.adminSections.push({ id: 'health', label: (t) => t('fq.admin.nav'), icon: () => svg(15, [h('path', { key: 1, d: 'M1.5 8.5h3l1.5-4 3 7 1.5-3h4' })]), Component: HealthSection })
+    // ------------------------------------------------------------ reconciliation (对账)
+    // Admin section 'reconcile': saved jobs (two queries, key mapping, compare columns,
+    // schedule, channel), dry run with summary + difference tables (ResultView), run history.
+    // Also the conversation view of the nl2sql_reconcile agent tool.
+
+    const rcPct = (r) => (r === null || r === undefined ? '—' : `${(r * 100).toFixed(r === 1 || r === 0 ? 0 : 2)}%`)
+    const rcTime = (at) => new Date(at).toLocaleString(uiLocale(), { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+
+    function rcBlank(ds) {
+      return {
+        name: '', left: { datasourceId: ds?.id ?? '', sql: '' }, right: { datasourceId: ds?.id ?? '', sql: '' },
+        keys: [{ left: '', right: '' }], compare: [], options: { trim: true, ignoreCase: false },
+        schedule: { time: '09:00', enabled: false }, channelId: '', notifyOn: 'diff',
+      }
+    }
+
+    /** Definition as sent to the server: empty rows dropped, numbers parsed. */
+    function rcPayload(form) {
+      return {
+        ...(form.id ? { id: form.id } : {}),
+        name: form.name, left: form.left, right: form.right,
+        keys: form.keys.filter(k => k.left.trim()).map(k => ({ left: k.left.trim(), right: (k.right || k.left).trim() })),
+        compare: form.compare.filter(c => c.left.trim()).map(c => ({ left: c.left.trim(), right: (c.right || c.left).trim(), tolerance: c.tolerance === '' || c.tolerance === undefined ? 0 : Number(c.tolerance), relative: Boolean(c.relative) })),
+        options: form.options, schedule: form.schedule, channelId: form.channelId || null, notifyOn: form.notifyOn,
+      }
+    }
+
+    /** Summary numbers + warnings + the four detail tables (ResultView each). */
+    function ReconcileOutcome({ t, out }) {
+      const parts = ['summary', 'mismatches', 'onlyLeft', 'onlyRight']
+      const results = out.results ?? []
+      const firstDiff = results.findIndex((r, i) => i > 0 && r.rowCount > 0)
+      const [tab, setTab] = useState(firstDiff > 0 ? firstDiff : 0)
+      const s = out.summary
+      if (!s) return null
+      const lname = out.left?.label ?? out.left?.datasourceName
+      const rname = out.right?.label ?? out.right?.datasourceName
+      const stat = (label, value, bad) => h('div', { className: `n2s-rc-stat${bad ? ' bad' : ''}` }, h('div', { className: 'n2s-rc-stat-v' }, value), h('div', { className: 'n2s-rc-stat-l' }, label))
+      const label = (i) => (i === 0 ? t('rc.tab.summary') : i === 1 ? t('rc.tab.mismatches') : i === 2 ? fmt(t, 'rc.tab.only', { side: lname }) : fmt(t, 'rc.tab.only', { side: rname }))
+      const cur = results[tab]
+      return h('div', { className: 'n2s-rc-out' },
+        h('div', { className: `n2s-notice ${s.hasDiff ? 'warn' : 'ok'}`, role: 'status' }, s.hasDiff ? fmt(t, 'rc.hasDiff', { rate: rcPct(s.matchRate) }) : fmt(t, 'rc.noDiff', { rate: rcPct(s.matchRate) })),
+        h('div', { className: 'n2s-rc-stats' },
+          stat(t('rc.matchRate'), rcPct(s.matchRate), s.matchRate < 1),
+          stat(fmt(t, 'rc.rowsOf', { side: lname }), `${formatNumber(s.leftRows)}${s.truncated?.left ? '+' : ''}`),
+          stat(fmt(t, 'rc.rowsOf', { side: rname }), `${formatNumber(s.rightRows)}${s.truncated?.right ? '+' : ''}`),
+          stat(t('rc.matched'), formatNumber(s.matched)),
+          stat(fmt(t, 'rc.onlyIn', { side: lname }), formatNumber(s.onlyLeft), s.onlyLeft > 0),
+          stat(fmt(t, 'rc.onlyIn', { side: rname }), formatNumber(s.onlyRight), s.onlyRight > 0),
+          s.columns?.length > 0 && stat(t('rc.mismatched'), formatNumber(s.mismatchedRows), s.mismatchedRows > 0)),
+        s.columns?.length > 0 && h('div', { className: 'n2s-table-wrap', style: { marginTop: 8 } }, h('table', { className: 'n2s-table' },
+          h('thead', null, h('tr', null, [t('rc.col'), t('rc.mismatchRows'), fmt(t, 'rc.totalOf', { side: lname }), fmt(t, 'rc.totalOf', { side: rname }), t('rc.diff')].map((x, i) => h('th', { key: i }, x)))),
+          h('tbody', null, s.columns.map((c, i) => h('tr', { key: i },
+            h('td', null, c.label, c.tolerance ? h('span', { className: 'n2s-faint n2s-small' }, ` ±${c.relative ? `${+(c.tolerance * 100).toFixed(4)}%` : c.tolerance}`) : null),
+            h('td', { className: c.mismatches ? 'n2s-rc-bad' : undefined }, formatNumber(c.mismatches)),
+            h('td', null, c.leftTotal === undefined ? '—' : formatNumber(c.leftTotal)),
+            h('td', null, c.rightTotal === undefined ? '—' : formatNumber(c.rightTotal)),
+            h('td', { className: c.diff ? 'n2s-rc-bad' : undefined }, c.diff === undefined ? '—' : formatNumber(c.diff))))))),
+        (out.warnings ?? []).map((w, i) => h('div', { key: `w${i}`, className: 'n2s-notice warn', style: { marginTop: 8 } }, w)),
+        results.length > 0 && h('div', { className: 'n2s-seg', role: 'tablist', style: { marginTop: 12 } }, results.map((r, i) => h('button', { key: parts[i] ?? i, type: 'button', role: 'tab', 'aria-pressed': tab === i, 'aria-selected': tab === i, onClick: () => setTab(i) }, label(i), i > 0 ? ` (${formatNumber(r.rowCount)}${r.truncated ? '+' : ''})` : ''))),
+        cur && h('div', { style: { marginTop: 8 } }, cur.rows ? h(ResultView, { key: cur.resultId, t, result: cur, compact: true, onPinned: { hidden: true } }) : h('div', { className: 'n2s-faint' }, t('result.expired'))))
+    }
+
+    function RcSidePane({ t, title, side, datasources, onChange }) {
+      return h('div', { className: 'n2s-rc-pane' },
+        h('div', { className: 'n2s-rc-pane-title' }, title),
+        h('label', { className: 'n2s-field' }, h('span', null, t('ds.select')),
+          h('select', { className: 'n2s-select', value: side.datasourceId, onChange: e => onChange({ ...side, datasourceId: e.target.value }) },
+            h('option', { value: '' }, '—'), datasources.map(d => h('option', { key: d.id, value: d.id }, d.name)))),
+        h('label', { className: 'n2s-field' }, h('span', null, 'SQL'),
+          h('textarea', { className: 'n2s-textarea n2s-mono', spellCheck: false, rows: 6, value: side.sql, onChange: e => onChange({ ...side, sql: e.target.value }), placeholder: 'SELECT order_no, amount FROM orders WHERE DATE(created_at) = CURDATE() - INTERVAL 1 DAY' })))
+    }
+
+    function ReconcileEditor({ t, initial, datasources, ds, onDone, onCancel }) {
+      const [form, setForm] = useState(() => {
+        const b = rcBlank(ds)
+        if (!initial) return b
+        return { ...b, ...initial, channelId: initial.channelId ?? '', keys: initial.keys?.length ? initial.keys : b.keys, compare: (initial.compare ?? []).map(c => ({ ...c, tolerance: c.tolerance ?? 0 })), options: { ...b.options, ...(initial.options ?? {}) }, schedule: { ...b.schedule, ...(initial.schedule ?? {}) } }
+      })
+      const [error, setError] = useState(null)
+      const [dry, setDry] = useState(null)
+      const [busy, runBusy] = useBusy()
+      const patch = (p) => setForm(f => ({ ...f, ...p }))
+      const setList = (key, i, p) => setForm(f => ({ ...f, [key]: f[key].map((x, j) => (j === i ? { ...x, ...p } : x)) }))
+      const addRow = (key, row) => setForm(f => ({ ...f, [key]: [...f[key], row] }))
+      const delRow = (key, i) => setForm(f => ({ ...f, [key]: f[key].filter((_, j) => j !== i) }))
+      const save = () => runBusy(async () => {
+        setError(null)
+        try { await call('saveReconcile', rcPayload(form)); notify(t('rc.saved'), 'ok'); onDone() } catch (e) { setError(e.message) }
+      })
+      const dryRun = async () => {
+        if (dry?.busy) return
+        setDry({ busy: true })
+        try { setDry({ out: await call('runReconcile', { definition: { ...rcPayload(form), name: form.name || t('rc.dryRun') } }) }) } catch (e) { setDry({ error: e.message }) }
+      }
+      const colInput = (value, onChange, ph, label) => h('input', { className: 'n2s-input', value, placeholder: ph, 'aria-label': label, onChange: e => onChange(e.target.value) })
+      return h('div', { className: 'n2s-card n2s-rc-editor', style: { marginBottom: 12 } },
+        h('label', { className: 'n2s-field' }, h('span', null, t('rc.name')), h('input', { className: 'n2s-input', value: form.name, onChange: e => patch({ name: e.target.value }), placeholder: t('rc.namePh') })),
+        h('div', { className: 'n2s-rc-panes' },
+          h(RcSidePane, { t, title: t('rc.left'), side: form.left, datasources, onChange: (left) => patch({ left }) }),
+          h(RcSidePane, { t, title: t('rc.right'), side: form.right, datasources, onChange: (right) => patch({ right }) })),
+        h('div', { className: 'n2s-field full' }, h('span', null, t('rc.keys')), h('span', { className: 'n2s-faint n2s-small' }, t('rc.keysHint')),
+          form.keys.map((k, i) => h('div', { key: i, className: 'n2s-rc-maprow' },
+            colInput(k.left, v => setList('keys', i, { left: v }), t('rc.leftCol'), `${t('rc.keys')} ${i + 1} ${t('rc.left')}`),
+            h('span', { className: 'n2s-muted', 'aria-hidden': true }, '⇄'),
+            colInput(k.right, v => setList('keys', i, { right: v }), k.left || t('rc.rightCol'), `${t('rc.keys')} ${i + 1} ${t('rc.right')}`),
+            h('button', { type: 'button', className: 'n2s-iconbtn', disabled: form.keys.length <= 1, title: t('ds.delete'), 'aria-label': t('ds.delete'), onClick: () => delRow('keys', i) }, Icon.trash(14)))),
+          h('div', null, h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => addRow('keys', { left: '', right: '' }) }, '+ ', t('rc.addKey')))),
+        h('div', { className: 'n2s-field full' }, h('span', null, t('rc.compare')), h('span', { className: 'n2s-faint n2s-small' }, t('rc.compareHint')),
+          form.compare.map((c, i) => h('div', { key: i, className: 'n2s-rc-maprow' },
+            colInput(c.left, v => setList('compare', i, { left: v }), t('rc.leftCol'), `${t('rc.compare')} ${i + 1} ${t('rc.left')}`),
+            h('span', { className: 'n2s-muted', 'aria-hidden': true }, '⇄'),
+            colInput(c.right, v => setList('compare', i, { right: v }), c.left || t('rc.rightCol'), `${t('rc.compare')} ${i + 1} ${t('rc.right')}`),
+            h('input', { className: 'n2s-input n2s-rc-tol', type: 'number', min: 0, step: 'any', value: c.tolerance, 'aria-label': t('rc.tolerance'), title: t('rc.tolerance'), placeholder: t('rc.tolerance'), onChange: e => setList('compare', i, { tolerance: e.target.value }) }),
+            h('select', { className: 'n2s-select inline', value: c.relative ? 'rel' : 'abs', 'aria-label': t('rc.tolMode'), onChange: e => setList('compare', i, { relative: e.target.value === 'rel' }) },
+              h('option', { value: 'abs' }, t('rc.tolAbs')), h('option', { value: 'rel' }, t('rc.tolRel'))),
+            h('button', { type: 'button', className: 'n2s-iconbtn', title: t('ds.delete'), 'aria-label': t('ds.delete'), onClick: () => delRow('compare', i) }, Icon.trash(14)))),
+          h('div', null, h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => addRow('compare', { left: '', right: '', tolerance: 0, relative: false }) }, '+ ', t('rc.addCompare')))),
+        h('div', { className: 'n2s-row', style: { gap: 16, marginTop: 4 } },
+          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.options.trim, onChange: e => patch({ options: { ...form.options, trim: e.target.checked } }) }), t('rc.trim')),
+          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.options.ignoreCase, onChange: e => patch({ options: { ...form.options, ignoreCase: e.target.checked } }) }), t('rc.ignoreCase'))),
+        h('div', { className: 'n2s-form', style: { marginTop: 10 } },
+          h('label', { className: 'n2s-check', style: { alignSelf: 'end' } }, h('input', { type: 'checkbox', checked: form.schedule.enabled, onChange: e => patch({ schedule: { ...form.schedule, enabled: e.target.checked } }) }), t('rc.daily')),
+          h('label', { className: 'n2s-field' }, h('span', null, t('rep.time')), h('input', { className: 'n2s-input', type: 'time', value: form.schedule.time, disabled: !form.schedule.enabled, onChange: e => patch({ schedule: { ...form.schedule, time: e.target.value } }) })),
+          h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-rc-channel', className: 'n2s-flabel' }, t('rep.push')), h(ChannelPicker, { t, id: 'n2s-rc-channel', value: form.channelId ?? '', noneLabel: t('rc.noPush'), onChange: (v) => patch({ channelId: v }) })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('rc.notifyOn')), h('select', { className: 'n2s-select', value: form.notifyOn, disabled: !form.channelId, onChange: e => patch({ notifyOn: e.target.value }) },
+            h('option', { value: 'diff' }, t('rc.notify.diff')), h('option', { value: 'always' }, t('rc.notify.always'))))),
+        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: dry?.busy, onClick: dryRun }, dry?.busy ? h('span', { className: 'n2s-spin' }) : null, t('rc.dryRun')),
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))),
+        dry?.error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, dry.error),
+        dry?.out && h('div', { className: 'n2s-rc-dry' }, h('div', { className: 'n2s-rc-pane-title' }, t('rc.dryResult')), h(ReconcileOutcome, { t, out: dry.out })))
+    }
+
+    function RcStatus({ t, run }) {
+      if (!run) return h('span', { className: 'n2s-statusdot' }, t('rc.never'))
+      if (run.status === 'error') return h('span', { className: 'n2s-statusdot err', title: run.error }, t('rc.status.error'))
+      return h('span', { className: `n2s-statusdot ${run.status === 'diff' ? 'warn' : 'ok'}` }, run.status === 'diff' ? t('rc.status.diff') : t('rc.status.ok'))
+    }
+
+    function rcDiffText(t, run) {
+      if (!run || run.status === 'error') return ''
+      const s = run.summary ?? run
+      return joinList([
+        `${t('rc.matchRate')} ${rcPct(s.matchRate)}`,
+        s.onlyLeft ? fmt(t, 'rc.short.onlyLeft', { n: s.onlyLeft }) : null,
+        s.onlyRight ? fmt(t, 'rc.short.onlyRight', { n: s.onlyRight }) : null,
+        s.mismatchedRows ? fmt(t, 'rc.short.mismatch', { n: s.mismatchedRows }) : null,
+        s.complete === false ? t('rc.incomplete') : null,
+      ], ' · ')
+    }
+
+    function ReconcileSection({ t, ds, datasources }) {
+      const list = useAsync(() => call('listReconciles'), [])
+      const [editing, setEditing] = useState(null)
+      const [historyOf, setHistoryOf] = useState(null)
+      const [shown, setShown] = useState(null)
+      const runs = useAsync(() => call('reconcileRuns', { id: historyOf ?? undefined, limit: 50 }), [historyOf, list.value])
+      const [running, setRunning] = useState(null)
+      const jobs = list.value ?? []
+      const runNow = async (job) => {
+        if (running) return
+        setRunning(job.id)
+        try {
+          const out = await call('runReconcile', { id: job.id })
+          if (out.ok === false) notify(out.error, 'err')
+          else { notify(`${out.status === 'diff' ? '⚠️ ' : '✓ '}${rcDiffText(t, out)}${out.pushed ? ` · ${t('rc.pushed')}` : ''}`, out.status === 'diff' ? 'info' : 'ok'); setShown(out) }
+        } catch (e) { notifyError(e) } finally { setRunning(null); list.reload() }
+      }
+      const showRun = async (r) => {
+        if (!r.resultIds?.length) return setShown({ ...r, results: [] })
+        const results = await Promise.all(r.resultIds.map(id => call('getResult', { resultId: id }).catch(() => null)))
+        setShown({ ...r, results: results.map((x, i) => x ?? { resultId: r.resultIds[i], title: '', rowCount: 0 }) })
+      }
+      return h('div', { className: 'n2s-rc' },
+        h(SectionHead, { title: t('rc.title'), desc: t('rc.hint') }, h('button', { type: 'button', className: 'n2s-btn primary', disabled: !datasources?.length, onClick: () => { setShown(null); setEditing({}) } }, '+ ', t('rc.add'))),
+        editing && h(ReconcileEditor, { key: editing.id ?? 'new', t, ds, datasources: datasources ?? [], initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: () => { setEditing(null); list.reload() } }),
+        list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
+        !list.loading && !list.error && jobs.length === 0 && !editing && h('div', { className: 'n2s-empty' }, h('h3', null, t('rc.empty')), h('div', null, t('rc.emptyHint')), h('button', { type: 'button', className: 'n2s-btn primary', disabled: !datasources?.length, onClick: () => setEditing({}) }, t('rc.add'))),
+        jobs.length > 0 && h('div', { className: 'n2s-list2' }, jobs.map(j => h('div', { key: j.id, className: 'n2s-list2-row' },
+          h('span', { className: 'n2s-tile', 'aria-hidden': true }, '⇄'),
+          h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+            h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, j.name),
+              j.schedule?.enabled ? h('span', { className: 'n2s-badge' }, fmt(t, 'rc.dailyAt', { time: j.schedule.time })) : h('span', { className: 'n2s-badge' }, t('rc.manual')),
+              j.channelName && h('span', { className: 'n2s-badge' }, Icon.send(11), j.channelName)),
+            h('div', { className: 'n2s-list2-sub' }, `${j.leftName} ⇄ ${j.rightName} · ${colon(t('rc.keys'))}${joinList(j.keys.map(k => (k.left === k.right ? k.left : `${k.left}/${k.right}`)))}`),
+            j.lastRun && h('div', { className: 'n2s-list2-sub' }, `${rcTime(j.lastRun.at)} · `, j.lastRun.status === 'error' ? h('span', { style: { color: 'var(--n2s-err)' } }, j.lastRun.error) : rcDiffText(t, j.lastRun))),
+          h('div', { className: 'n2s-list2-side' }, h(RcStatus, { t, run: j.lastRun })),
+          h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
+            h('button', { type: 'button', className: 'n2s-btn small', disabled: Boolean(running), onClick: () => runNow(j) }, running === j.id ? h('span', { className: 'n2s-spin' }) : null, t('rc.runNow')),
+            h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
+              { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => { setShown(null); setEditing(j) } },
+              { label: t('rc.history'), icon: Icon.table(14), onClick: () => setHistoryOf(j.id) },
+              { label: j.schedule?.enabled ? t('rep.pause') : t('rep.resume'), icon: Icon.refresh(14), onClick: async () => { try { await call('saveReconcile', { id: j.id, schedule: { ...j.schedule, enabled: !j.schedule?.enabled } }) } catch (e) { notifyError(e) } list.reload() } },
+              { divider: true },
+              { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'rc.deleteConfirm', { name: j.name }), danger: true })) { try { await call('deleteReconcile', { id: j.id }) } catch (e) { notifyError(e) } list.reload() } } },
+            ] }))))),
+        shown && h('div', { className: 'n2s-section' },
+          h('div', { className: 'n2s-row' }, h('h2', { className: 'n2s-grow' }, fmt(t, 'rc.runOf', { name: shown.title ?? shown.name ?? '' }), shown.at ? h('span', { className: 'n2s-faint n2s-small' }, ` · ${rcTime(shown.at)}`) : null),
+            h('button', { type: 'button', className: 'n2s-iconbtn', title: t('rc.close'), 'aria-label': t('rc.close'), onClick: () => setShown(null) }, Icon.close(14))),
+          shown.error ? h('div', { className: 'n2s-notice err' }, shown.error) : h(ReconcileOutcome, { key: shown.runId ?? shown.id ?? shown.at, t, out: shown })),
+        (runs.value ?? []).length > 0 && h('div', { className: 'n2s-section' },
+          h('div', { className: 'n2s-row' }, h('h2', { className: 'n2s-grow' }, historyOf ? fmt(t, 'rc.historyOf', { name: jobs.find(j => j.id === historyOf)?.name ?? '' }) : t('rc.history')),
+            historyOf && h('button', { type: 'button', className: 'n2s-btn small ghost', onClick: () => setHistoryOf(null) }, t('rc.allRuns'))),
+          h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table n2s-rc-runs' },
+            h('thead', null, h('tr', null, [t('im.col.time'), t('rc.name'), t('im.col.status'), t('rc.detail'), t('rc.push')].map((x, i) => h('th', { key: i }, x)))),
+            h('tbody', null, runs.value.map(r => h('tr', { key: r.id, className: 'n2s-rc-run', tabIndex: 0, onClick: () => showRun(r), onKeyDown: (e) => { if (e.key === 'Enter') showRun(r) } },
+              h('td', { className: 'n2s-muted' }, rcTime(r.at)),
+              h('td', null, r.name, r.source === 'schedule' ? h('span', { className: 'n2s-faint n2s-small' }, ` · ${t('rc.scheduled')}`) : null),
+              h('td', null, h(RcStatus, { t, run: r })),
+              h('td', { style: { whiteSpace: 'normal' } }, r.status === 'error' ? r.error : rcDiffText(t, r)),
+              h('td', null, r.pushed ? h('span', { className: 'n2s-statusdot ok' }, t('im.sentOk')) : r.pushError ? h('span', { className: 'n2s-statusdot err', title: r.pushError }, t('im.lastFailed')) : h('span', { className: 'n2s-faint' }, '—')))))))))
+    }
+
+    extend.adminSections.push({ id: 'reconcile', label: (t) => t('rc.title'), icon: () => svg(15, [h('path', { key: 1, d: 'M2.5 5h10M10 2.5 12.5 5 10 7.5M13.5 11h-10M6 8.5 3.5 11 6 13.5' })]), Component: ReconcileSection })
+
+    /** Conversation view of nl2sql_reconcile: summary + difference tables. */
+    function makeReconcileToolView(ctx) {
+      return function Nl2SqlReconcileView(props) {
+        const t = useMemo(() => ctx.locale.bind(NS), [])
+        setUiLang(useSyncExternalStore(ctx.locale.subscribe.bind(ctx.locale), () => ctx.locale.getSnapshot(), () => ctx.locale.getSnapshot()))
+        const block = props.block
+        const settled = props.phase === 'result'
+        const meta = settled ? block.meta : undefined
+        const args = parseArgs(settled ? block.call?.argsRaw : block?.argsRaw)
+        const [results, setResults] = useState(null)
+        useEffect(() => {
+          if (!settled || block.isError || !meta?.results) return
+          let alive = true
+          Promise.all(meta.results.map(r => call('getResult', { resultId: r.resultId }).then(full => full ?? { ...r, rows: null }).catch(() => ({ ...r, rows: null }))))
+            .then(list => alive && setResults(list))
+          return () => { alive = false }
+        }, [settled, meta])
+        const title = args.title || t('rc.tool')
+        if (!settled) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-spin n2s-muted' }), h('span', { className: 'n2s-muted' }, t('rc.toolRunning')), h('span', null, title)))
+        if (block.isError) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-badge err' }, t('tool.failed')), h('span', null, title)), h('div', { className: 'n2s-notice err', style: { marginTop: 8 } }, block.content?.map(c => (c.type === 'text' ? c.text : '')).join('\n')))
+        return h('div', { className: 'n2s-toolcard' },
+          h('div', { className: 'n2s-row', style: { marginBottom: 8 } }, h('span', { style: { fontWeight: 500 } }, meta?.title ?? title), meta?.left && h('span', { className: 'n2s-badge' }, `${meta.left.datasourceName} ⇄ ${meta.right.datasourceName}`)),
+          !meta?.summary ? null : !results ? h('span', { className: 'n2s-spin n2s-muted' }) : h(ReconcileOutcome, { t, out: { ...meta, results } }))
+      }
+    }
+    if (extend.toolViews) extend.toolViews.push({ key: 'nl2sql_reconcile', make: makeReconcileToolView })
+    // ------------------------------------------------------------ chat subscriptions (admin section)
+
+    /** Subscriptions and alerts created from IM chats, grouped by chat, with pause / resume / delete. */
+    function ChatSubscriptionsSection({ t }) {
+      const list = useAsync(() => call('listChatSubscriptions'), [])
+      const [notice, setNotice] = useState(null)
+      const groups = list.value ?? []
+      const when = (ms) => (ms ? new Date(ms).toLocaleString(uiLocale(), { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : '—')
+      const act = async (item, action) => {
+        setNotice(null)
+        if (action === 'delete' && !(await confirmDialog({ title: fmt(t, 'sub.deleteConfirm', { name: item.title }), danger: true }))) return
+        try { await call('setChatSubscription', { id: item.id, action }); setNotice({ ok: true, text: t(`sub.done.${action}`) }) } catch (e) { setNotice({ ok: false, text: e.message }) }
+        list.reload()
+      }
+      const statusDot = (s) => h('span', { className: `n2s-statusdot ${s === 'active' ? 'ok' : s === 'suspended' ? 'err' : ''}` }, t(`sub.status.${s}`))
+      return h('div', { className: 'n2s-sub' },
+        h(SectionHead, { title: t('sub.title'), desc: t('sub.desc') },
+          h('button', { type: 'button', className: 'n2s-btn', onClick: () => list.reload() }, Icon.refresh(14), ' ', t('sub.refresh'))),
+        notice && h('div', { className: `n2s-notice ${notice.ok ? 'ok' : 'err'}`, role: 'status', style: { marginBottom: 10 } }, notice.text),
+        list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
+        !list.loading && !list.error && groups.length === 0 && h('div', { className: 'n2s-empty' }, h('h3', null, t('sub.empty')), h('div', null, t('sub.emptyHint'))),
+        groups.map(g => h('div', { key: g.key, className: 'n2s-card n2s-sub-group' },
+          h('div', { className: 'n2s-sub-head' },
+            h('span', { className: 'n2s-sub-chat' }, g.chatName || g.chatId),
+            h('span', { className: 'n2s-badge' }, Icon.send(11), ' ', g.channelName ?? g.channelId),
+            h('span', { className: 'n2s-faint n2s-small' }, g.platform)),
+          h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table' },
+            h('thead', null, h('tr', null, [t('sub.col.item'), t('sub.col.creator'), t('sub.col.schedule'), t('sub.col.last'), t('sub.col.status'), ''].map((x, i) => h('th', { key: i }, x)))),
+            h('tbody', null, g.items.map(it => h('tr', { key: it.id },
+              h('td', null,
+                h('span', { className: 'n2s-badge n2s-sub-kind' }, t(`sub.kind.${it.kind}`)), ' ', it.title,
+                h('div', { className: 'n2s-faint n2s-small' }, joinList([it.datasourceName, it.conditionText, it.metric]))),
+              h('td', null, it.createdBy?.name ?? '—'),
+              h('td', null, it.schedule, it.nextAt ? h('div', { className: 'n2s-faint n2s-small' }, `${colon(t('sub.next'))}${when(it.nextAt)}`) : null),
+              h('td', null, when(it.lastDeliveredAt)),
+              h('td', null, statusDot(it.status), it.lastError && h('div', { className: 'n2s-small n2s-sub-err' }, it.lastError)),
+              h('td', null, h('div', { className: 'n2s-row', style: { gap: 4, flexWrap: 'nowrap' } },
+                it.status === 'active'
+                  ? h('button', { type: 'button', className: 'n2s-btn small', onClick: () => act(it, 'pause') }, t('sub.pause'))
+                  : h('button', { type: 'button', className: 'n2s-btn small', onClick: () => act(it, 'resume') }, t('sub.resume')),
+                h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-label': t('sub.delete'), title: t('sub.delete'), onClick: () => act(it, 'delete') }, Icon.trash(13))))))))))))
+    }
+
+    extend.adminSections.push({ id: 'subscriptions', label: (t) => t('sub.nav'), icon: () => svg(15, [h('path', { key: 1, d: 'M4 6.5a4 4 0 0 1 8 0c0 3 1.5 4.5 1.5 4.5h-11S4 9.5 4 6.5M6.5 13.5a1.6 1.6 0 0 0 3 0' })]), Component: ChatSubscriptionsSection })
+    // ------------------------------------------------------------ proactive (daily digest, goals, forecast)
+    // Admin sections 'digests' (每日简报) and 'goals' (目标); goal chips in the dashboard bar;
+    // "预测未来 N 天" in the result menu + forecast panel under the result; nl2sql_forecast tool view.
+
+    // ---- forecast
+
+    /** resultId → horizon requested from the result menu (shared by the menu item and the panel). */
+    const proForecastStore = createStore({})
+
+    function proForecastOption(f, el, t) {
+      const label = cssVar(el, '--dsw-alias-label-secondary', '#888')
+      const text = cssVar(el, '--dsw-alias-label-primary', '#222')
+      const border = cssVar(el, '--dsw-alias-border-l1', 'rgba(128,128,128,.25)')
+      const surface = cssVar(el, '--dsw-alias-bg-layer-1', '#fff')
+      const color = '#3b82f6'
+      const fcColor = '#f59e0b'
+      const hist = f.history ?? []
+      const fc = f.forecast ?? []
+      const cats = [...hist.map(p => String(p.x)), ...fc.map(p => String(p.x))]
+      const n = hist.length
+      const pad = (k) => new Array(k).fill(null)
+      const histData = hist.map(p => p.y)
+      // The dashed forecast starts at the last observation so the two lines join.
+      const fcData = [...pad(Math.max(0, n - 1)), n ? hist[n - 1].y : null, ...fc.map(p => p.value)]
+      const lower = [...pad(n), ...fc.map(p => p.lower)]
+      const width = [...pad(n), ...fc.map(p => p.upper - p.lower)]
+      const axisCommon = { axisLine: { show: false }, axisTick: { show: false }, axisLabel: { color: label, fontSize: 11 }, splitLine: { lineStyle: { color: border, type: [3, 3] } } }
+      return {
+        color: [color, fcColor],
+        backgroundColor: 'transparent',
+        textStyle: { color: text, fontFamily: 'inherit' },
+        animationDuration: 300,
+        grid: { left: 4, right: 8, top: 36, bottom: 4, containLabel: true },
+        legend: { top: 0, left: 0, icon: 'roundRect', itemWidth: 10, itemHeight: 10, itemGap: 16, textStyle: { color: label, fontSize: 12 }, data: [f.measure, t('pro.fc.forecast'), t('pro.fc.band')] },
+        tooltip: {
+          trigger: 'axis', confine: true, backgroundColor: surface, borderColor: border, borderWidth: 1, padding: [8, 10], textStyle: { color: text, fontSize: 12 },
+          formatter: (ps) => {
+            const i = ps[0]?.dataIndex ?? 0
+            const rows = [escapeHtml(cats[i])]
+            if (i < n) rows.push(`${escapeHtml(f.measure)}: ${formatNumber(hist[i].y)}`)
+            else { const p = fc[i - n]; rows.push(`${escapeHtml(t('pro.fc.forecast'))}: ${formatNumber(p.value)}`, `95%: ${formatNumber(p.lower)} ~ ${formatNumber(p.upper)}`) }
+            return rows.join('<br/>')
+          },
+        },
+        xAxis: { type: 'category', data: cats, boundaryGap: false, ...axisCommon, axisLine: { show: true, lineStyle: { color: border } }, axisLabel: { color: label, fontSize: 11, hideOverlap: true }, splitLine: { show: false } },
+        yAxis: { type: 'value', scale: true, ...axisCommon, axisLabel: { color: label, fontSize: 11, formatter: (v) => formatNumber(v) } },
+        dataZoom: cats.length > 60 ? [{ type: 'inside', startValue: Math.max(0, cats.length - 60) }] : undefined,
+        series: [
+          { name: f.measure, type: 'line', data: histData, smooth: 0.3, showSymbol: false, symbol: 'circle', lineStyle: { width: 2, color }, itemStyle: { color }, areaStyle: { opacity: 0.06 } },
+          { name: t('pro.fc.forecast'), type: 'line', data: fcData, smooth: 0.3, showSymbol: false, symbol: 'circle', lineStyle: { width: 2, type: 'dashed', color: fcColor }, itemStyle: { color: fcColor } },
+          { name: 'lower', type: 'line', data: lower, stack: 'band', stackStrategy: 'all', symbol: 'none', lineStyle: { opacity: 0 }, silent: true, tooltip: { show: false } },
+          { name: t('pro.fc.band'), type: 'line', data: width, stack: 'band', stackStrategy: 'all', symbol: 'none', lineStyle: { opacity: 0 }, itemStyle: { color: fcColor }, areaStyle: { color: fcColor, opacity: 0.16 }, silent: true },
+        ],
+      }
+    }
+
+    function ForecastChart({ t, forecast }) {
+      const ref = useRef(null)
+      const inst = useRef(null)
+      const [error, setError] = useState(null)
+      useEffect(() => {
+        let disposed = false
+        let observer
+        loadEcharts().then((echarts) => {
+          if (disposed || !ref.current) return
+          inst.current = echarts.init(ref.current, null, { renderer: 'canvas' })
+          observer = new ResizeObserver(() => inst.current?.resize())
+          observer.observe(ref.current)
+          try { inst.current.setOption(proForecastOption(forecast, ref.current, t), true) } catch (e) { setError(e.message) }
+        }, (e) => setError(e.message))
+        return () => { disposed = true; observer?.disconnect(); inst.current?.dispose(); inst.current = null }
+      }, [forecast])
+      return h('div', { style: { position: 'relative' } },
+        error && h('div', { className: 'n2s-notice err' }, error),
+        h('div', { ref, className: 'n2s-chart', role: 'img', 'aria-label': t('pro.fc.title') }))
+    }
+
+    /** Forecast summary + chart + table, shared by the result panel and the tool view. */
+    function ForecastView({ t, f, onClose, onHorizon }) {
+      const [showTable, setShowTable] = useState(false)
+      const method = f.method === 'holt-winters' ? t('pro.fc.hw') : t('pro.fc.holt')
+      return h('div', { className: 'n2s-pro-fc' },
+        h('div', { className: 'n2s-row', style: { gap: 8, marginBottom: 6 } },
+          h('span', { className: 'n2s-pro-fc-title' }, Icon.spark(13), fmt(t, 'pro.fc.heading', { n: f.horizon })),
+          h('span', { className: 'n2s-badge' }, method),
+          f.filled > 0 && h('span', { className: 'n2s-badge warn', title: t('pro.fc.filledHint') }, fmt(t, 'pro.fc.filled', { n: f.filled })),
+          h('span', { className: 'n2s-grow' }),
+          onHorizon && h(Dropdown, { label: t('pro.fc.horizon'), trigger: { className: 'n2s-btn small ghost', content: h(React.Fragment, null, fmt(t, 'pro.fc.nDays', { n: f.horizon }), Icon.chev(10)) }, items: [7, 14, 30].map(n => ({ label: fmt(t, 'pro.fc.nDays', { n }), checked: f.horizon === n, onClick: () => onHorizon(n) })) }),
+          h('button', { type: 'button', className: 'n2s-btn small ghost', 'aria-expanded': showTable, onClick: () => setShowTable(v => !v) }, Icon.table(13), t('result.data')),
+          onClose && h('button', { type: 'button', className: 'n2s-iconbtn', title: t('pro.close'), 'aria-label': t('pro.close'), onClick: onClose }, Icon.close())),
+        h(ForecastChart, { t, forecast: f }),
+        h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 6 } }, t('pro.fc.note')),
+        showTable && h('div', { className: 'n2s-table-wrap', style: { marginTop: 8 } }, h('table', { className: 'n2s-table' },
+          h('thead', null, h('tr', null, [f.x, t('pro.fc.forecast'), t('pro.fc.lower'), t('pro.fc.upper')].map((c, i) => h('th', { key: i, className: i ? 'num' : undefined }, c)))),
+          h('tbody', null, (f.forecast ?? []).map(p => h('tr', { key: p.x }, h('td', null, p.x), h('td', { className: 'num' }, formatNumber(p.value)), h('td', { className: 'num' }, formatNumber(p.lower)), h('td', { className: 'num' }, formatNumber(p.upper))))))))
+    }
+
+    /** Can this result be forecast? Time column + exactly one numeric measure, no series split. */
+    function proForecastable(result) {
+      if (!result?.columns || !result.rows || result.rows.length < 3 || result.chart?.series) return false
+      const time = result.columns.some(c => c.kind === 'time')
+      const nums = result.columns.filter(c => c.kind === 'number')
+      const ys = result.chart?.y?.length ? result.chart.y : nums.map(c => c.name)
+      return time && ys.filter(y => nums.some(c => c.name === y)).length === 1
+    }
+
+    function ForecastPanel({ t, result }) {
+      const get = () => proForecastStore.get()[result?.resultId]
+      const horizon = useSyncExternalStore(proForecastStore.subscribe, get, get)
+      const fc = useAsync(() => (horizon ? call('forecast', { resultId: result.resultId, horizon }) : null), [result?.resultId, horizon])
+      if (!horizon) return null
+      const close = () => proForecastStore.set({ [result.resultId]: 0 })
+      if (fc.error) return h('div', { className: 'n2s-notice err', role: 'alert', style: { marginTop: 8 } }, fc.error.message, ' ', h('button', { type: 'button', className: 'n2s-link', onClick: close }, t('pro.close')))
+      if (!fc.value) return h('div', { className: 'n2s-pro-fc' }, h('span', { className: 'n2s-spin n2s-muted' }), ' ', h('span', { className: 'n2s-muted n2s-small' }, t('pro.fc.running')))
+      return h(ForecastView, { t, f: fc.value, onClose: close, onHorizon: (n) => proForecastStore.set({ [result.resultId]: n }) })
+    }
+
+    extend.resultMenu.push(({ t, result }) => (proForecastable(result) ? [
+      { divider: true },
+      { label: fmt(t, 'pro.fc.menu', { n: 7 }), icon: Icon.spark(14), onClick: () => proForecastStore.set({ [result.resultId]: 7 }) },
+    ] : []))
+    extend.resultPanels.push(ForecastPanel)
+
+    function makeForecastToolView(ctx) {
+      return function Nl2SqlForecastView(props) {
+        const t = useMemo(() => ctx.locale.bind(NS), [])
+        setUiLang(useSyncExternalStore(ctx.locale.subscribe.bind(ctx.locale), () => ctx.locale.getSnapshot(), () => ctx.locale.getSnapshot()))
+        const block = props.block
+        const settled = props.phase === 'result'
+        const f = settled ? block.meta?.forecast : undefined
+        if (!settled) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-row' }, h('span', { className: 'n2s-spin n2s-muted' }), h('span', { className: 'n2s-muted' }, t('pro.fc.running'))))
+        if (block.isError || !f) return h('div', { className: 'n2s-toolcard' }, h('div', { className: 'n2s-notice err' }, block.content?.map(c => (c.type === 'text' ? c.text : '')).join('\n') || t('tool.failed')))
+        return h('div', { className: 'n2s-toolcard' }, f.title && h('div', { style: { fontWeight: 500, marginBottom: 6 } }, f.title), h(ForecastView, { t, f }))
+      }
+    }
+    if (extend.toolViews) extend.toolViews.push({ key: 'nl2sql_forecast', make: makeForecastToolView })
+
+    // ---- goals
+
+    const proStatusClass = { 'on-track': 'ok', achieved: 'ok', 'at-risk': 'warn', missed: 'err', error: 'err' }
+    const proPct = (v) => (v === null || v === undefined || !Number.isFinite(v) ? '—' : `${Math.round(v * 100)}%`)
+
+    function GoalBar({ g }) {
+      const w = Math.max(0, Math.min(100, (g.pct ?? 0) * 100))
+      const pw = Math.max(0, Math.min(100, (g.projectedPct ?? 0) * 100))
+      const tick = Math.max(0, Math.min(100, (g.elapsedPct ?? 0) * 100))
+      return h('span', { className: `n2s-pro-bar ${proStatusClass[g.status] ?? ''}`, 'aria-hidden': true },
+        h('span', { className: 'proj', style: { width: `${pw}%` } }),
+        h('span', { className: 'cur', style: { width: `${w}%` } }),
+        g.direction !== 'down' && h('span', { className: 'tick', style: { left: `${tick}%` } }))
+    }
+
+    /** Goal chips in the dashboard bar: goals tied to this dashboard or to its data sources. */
+    function GoalChips({ t, boardId }) {
+      const list = useAsync(() => (boardId ? call('goalProgress', { dashboardId: boardId }) : []), [boardId])
+      const goals = list.value ?? []
+      if (!goals.length) return null
+      return h('div', { className: 'n2s-pro-chips', role: 'list', 'aria-label': t('pro.goals.title') }, goals.slice(0, 4).map(g => h('span', {
+        key: g.id, role: 'listitem', className: 'n2s-pro-chip',
+        title: g.error ?? `${g.name} · ${g.metric}\n${t('pro.goals.actual')} ${formatNumber(g.actual)} / ${formatNumber(g.target)} (${proPct(g.pct)})\n${t('pro.goals.projected')} ${formatNumber(g.projected)} (${proPct(g.projectedPct)})\n${t(`pro.st.${g.status}`)}`,
+      },
+      h('span', { className: 'n2s-ellipsis', style: { maxWidth: 90 } }, g.name),
+      g.error ? h('span', { className: 'n2s-statusdot err' }, t('pro.st.error')) : h(React.Fragment, null, h(GoalBar, { g }), h('span', { className: `n2s-pro-pct ${proStatusClass[g.status] ?? ''}` }, proPct(g.pct))))))
+    }
+    extend.dashboardBar.push(GoalChips)
+
+    function useMetrics(datasourceId) {
+      const k = useAsync(() => (datasourceId ? call('getKnowledge', { datasourceId }) : null), [datasourceId])
+      return k.value?.metrics ?? []
+    }
+
+    function GoalForm({ t, initial, ds, datasources, onDone, onCancel }) {
+      const [form, setForm] = useState(() => ({ name: '', datasourceId: ds?.id ?? datasources[0]?.id ?? '', metric: '', period: 'month', target: '', direction: 'up', dashboardId: '', ...(initial ?? {}) }))
+      const metrics = useMetrics(form.datasourceId)
+      const boards = useAsync(() => call('listDashboards'), [])
+      const [error, setError] = useState(null)
+      const [busy, run] = useBusy()
+      const set = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.value }))
+      const save = () => run(async () => {
+        setError(null)
+        try { await call('saveGoal', { ...form, target: Number(form.target), dashboardId: form.dashboardId || null }); onDone() } catch (e) { setError(e.message) }
+      })
+      return h('div', { className: 'n2s-card', style: { marginBottom: 12 } },
+        h('div', { className: 'n2s-form' },
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.goals.name')), h('input', { className: 'n2s-input', value: form.name, onChange: set('name'), placeholder: t('pro.goals.namePh') })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('ds.select')), h('select', { className: 'n2s-select', value: form.datasourceId, onChange: set('datasourceId') }, datasources.map(d => h('option', { key: d.id, value: d.id }, d.name)))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('al.metric')), metrics.length ? h('select', { className: 'n2s-select', value: form.metric, onChange: set('metric') }, h('option', { value: '' }, '—'), metrics.map(m => h('option', { key: m.id, value: m.name }, m.name))) : h('div', { className: 'n2s-faint n2s-small' }, t('al.noMetrics'))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.goals.period')), h('select', { className: 'n2s-select', value: form.period, onChange: set('period') }, ['month', 'quarter', 'year'].map(p => h('option', { key: p, value: p }, t(`pro.period.${p}`))))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.goals.target')), h('input', { className: 'n2s-input', type: 'number', value: form.target, onChange: set('target') })),
+          h('div', { className: 'n2s-field' }, h('span', null, t('pro.goals.direction')), h('div', { className: 'n2s-seg' }, ['up', 'down'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.direction === v, onClick: () => setForm(f => ({ ...f, direction: v })) }, t(`pro.dir.${v}`))))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.goals.dashboard')), h('select', { className: 'n2s-select', value: form.dashboardId ?? '', onChange: set('dashboardId') }, h('option', { value: '' }, t('pro.goals.anyBoard')), (boards.value?.dashboards ?? []).map(b => h('option', { key: b.id, value: b.id }, b.name))))),
+        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 primary', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
+    }
+
+    function GoalPushSettings({ t }) {
+      const cfg = useAsync(() => call('getGoalPush'), [])
+      const [busy, run] = useBusy()
+      const v = cfg.value
+      if (!v) return null
+      const save = (patch) => run(async () => { try { await call('saveGoalPush', patch); cfg.reload() } catch (e) { notifyError(e) } })
+      return h('div', { className: 'n2s-section' }, h('h2', null, t('pro.goals.weekly')),
+        h('div', { className: 'n2s-row', style: { gap: 10, flexWrap: 'wrap' } },
+          h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: Boolean(v.enabled), disabled: busy, onChange: e => save({ enabled: e.target.checked }) }), t('pro.goals.weeklyOn')),
+          h('select', { className: 'n2s-select inline', 'aria-label': t('pro.weekday'), value: v.weekday, onChange: e => save({ weekday: Number(e.target.value) }) }, [1, 2, 3, 4, 5, 6, 0].map(d => h('option', { key: d, value: d }, t(`pro.wd.${d}`)))),
+          h('input', { className: 'n2s-input', type: 'time', 'aria-label': t('rep.time'), style: { width: 110 }, value: v.time, onChange: e => save({ time: e.target.value }) }),
+          h('div', { style: { minWidth: 200 } }, h(ChannelPicker, { t, value: v.channelId ?? '', noneLabel: t('al.noPush'), label: t('rep.push'), onChange: (id) => save({ channelId: id || null }) })),
+          h('button', { type: 'button', className: 'n2s-btn small', disabled: !v.channelId || busy, onClick: () => run(async () => { try { await call('sendGoalReport'); notify(t('pro.sent'), 'ok') } catch (e) { notifyError(e) } }) }, Icon.send(13), t('pro.sendNow'))),
+        h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 6 } }, t('pro.goals.weeklyHint')))
+    }
+
+    function GoalsSection({ t, ds, datasources }) {
+      const list = useAsync(() => call('goalProgress', {}), [])
+      const [editing, setEditing] = useState(null)
+      const goals = list.value ?? []
+      return h('div', null,
+        h(SectionHead, { title: t('pro.goals.title'), desc: t('pro.goals.desc') }, h('button', { type: 'button', className: 'n2s-btn primary', disabled: !datasources?.length, onClick: () => setEditing({}) }, '+ ', t('pro.goals.add'))),
+        editing && h(GoalForm, { key: editing.id ?? 'new', t, ds, datasources: datasources ?? [], initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: () => { setEditing(null); list.reload() } }),
+        list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
+        list.loading && !list.value && h('span', { className: 'n2s-spin n2s-muted' }),
+        !list.loading && goals.length === 0 && !editing && h('div', { className: 'n2s-empty' }, h('h3', null, t('pro.goals.empty')), h('div', null, t('pro.goals.emptyHint'))),
+        goals.length > 0 && h('div', { className: 'n2s-list2' }, goals.map(g => h('div', { key: g.id, className: 'n2s-list2-row' },
+          h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+            h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, g.name), h('span', { className: `n2s-statusdot ${proStatusClass[g.status] ?? ''}` }, t(`pro.st.${g.status}`))),
+            h('div', { className: 'n2s-list2-sub' }, joinList([g.metric, t(`pro.period.${g.period}`), `${t(`pro.dir.${g.direction}`)} ${formatNumber(g.target)}`, g.datasourceName ?? null, g.periodStart && `${g.periodStart} ~ ${g.periodEnd}`], ' · ')),
+            g.error ? h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)' } }, g.error)
+              : h('div', { className: 'n2s-row', style: { gap: 8, marginTop: 6 } }, h(GoalBar, { g }),
+                h('span', { className: 'n2s-small' }, `${formatCompact(g.actual)} / ${formatCompact(g.target)} (${proPct(g.pct)})`),
+                h('span', { className: 'n2s-faint n2s-small' }, fmt(t, 'pro.goals.proj', { v: formatCompact(g.projected), p: proPct(g.projectedPct) }), g.weekdayAware ? ` · ${t('pro.goals.weekdayAware')}` : ''))),
+          h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
+            { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing({ id: g.id, name: g.name, datasourceId: g.datasourceId, metric: g.metric, period: g.period, target: g.target, direction: g.direction, dashboardId: g.dashboardId ?? '' }) },
+            { divider: true },
+            { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'pro.deleteConfirm', { name: g.name }), danger: true })) { try { await call('deleteGoal', { id: g.id }) } catch (e) { notifyError(e) } list.reload() } } },
+          ] })))),
+        h(GoalPushSettings, { t }))
+    }
+    extend.adminSections.push({ id: 'goals', label: (t) => t('pro.goals.title'), icon: () => svg(15, [h('circle', { key: 1, cx: 8, cy: 8, r: 6 }), h('circle', { key: 2, cx: 8, cy: 8, r: 3 }), h('circle', { key: 3, cx: 8, cy: 8, r: .6 })]), Component: GoalsSection })
+
+    // ---- daily digest
+
+    function DigestForm({ t, initial, ds, datasources, onDone, onCancel }) {
+      const [form, setForm] = useState(() => ({ name: '', datasourceId: ds?.id ?? datasources[0]?.id ?? '', source: initial?.dashboardId ? 'dashboard' : 'metrics', metrics: [], dashboardId: '', channelId: '', time: '09:00', language: uiLang, threshold: 30, enabled: true, ...(initial ?? {}) }))
+      const metrics = useMetrics(form.datasourceId)
+      const boards = useAsync(() => call('listDashboards'), [])
+      const [error, setError] = useState(null)
+      const [busy, run] = useBusy()
+      const set = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.value }))
+      const payload = () => ({ id: form.id, name: form.name, datasourceId: form.datasourceId, metrics: form.source === 'metrics' ? form.metrics : [], dashboardId: form.source === 'dashboard' ? form.dashboardId || null : null, channelId: form.channelId || null, time: form.time, language: form.language, threshold: Number(form.threshold), enabled: form.enabled })
+      const save = () => run(async () => {
+        setError(null)
+        try { await call('saveDigest', payload()); onDone() } catch (e) { setError(e.message) }
+      })
+      const toggle = (name) => setForm(f => ({ ...f, metrics: f.metrics.includes(name) ? f.metrics.filter(x => x !== name) : [...f.metrics, name] }))
+      return h('div', { className: 'n2s-card', style: { marginBottom: 12 } },
+        h('div', { className: 'n2s-form' },
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.dg.name')), h('input', { className: 'n2s-input', value: form.name, onChange: set('name'), placeholder: t('pro.dg.namePh') })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('ds.select')), h('select', { className: 'n2s-select', value: form.datasourceId, onChange: set('datasourceId') }, datasources.map(d => h('option', { key: d.id, value: d.id }, d.name)))),
+          h('div', { className: 'n2s-field full' }, h('span', null, t('pro.dg.source')), h('div', { className: 'n2s-seg' }, ['metrics', 'dashboard'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.source === v, onClick: () => setForm(f => ({ ...f, source: v })) }, t(`pro.dg.src.${v}`))))),
+          form.source === 'metrics'
+            ? h('div', { className: 'n2s-field full' }, h('span', null, t('pro.dg.metrics')), metrics.length ? h('div', { className: 'n2s-chips' }, metrics.map(m => h('button', { key: m.id, type: 'button', className: 'n2s-chip', 'aria-pressed': form.metrics.includes(m.name), onClick: () => toggle(m.name) }, m.name))) : h('div', { className: 'n2s-faint n2s-small' }, t('al.noMetrics')))
+            : h('label', { className: 'n2s-field full' }, h('span', null, t('pro.dg.dashboard')), h('select', { className: 'n2s-select', value: form.dashboardId ?? '', onChange: set('dashboardId') }, h('option', { value: '' }, '—'), (boards.value?.dashboards ?? []).map(b => h('option', { key: b.id, value: b.id }, b.name)))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('rep.time')), h('input', { className: 'n2s-input', type: 'time', value: form.time, onChange: set('time') })),
+          h('div', { className: 'n2s-field' }, h('label', { htmlFor: 'n2s-pro-dg-ch', className: 'n2s-flabel' }, t('rep.push')), h(ChannelPicker, { t, id: 'n2s-pro-dg-ch', value: form.channelId ?? '', noneLabel: t('al.noPush'), onChange: (v) => setForm(f => ({ ...f, channelId: v })) })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.dg.language')), h('select', { className: 'n2s-select', value: form.language, onChange: set('language') }, h('option', { value: 'zh' }, '中文'), h('option', { value: 'en' }, 'English'))),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pro.dg.threshold')), h('input', { className: 'n2s-input', type: 'number', min: 1, max: 500, value: form.threshold, onChange: set('threshold') }))),
+        h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 8 } }, t('pro.dg.hint')),
+        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 primary', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
+    }
+
+    function DigestPreview({ t, run }) {
+      if (run.busy) return h('div', { className: 'n2s-notice', style: { marginTop: 10 } }, h('span', { className: 'n2s-spin' }), ' ', t('pro.dg.previewing'))
+      if (run.error) return h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, run.error)
+      return h('div', { className: 'n2s-pro-preview' },
+        h('div', { style: { fontWeight: 500, marginBottom: 6 } }, run.title),
+        h(MdPreview, { text: run.text }),
+        (run.results ?? []).length > 0 && h('div', { className: 'n2s-pro-preview-charts' }, run.results.map(r => h(ResultView, { key: r.resultId, result: r, t, compact: true, hideSql: true, onPinned: { hidden: true } }))))
+    }
+
+    function DigestsSection({ t, ds, datasources }) {
+      const list = useAsync(() => call('listDigests'), [])
+      const [editing, setEditing] = useState(null)
+      const [preview, setPreview] = useState(null)
+      const digests = list.value ?? []
+      const runPreview = async (d) => {
+        setPreview({ id: d.id, busy: true })
+        try { setPreview({ ...(await call('runDigest', { id: d.id })), runId: undefined, id: d.id }) } catch (e) { setPreview({ id: d.id, error: e.message }) }
+      }
+      const act = async (fn, ok) => { try { await fn(); if (ok) notify(ok, 'ok') } catch (e) { notifyError(e) } list.reload() }
+      return h('div', null,
+        h(SectionHead, { title: t('pro.dg.title'), desc: t('pro.dg.desc') }, h('button', { type: 'button', className: 'n2s-btn primary', disabled: !datasources?.length, onClick: () => setEditing({}) }, '+ ', t('pro.dg.add'))),
+        editing && h(DigestForm, { key: editing.id ?? 'new', t, ds, datasources: datasources ?? [], initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: () => { setEditing(null); list.reload() } }),
+        list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
+        !list.loading && digests.length === 0 && !editing && h('div', { className: 'n2s-empty' }, h('h3', null, t('pro.dg.empty')), h('div', null, t('pro.dg.emptyHint'))),
+        digests.length > 0 && h('div', { className: 'n2s-list2' }, digests.map(d => h(React.Fragment, { key: d.id },
+          h('div', { className: 'n2s-list2-row' },
+            h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+              h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, d.name), !d.enabled && h('span', { className: 'n2s-badge' }, t('rep.status.paused')), d.channelName && h('span', { className: 'n2s-badge' }, Icon.send(11), d.channelName)),
+              h('div', { className: 'n2s-list2-sub' }, joinList([d.dashboardId ? t('pro.dg.src.dashboard') : joinList(d.metrics), fmt(t, 'pro.dg.dailyAt', { time: d.time }), d.datasourceName], ' · ')),
+              d.lastError && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)' } }, d.lastError)),
+            h('div', { className: 'n2s-list2-side' }, d.lastRunAt ? h('span', { className: `n2s-statusdot ${d.lastStatus === 'ok' ? 'ok' : 'err'}` }, new Date(d.lastRunAt).toLocaleString(uiLocale(), { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })) : h('span', { className: 'n2s-faint n2s-small' }, t('al.never'))),
+            h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
+              h('button', { type: 'button', className: 'n2s-btn small', disabled: preview?.id === d.id && preview.busy, onClick: () => runPreview(d) }, t('pro.dg.preview')),
+              h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
+                { label: t('pro.sendNow'), icon: Icon.send(14), disabled: !d.channelId, onClick: () => act(() => call('runDigest', { id: d.id, send: true }), t('pro.sent')) },
+                { label: d.enabled ? t('rep.pause') : t('rep.resume'), icon: Icon.refresh(14), onClick: () => act(() => call('saveDigest', { id: d.id, enabled: !d.enabled })) },
+                { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing({ ...d, source: d.dashboardId ? 'dashboard' : 'metrics', channelId: d.channelId ?? '', dashboardId: d.dashboardId ?? '' }) },
+                { divider: true },
+                { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'pro.deleteConfirm', { name: d.name }), danger: true })) act(() => call('deleteDigest', { id: d.id })) } },
+              ] }))),
+          preview?.id === d.id && h('div', { style: { padding: '0 12px 12px' } }, h(DigestPreview, { t, run: preview }), !preview.busy && h('button', { type: 'button', className: 'n2s-btn small ghost', style: { marginTop: 6 }, onClick: () => setPreview(null) }, t('pro.close')))))))
+    }
+    extend.adminSections.push({ id: 'digests', label: (t) => t('pro.dg.title'), icon: () => Icon.spark(15), Component: DigestsSection })
+    // ------------------------------------------------- presentation (feature "present")
+    // Dashboard menu: export PPT / long image, send the long image, presentation mode.
+    // Result menu: export PPT. Admin section: Lark Bitable sync.
+
+    async function preDownload(t, method, payload, doneKey) {
+      notify(t('pre.working'), 'info', 2500)
+      try { const r = await call(method, payload); downloadBase64(r); if (doneKey) notify(t(doneKey), 'ok') } catch (e) { notifyError(e) }
+    }
+
+    /** Pick an image-capable channel and send the dashboard long image. */
+    function PreSendImageDialog({ t, boardId, onClose }) {
+      const channels = useChannels().filter(c => c.type === 'lark_app' || c.type === 'telegram_bot')
+      const [channelId, setChannelId] = useState('')
+      const [busy, run] = useBusy()
+      const [error, setError] = useState(null)
+      useEffect(() => { if (!channelId && channels[0]) setChannelId(channels[0].id) }, [channels.length])
+      const send = () => run(async () => {
+        setError(null)
+        try { const r = await call('sendDashboardImage', { dashboardId: boardId, channelId }); notify(fmt(t, 'pre.imageSent', { channel: r.channel }), 'ok'); onClose() } catch (e) { setError(e.message) }
+      })
+      return h(Modal, { label: t('pre.sendImage'), onClose, width: 460 },
+        h('div', { className: 'n2s-modal-title' }, t('pre.sendImage')),
+        h('div', { className: 'n2s-pre-dlg' },
+          h('p', { className: 'n2s-muted n2s-small', style: { marginTop: 0 } }, t('pre.sendImageHint')),
+          channels.length
+            ? h('select', { className: 'n2s-select', 'aria-label': t('pre.channel'), value: channelId, onChange: e => setChannelId(e.target.value) }, channels.map(c => h('option', { key: c.id, value: c.id }, c.name)))
+            : h('div', { className: 'n2s-notice warn' }, t('pre.noImageChannel')),
+          error && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error)),
+        h('div', { className: 'n2s-row', style: { justifyContent: 'flex-end', gap: 8, marginTop: 16 } },
+          h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onClose }, t('ds.cancel')),
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy || !channelId, onClick: send }, busy ? h('span', { className: 'n2s-spin' }) : Icon.send(13), t('pre.send'))))
+    }
+
+    // ------------------------------------------------------ presentation mode
+
+    const PRE_REFRESH = [60, 300, 900]
+    const PRE_ROTATE = [0, 30, 60, 120, 300]
+
+    function PreWidget({ t, widget, filters, tick, onLoaded }) {
+      const [state, setState] = useState({ busy: true })
+      useEffect(() => {
+        let alive = true
+        setState(s => ({ ...s, busy: true }))
+        call('runWidget', { id: widget.id, ...(filters ? { filters } : {}), fresh: tick > 0 }).then(
+          r => { if (alive) { setState({ result: { ...r, title: '' } }); onLoaded?.() } },
+          e => { if (alive) { setState({ error: e.message }); onLoaded?.() } })
+        return () => { alive = false }
+      }, [widget.id, tick, filters])
+      const width = ['third', 'half', 'full'].includes(widget.width) ? widget.width : 'half'
+      return h('section', { className: `n2s-pre-card w-${width}`, 'aria-label': widget.title },
+        h('div', { className: 'n2s-pre-card-title' }, widget.title, state.busy && state.result ? h('span', { className: 'n2s-spin', style: { marginLeft: 8 } }) : null),
+        state.error ? h('div', { className: 'n2s-notice err' }, state.error)
+          : state.result ? h(ResultView, { result: state.result, t, compact: true, embedded: true, hideSql: true, onPinned: HIDDEN_PIN })
+            : h('div', { className: 'n2s-skel', style: { height: 240 } }))
+    }
+
+    function PresentationMode({ t, boardId, filters, onClose }) {
+      const root = useRef(null)
+      const boards = useAsync(() => call('listDashboards'), [])
+      const list = boards.value?.dashboards ?? []
+      const [current, setCurrent] = useState(boardId)
+      const board = list.find(b => b.id === current)
+      const widgets = useAsync(() => call('listDashboard', { dashboardId: current }), [current])
+      const [refresh, setRefresh] = useState(() => { try { return Number(localStorage.getItem('nl2sql:preRefresh')) || 300 } catch { return 300 } })
+      const [rotate, setRotate] = useState(0)
+      const [tick, setTick] = useState(0)
+      const [now, setNow] = useState(Date.now())
+      const [lastAt, setLastAt] = useState(null)
+      const [fs, setFs] = useState(false)
+      // The opening board keeps the dashboard's current (unsaved) filters; other boards use their saved ones.
+      const boardFilters = current === boardId ? filters : undefined
+      const go = useCallback((delta) => {
+        if (list.length < 2) return
+        const i = Math.max(0, list.findIndex(b => b.id === current))
+        setCurrent(list[(i + delta + list.length) % list.length].id)
+        setLastAt(null)
+      }, [list, current])
+      useEffect(() => { const id = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(id) }, [])
+      useEffect(() => { const id = setInterval(() => setTick(x => x + 1), refresh * 1000); return () => clearInterval(id) }, [refresh])
+      useEffect(() => { if (!rotate || list.length < 2) return; const id = setInterval(() => go(1), rotate * 1000); return () => clearInterval(id) }, [rotate, go, list.length])
+      useEffect(() => {
+        const onKey = (e) => {
+          if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); onClose() }
+          else if (e.key === 'ArrowRight') { e.preventDefault(); go(1) }
+          else if (e.key === 'ArrowLeft') { e.preventDefault(); go(-1) }
+        }
+        document.addEventListener('keydown', onKey, true)
+        return () => document.removeEventListener('keydown', onKey, true)
+      }, [go, onClose])
+      useEffect(() => {
+        const el = root.current
+        const prev = document.activeElement
+        el?.focus()
+        try { if (el?.requestFullscreen && !document.fullscreenElement) el.requestFullscreen().then(() => setFs(true), () => {}) } catch {}
+        // Leaving browser fullscreen with Esc closes the overlay too.
+        const onFs = () => { if (!document.fullscreenElement) { setFs(was => { if (was) onClose(); return false }) } }
+        document.addEventListener('fullscreenchange', onFs)
+        const overflow = document.body.style.overflow
+        document.body.style.overflow = 'hidden'
+        return () => {
+          document.removeEventListener('fullscreenchange', onFs)
+          document.body.style.overflow = overflow
+          try { if (document.fullscreenElement) document.exitFullscreen?.() } catch {}
+          prev?.focus?.()
+        }
+      }, [])
+      const setRefreshSaved = (v) => { setRefresh(v); try { localStorage.setItem('nl2sql:preRefresh', String(v)) } catch {} }
+      const items = widgets.value ?? []
+      const clock = new Date(now)
+      return ReactDOM.createPortal(h('div', { ref: root, className: 'n2s-pre', role: 'dialog', 'aria-modal': true, 'aria-label': t('pre.mode'), tabIndex: -1 },
+        h('header', { className: 'n2s-pre-head' },
+          h('div', { className: 'n2s-pre-titles' },
+            h('h1', null, board?.name ?? ''),
+            h('div', { className: 'n2s-pre-sub', role: 'status', 'aria-live': 'polite' },
+              lastAt ? fmt(t, 'pre.lastRefresh', { time: new Date(lastAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' }) }) : t('pre.loading'),
+              list.length > 1 ? ` · ${list.findIndex(b => b.id === current) + 1}/${list.length}` : '')),
+          h('div', { className: 'n2s-pre-clock', 'aria-label': t('pre.clock') },
+            h('div', { className: 'time' }, clock.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })),
+            h('div', { className: 'date' }, clock.toLocaleDateString(uiLocale(), { year: 'numeric', month: 'long', day: 'numeric', weekday: 'short' }))),
+          h('div', { className: 'n2s-pre-ctl' },
+            h('label', null, h('span', null, t('pre.refresh')), h('select', { value: refresh, onChange: e => setRefreshSaved(Number(e.target.value)) }, PRE_REFRESH.map(v => h('option', { key: v, value: v }, fmt(t, 'dash.autoEvery', { min: v / 60 }))))),
+            list.length > 1 && h('label', null, h('span', null, t('pre.rotate')), h('select', { value: rotate, onChange: e => setRotate(Number(e.target.value)) }, PRE_ROTATE.map(v => h('option', { key: v, value: v }, v ? fmt(t, 'pre.everySec', { s: v }) : t('pre.rotateOff'))))),
+            list.length > 1 && h('button', { type: 'button', className: 'n2s-pre-btn', 'aria-label': t('pre.prev'), title: t('pre.prev'), onClick: () => go(-1) }, '←'),
+            list.length > 1 && h('button', { type: 'button', className: 'n2s-pre-btn', 'aria-label': t('pre.next'), title: t('pre.next'), onClick: () => go(1) }, '→'),
+            h('button', { type: 'button', className: 'n2s-pre-btn', 'aria-label': t('dash.refresh'), title: t('dash.refresh'), onClick: () => setTick(x => x + 1) }, Icon.refresh(16)),
+            h('button', { type: 'button', className: 'n2s-pre-btn', 'aria-label': t('pre.exit'), title: t('pre.exitHint'), onClick: onClose }, Icon.close(16)))),
+        widgets.error && h('div', { className: 'n2s-notice err' }, widgets.error.message),
+        !widgets.loading && items.length === 0 && h('div', { className: 'n2s-pre-empty' }, t('dash.empty')),
+        h('main', { className: 'n2s-pre-grid', key: current },
+          items.map(w => h(PreWidget, { key: w.id, t, widget: w, filters: boardFilters, tick, onLoaded: () => setLastAt(Date.now()) })))), document.body)
+    }
+
+    // ------------------------------------------------------------ menus
+
+    const preState = createStore({ present: null, sendImage: null })
+    function PreLayer({ t }) {
+      const s = useSyncExternalStore(preState.subscribe, preState.get, preState.get)
+      return h(React.Fragment, null,
+        s.present && h(PresentationMode, { t, boardId: s.present.boardId, filters: s.present.filters, onClose: () => preState.set({ present: null }) }),
+        s.sendImage && h(PreSendImageDialog, { t, boardId: s.sendImage.boardId, onClose: () => preState.set({ sendImage: null }) }))
+    }
+    extend.dashboardBar.push(PreLayer)
+
+    extend.dashboardMenu.push(({ t, boardId, widgets, filters }) => [
+      { divider: true },
+      { label: t('pre.exportPpt'), icon: Icon.download(14), disabled: !widgets?.length, onClick: () => preDownload(t, 'exportDashboardPptx', { dashboardId: boardId, filters }, 'pre.exported') },
+      { label: t('pre.exportImage'), icon: Icon.download(14), disabled: !widgets?.length, onClick: () => preDownload(t, 'exportDashboardImage', { dashboardId: boardId, filters, width: 1200 }, 'pre.exported') },
+      { label: t('pre.sendImage'), icon: Icon.send(14), disabled: !widgets?.length, onClick: () => preState.set({ sendImage: { boardId } }) },
+      { label: t('pre.mode'), icon: Icon.expand(14), onClick: () => preState.set({ present: { boardId, filters } }) },
+    ])
+
+    extend.resultMenu.push(({ t, result }) => (result?.resultId ? [
+      { label: t('pre.exportPpt'), icon: Icon.download(14), onClick: () => preDownload(t, 'exportResultsPptx', { resultIds: [result.resultId], title: result.title }, 'pre.exported') },
+    ] : []))
+
+    // ------------------------------------------------------- Bitable sync admin
+
+    function PreBitableForm({ t, initial, datasources, onDone, onCancel }) {
+      const channels = useChannels().filter(c => c.type === 'lark_app')
+      const boards = useAsync(() => call('listDashboards'), [])
+      const allWidgets = useAsync(async () => {
+        const list = boards.value?.dashboards ?? []
+        const per = await Promise.all(list.map(b => call('listDashboard', { dashboardId: b.id }).then(ws => ws.map(w => ({ ...w, board: b.name }))).catch(() => [])))
+        return per.flat()
+      }, [boards.value])
+      const [form, setForm] = useState(() => ({
+        name: '', channelId: '', appToken: '', tableId: '', mode: 'replace', schedule: { time: '08:00', enabled: false },
+        kind: initial?.source?.sql ? 'sql' : 'widget', widgetId: initial?.source?.widgetId ?? '', datasourceId: initial?.source?.datasourceId ?? datasources[0]?.id ?? '', sql: initial?.source?.sql ?? '',
+        ...(initial ?? {}),
+      }))
+      useEffect(() => { if (!form.channelId && channels[0]) setForm(f => ({ ...f, channelId: channels[0].id })) }, [channels.length])
+      const [error, setError] = useState(null)
+      const [busy, run] = useBusy()
+      const set = (key) => (e) => setForm(f => ({ ...f, [key]: e.target.value }))
+      // Paste a Bitable link: …/base/<app_token>?table=<table_id>
+      const pasteLink = (e) => {
+        const m = String(e.target.value).match(/\/base\/([A-Za-z0-9]+)(?:[^#]*[?&]table=(tbl[A-Za-z0-9]+))?/)
+        if (m) { e.preventDefault(); setForm(f => ({ ...f, appToken: m[1], tableId: m[2] ?? f.tableId })) } else set('appToken')(e)
+      }
+      const save = () => run(async () => {
+        setError(null)
+        const source = form.kind === 'sql' ? { datasourceId: form.datasourceId, sql: form.sql } : { widgetId: form.widgetId }
+        try { await call('saveBitableSync', { id: form.id, name: form.name, channelId: form.channelId, appToken: form.appToken, tableId: form.tableId, mode: form.mode, schedule: form.schedule, source }); onDone() } catch (e) { setError(e) }
+      })
+      const err = (field) => error?.field === field ? h('span', { className: 'n2s-small', style: { color: 'var(--n2s-err)' } }, error.message) : null
+      return h('div', { className: 'n2s-card', style: { marginBottom: 12 } },
+        h('div', { className: 'n2s-form' },
+          h('label', { className: 'n2s-field' }, h('span', null, t('pre.bt.name')), h('input', { className: 'n2s-input', value: form.name, onChange: set('name'), placeholder: t('pre.bt.namePh') })),
+          h('label', { className: 'n2s-field' }, h('span', null, t('pre.bt.channel')),
+            channels.length ? h('select', { className: 'n2s-select', value: form.channelId, onChange: set('channelId') }, channels.map(c => h('option', { key: c.id, value: c.id }, c.name))) : h('span', { className: 'n2s-small n2s-muted' }, t('pre.bt.noChannel')), err('channelId')),
+          h('label', { className: 'n2s-field' }, h('span', null, 'app_token'), h('input', { className: 'n2s-input n2s-mono', value: form.appToken, onChange: pasteLink, placeholder: t('pre.bt.appTokenPh') }), err('appToken')),
+          h('label', { className: 'n2s-field' }, h('span', null, 'table_id'), h('input', { className: 'n2s-input n2s-mono', value: form.tableId, onChange: set('tableId'), placeholder: 'tbl…' }), err('tableId')),
+          h('div', { className: 'n2s-field full' }, h('span', null, t('pre.bt.source')), h('div', { className: 'n2s-seg' }, ['widget', 'sql'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.kind === v, onClick: () => setForm(f => ({ ...f, kind: v })) }, t(`pre.bt.src.${v}`))))),
+          form.kind === 'widget'
+            ? h('label', { className: 'n2s-field full' }, h('span', null, t('pre.bt.widget')), h('select', { className: 'n2s-select', value: form.widgetId, onChange: set('widgetId') }, h('option', { value: '' }, '—'), (allWidgets.value ?? []).map(w => h('option', { key: w.id, value: w.id }, `${w.board} · ${w.title}`))), err('source'))
+            : h(React.Fragment, null,
+              h('label', { className: 'n2s-field' }, h('span', null, t('ds.select')), h('select', { className: 'n2s-select', value: form.datasourceId, onChange: set('datasourceId') }, datasources.map(d => h('option', { key: d.id, value: d.id }, d.name)))),
+              h('label', { className: 'n2s-field full' }, h('span', null, 'SQL'), h('textarea', { className: 'n2s-textarea n2s-mono', spellCheck: false, value: form.sql, onChange: set('sql'), placeholder: 'SELECT …' }), err('sql'))),
+          h('div', { className: 'n2s-field' }, h('span', null, t('pre.bt.mode')), h('div', { className: 'n2s-seg' }, ['replace', 'append'].map(v => h('button', { key: v, type: 'button', 'aria-pressed': form.mode === v, onClick: () => setForm(f => ({ ...f, mode: v })) }, t(`pre.bt.mode.${v}`)))),
+            h('span', { className: 'n2s-faint n2s-small' }, t(`pre.bt.modeHint.${form.mode}`))),
+          h('div', { className: 'n2s-field' }, h('span', null, t('pre.bt.schedule')),
+            h('div', { className: 'n2s-row' },
+              h('label', { className: 'n2s-check' }, h('input', { type: 'checkbox', checked: form.schedule.enabled, onChange: e => setForm(f => ({ ...f, schedule: { ...f.schedule, enabled: e.target.checked } })) }), t('pre.bt.daily')),
+              h('input', { className: 'n2s-input', type: 'time', 'aria-label': t('rep.time'), style: { width: 120 }, value: form.schedule.time, disabled: !form.schedule.enabled, onChange: e => setForm(f => ({ ...f, schedule: { ...f.schedule, time: e.target.value } })) })))),
+        h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 8 } }, t('pre.bt.permHint')),
+        error && !error.field && h('div', { className: 'n2s-notice err', style: { marginTop: 10 } }, error.message),
+        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', disabled: busy, onClick: save }, busy ? h('span', { className: 'n2s-spin' }) : null, t('ds.save'))))
+    }
+
+    function PreBitableSection({ t, datasources = [] }) {
+      const list = useAsync(() => call('listBitableSyncs'), [])
+      const [editing, setEditing] = useState(null)
+      const [running, setRunning] = useState(null)
+      const syncs = list.value ?? []
+      const runNow = async (s) => {
+        if (running) return
+        setRunning(s.id)
+        try { const r = await call('runBitableSync', { id: s.id }); notify(fmt(t, 'pre.bt.ran', { created: r.created, deleted: r.deleted }), 'ok') } catch (e) { notifyError(e) } finally { setRunning(null); list.reload() }
+      }
+      return h('div', null,
+        h(SectionHead, { title: t('pre.bt.title'), desc: t('pre.bt.desc') }, h('button', { type: 'button', className: 'n2s-btn primary', onClick: () => setEditing({}) }, '+ ', t('pre.bt.add'))),
+        editing && h(PreBitableForm, { key: editing.id ?? 'new', t, datasources, initial: editing.id ? editing : null, onCancel: () => setEditing(null), onDone: () => { setEditing(null); list.reload() } }),
+        list.error && h('div', { className: 'n2s-notice err' }, list.error.message),
+        !list.loading && !syncs.length && !editing && h('div', { className: 'n2s-empty' }, h('h3', null, t('pre.bt.empty')), h('div', null, t('pre.bt.emptyHint'))),
+        syncs.length > 0 && h('div', { className: 'n2s-list2' }, syncs.map(s => h('div', { key: s.id, className: 'n2s-list2-row' },
+          h('span', { className: 'n2s-tile', 'aria-hidden': true }, Icon.table(16)),
+          h('div', { className: 'n2s-grow', style: { minWidth: 0 } },
+            h('div', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-list2-title' }, s.name), h('span', { className: 'n2s-badge' }, t(`pre.bt.mode.${s.mode}`)), s.schedule?.enabled && h('span', { className: 'n2s-badge blue' }, fmt(t, 'pre.bt.dailyAt', { time: s.schedule.time }))),
+            h('div', { className: 'n2s-list2-sub' }, joinList([s.source?.widgetId ? `${t('pre.bt.src.widget')}${colon('')}${s.sourceLabel ?? '?'}` : `SQL · ${s.sourceLabel ?? ''}`, s.channelName ?? t('pre.bt.channelMissing'), `${s.appToken} / ${s.tableId}`], ' · ')),
+            s.lastError && s.lastStatus === 'error' && h('div', { className: 'n2s-list2-sub', style: { color: 'var(--n2s-err)' } }, s.lastError)),
+          h('div', { className: 'n2s-list2-side' },
+            h('span', { className: `n2s-statusdot ${s.lastStatus === 'error' ? 'err' : s.lastStatus === 'ok' ? 'ok' : ''}` }, s.lastStatus === 'ok' ? fmt(t, 'pre.bt.lastOk', { n: s.lastRows ?? 0 }) : s.lastStatus === 'error' ? t('pre.bt.lastErr') : t('pre.bt.never')),
+            s.lastRunAt ? h('span', { className: 'n2s-faint n2s-small' }, new Date(s.lastRunAt).toLocaleString([], { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })) : null),
+          h('div', { className: 'n2s-row', style: { gap: 2, flexWrap: 'nowrap' } },
+            h('button', { type: 'button', className: 'n2s-btn small', disabled: Boolean(running), onClick: () => runNow(s) }, running === s.id ? h('span', { className: 'n2s-spin' }) : null, t('pre.bt.run')),
+            h(Dropdown, { label: t('result.more'), trigger: { content: Icon.more() }, items: [
+              { label: t('ds.edit'), icon: Icon.edit(14), onClick: () => setEditing(s) },
+              { divider: true },
+              { label: t('ds.delete'), icon: Icon.trash(14), danger: true, onClick: async () => { if (await confirmDialog({ title: fmt(t, 'pre.bt.deleteConfirm', { name: s.name }), danger: true })) { try { await call('deleteBitableSync', { id: s.id }) } catch (e) { notifyError(e) } list.reload() } } },
+            ] }))))))
+    }
+
+    extend.adminSections.push({ id: 'bitable', label: (t) => t('pre.bt.nav'), icon: () => Icon.table(15), Component: PreBitableSection })
+    // ------------------------------------------------------------ MCP access (admin section)
+    // Enable the local MCP server, manage bearer tokens (shown once) and their
+    // scopes, and copy config snippets for Claude Desktop / Cursor / VS Code.
+
+    const MCP_PKG = '@hedeqiang/dsh-nl2sql'
+
+    /** Config snippets for a token (placeholder when the token value is no longer known). */
+    function mcpSnippets(url, token) {
+      const tok = token || '<YOUR_TOKEN>'
+      return {
+        claude: JSON.stringify({ mcpServers: { nl2sql: { command: 'npx', args: ['-y', '-p', MCP_PKG, 'nl2sql-mcp'], env: { NL2SQL_MCP_URL: url, NL2SQL_MCP_TOKEN: tok } } } }, null, 2),
+        cursor: JSON.stringify({ mcpServers: { nl2sql: { url, headers: { Authorization: `Bearer ${tok}` } } } }, null, 2),
+        vscode: JSON.stringify({ servers: { nl2sql: { type: 'http', url, headers: { Authorization: `Bearer ${tok}` } } } }, null, 2),
+      }
+    }
+
+    function McpCopy({ t, text, label }) {
+      const [done, setDone] = useState(false)
+      return h('button', {
+        type: 'button', className: 'n2s-btn small', 'aria-label': label ?? t('mcp.copy'),
+        onClick: async () => {
+          try { await navigator.clipboard?.writeText(text); setDone(true); setTimeout(() => setDone(false), 1500) } catch (e) { notifyError(e) }
+        },
+      }, done ? Icon.check(13) : Icon.copy(13), ' ', done ? t('mcp.copied') : (label ?? t('mcp.copy')))
+    }
+
+    function McpSnippets({ t, url, token }) {
+      const [tab, setTab] = useState('claude')
+      const snip = mcpSnippets(url, token)
+      const where = { claude: 'mcp.where.claude', cursor: 'mcp.where.cursor', vscode: 'mcp.where.vscode' }
+      return h('div', { className: 'n2s-mcp-snippets' },
+        h('div', { className: 'n2s-seg', role: 'tablist' }, ['claude', 'cursor', 'vscode'].map(k => h('button', { key: k, type: 'button', role: 'tab', 'aria-selected': tab === k, 'aria-pressed': tab === k, onClick: () => setTab(k) }, t(`mcp.client.${k}`)))),
+        h('div', { className: 'n2s-faint n2s-small', style: { margin: '6px 0' } }, t(where[tab])),
+        h('div', { className: 'n2s-mcp-code' },
+          h('pre', { className: 'n2s-code', 'data-snippet': tab }, snip[tab]),
+          h('div', { className: 'n2s-mcp-codeact' }, h(McpCopy, { t, text: snip[tab] }))),
+        !token && h('div', { className: 'n2s-faint n2s-small' }, t('mcp.placeholderHint')))
+    }
+
+    function McpScopeLabel({ t, scope }) {
+      if (scope.type === 'member') return h('span', null, h('span', { className: 'n2s-badge' }, t('mcp.scope.member')), ' ', scope.memberName ?? scope.memberId, scope.missing ? h('span', { className: 'n2s-badge warn' }, t('mcp.memberMissing')) : scope.disabled ? h('span', { className: 'n2s-badge warn' }, t('mcp.memberDisabled')) : null)
+      if (scope.type === 'role') return h('span', null, h('span', { className: 'n2s-badge' }, t(`mcp.role.${scope.role}`)), ' ', scope.datasourceNames ? joinList(scope.datasourceNames) : t('mcp.allDs'), scope.rowRules?.length ? h('span', { className: 'n2s-faint' }, paren(fmt(t, 'mcp.rowRulesN', { n: scope.rowRules.length }))) : null)
+      return h('span', { className: 'n2s-badge ok' }, t('mcp.scope.owner'))
+    }
+
+    function McpTokenForm({ t, datasources, onCreated, onCancel }) {
+      const users = useAsync(() => call('listUsers').catch(() => []), [])
+      const [form, setForm] = useState({ name: '', type: 'owner', memberId: '', role: 'analyst', datasourceIds: [], rowColumn: '', rowValues: '' })
+      const [busy, setBusy] = useState(false)
+      const [err, setErr] = useState(null)
+      const set = (k, v) => setForm(f => ({ ...f, [k]: v }))
+      const members = (users.value ?? []).filter(u => !u.disabled)
+      const submit = async () => {
+        setErr(null)
+        const scope = form.type === 'member' ? { memberId: form.memberId }
+          : form.type === 'role' ? { role: form.role, datasourceIds: form.datasourceIds, ...(form.rowColumn.trim() && form.rowValues.trim() ? { rowRules: [{ column: form.rowColumn.trim(), values: form.rowValues }] } : {}) }
+            : { kind: 'owner' }
+        if (!form.name.trim()) return setErr(t('mcp.err.name'))
+        if (form.type === 'member' && !form.memberId) return setErr(t('mcp.err.member'))
+        if (form.type === 'role' && !form.datasourceIds.length) return setErr(t('mcp.err.ds'))
+        setBusy(true)
+        try { onCreated(await call('createMcpToken', { name: form.name.trim(), scope })) } catch (e) { setErr(e.message) }
+        setBusy(false)
+      }
+      return h('div', { className: 'n2s-card n2s-mcp-form' },
+        h('div', { className: 'n2s-sechead-title', style: { marginBottom: 10 } }, t('mcp.newToken')),
+        h('label', { className: 'n2s-field' }, h('span', { className: 'n2s-flabel' }, t('mcp.tokenName')),
+          h('input', { className: 'n2s-input', value: form.name, maxLength: 60, placeholder: t('mcp.tokenNamePh'), onChange: e => set('name', e.target.value) })),
+        h('div', { className: 'n2s-field', role: 'group', 'aria-label': t('mcp.scope') },
+          h('span', { className: 'n2s-flabel' }, t('mcp.scope')),
+          h('div', { className: 'n2s-seg', role: 'radiogroup' }, ['owner', 'member', 'role'].map(k => h('button', { key: k, type: 'button', role: 'radio', 'aria-checked': form.type === k, 'aria-pressed': form.type === k, onClick: () => set('type', k) }, t(`mcp.scope.${k}`)))),
+          h('span', { className: 'n2s-faint n2s-small' }, t(`mcp.scopeHint.${form.type}`))),
+        form.type === 'member' && h('label', { className: 'n2s-field' }, h('span', { className: 'n2s-flabel' }, t('mcp.member')),
+          members.length
+            ? h('select', { className: 'n2s-select', value: form.memberId, onChange: e => set('memberId', e.target.value) },
+              h('option', { value: '' }, t('mcp.pickMember')),
+              members.map(u => h('option', { key: u.id, value: u.id }, `${u.name} · ${t(`mcp.role.${u.role}`)}`)))
+            : h('span', { className: 'n2s-faint n2s-small' }, t('mcp.noMembers'))),
+        form.type === 'role' && h(React.Fragment, null,
+          h('label', { className: 'n2s-field' }, h('span', { className: 'n2s-flabel' }, t('mcp.role')),
+            h('select', { className: 'n2s-select', value: form.role, onChange: e => set('role', e.target.value) }, ['analyst', 'viewer', 'admin'].map(r => h('option', { key: r, value: r }, t(`mcp.role.${r}`))))),
+          h('div', { className: 'n2s-field' }, h('span', { className: 'n2s-flabel' }, t('mcp.datasources')),
+            h('div', { className: 'n2s-chips' }, (datasources ?? []).map(d => h('button', { key: d.id, type: 'button', className: 'n2s-chip', 'aria-pressed': form.datasourceIds.includes(d.id), onClick: () => set('datasourceIds', form.datasourceIds.includes(d.id) ? form.datasourceIds.filter(x => x !== d.id) : [...form.datasourceIds, d.id]) }, d.name)))),
+          h('div', { className: 'n2s-field' }, h('span', { className: 'n2s-flabel' }, t('mcp.rowRule')),
+            h('div', { className: 'n2s-row' },
+              h('input', { className: 'n2s-input n2s-mono', style: { maxWidth: 180 }, 'aria-label': t('mcp.rowColumn'), placeholder: t('mcp.rowColumn'), value: form.rowColumn, onChange: e => set('rowColumn', e.target.value) }),
+              h('input', { className: 'n2s-input', 'aria-label': t('mcp.rowValues'), placeholder: t('mcp.rowValues'), value: form.rowValues, onChange: e => set('rowValues', e.target.value) })),
+            h('span', { className: 'n2s-faint n2s-small' }, t('mcp.rowRuleHint')))),
+        err && h('div', { className: 'n2s-notice err', role: 'alert', style: { marginTop: 8 } }, err),
+        h('div', { className: 'n2s-row', style: { justifyContent: 'flex-end', marginTop: 12 } },
+          h('button', { type: 'button', className: 'n2s-btn ghost', onClick: onCancel }, t('ds.cancel')),
+          h('button', { type: 'button', className: 'n2s-btn primary', disabled: busy, onClick: submit }, busy ? h('span', { className: 'n2s-spin' }) : null, t('mcp.create'))))
+    }
+
+    function McpSection({ t, datasources }) {
+      const st = useAsync(() => call('mcpStatus'), [])
+      const [port, setPort] = useState('')
+      const [busy, setBusy] = useState(false)
+      const [creating, setCreating] = useState(false)
+      const [fresh, setFresh] = useState(null) // { name, token } shown once
+      useEffect(() => { if (st.value) setPort(String(st.value.port)) }, [st.value?.port])
+      const s = st.value
+      const when = (ms) => (ms ? new Date(ms).toLocaleString(uiLocale(), { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : t('mcp.never'))
+      const save = async (patch) => {
+        setBusy(true)
+        try { await call('saveMcpSettings', patch); st.reload() } catch (e) { notifyError(e) }
+        setBusy(false)
+      }
+      const revoke = async (tok) => {
+        if (!(await confirmDialog({ title: fmt(t, 'mcp.revokeConfirm', { name: tok.name }), message: t('mcp.revokeHint'), confirmLabel: t('mcp.revoke'), danger: true }))) return
+        try { await call('revokeMcpToken', { id: tok.id }); if (fresh?.id === tok.id) setFresh(null); notify(t('mcp.revoked'), 'ok'); st.reload() } catch (e) { notifyError(e) }
+      }
+      if (!s) return st.error ? h('div', { className: 'n2s-notice err' }, st.error.message) : h('div', { className: 'n2s-skel', style: { height: 200 } })
+      const portDirty = port !== String(s.port)
+      return h('div', { className: 'n2s-mcp' },
+        h(SectionHead, { title: t('mcp.title'), desc: t('mcp.desc') }),
+        h('div', { className: 'n2s-card n2s-mcp-server' },
+          h('div', { className: 'n2s-row', style: { flexWrap: 'wrap', gap: 14 } },
+            h('label', { className: 'n2s-switch' },
+              h('input', { type: 'checkbox', role: 'switch', checked: s.enabled, disabled: busy, onChange: e => save({ enabled: e.target.checked }) }),
+              h('span', null, s.enabled ? t('mcp.enabled') : t('mcp.disabled'))),
+            h('span', { className: `n2s-statusdot ${s.running ? 'ok' : s.error ? 'err' : ''}`, 'data-mcp-status': s.running ? 'running' : 'stopped' }, s.running ? t('mcp.running') : t('mcp.stopped')),
+            h('span', { className: 'n2s-grow' }),
+            h('label', { className: 'n2s-row', style: { gap: 6 } }, h('span', { className: 'n2s-flabel' }, t('mcp.port')),
+              h('input', { className: 'n2s-input n2s-mono', style: { width: 96 }, inputMode: 'numeric', value: port, 'aria-label': t('mcp.port'), onChange: e => setPort(e.target.value.replace(/\D/g, '').slice(0, 5)) }),
+              portDirty && h('button', { type: 'button', className: 'n2s-btn small', disabled: busy || !port, onClick: () => save({ port: Number(port) }) }, t('mcp.applyPort')))),
+          s.error && h('div', { className: 'n2s-notice err', role: 'alert', style: { marginTop: 10 } }, s.error),
+          h('div', { className: 'n2s-mcp-endpoint' },
+            h('span', { className: 'n2s-flabel' }, t('mcp.endpoint')),
+            h('code', { className: 'n2s-mono', 'data-mcp-url': true }, s.url),
+            h(McpCopy, { t, text: s.url })),
+          h('div', { className: 'n2s-faint n2s-small' }, t('mcp.localOnly'))),
+        fresh && h('div', { className: 'n2s-card n2s-mcp-fresh', role: 'status' },
+          h('div', { className: 'n2s-sechead-title' }, fmt(t, 'mcp.freshTitle', { name: fresh.name })),
+          h('div', { className: 'n2s-notice warn', style: { margin: '8px 0' } }, t('mcp.freshHint')),
+          h('div', { className: 'n2s-mcp-endpoint' }, h('code', { className: 'n2s-mono', 'data-mcp-token': true }, fresh.token), h(McpCopy, { t, text: fresh.token })),
+          h(McpSnippets, { t, url: s.url, token: fresh.token }),
+          h('div', { className: 'n2s-row', style: { justifyContent: 'flex-end', marginTop: 8 } }, h('button', { type: 'button', className: 'n2s-btn small', onClick: () => setFresh(null) }, t('mcp.done')))),
+        h('div', { className: 'n2s-row', style: { margin: '18px 0 8px' } },
+          h('div', { className: 'n2s-sechead-title n2s-grow' }, t('mcp.tokens')),
+          !creating && h('button', { type: 'button', className: 'n2s-btn', onClick: () => setCreating(true) }, '+ ', t('mcp.newToken'))),
+        creating && h(McpTokenForm, { t, datasources, onCancel: () => setCreating(false), onCreated: (tok) => { setCreating(false); setFresh(tok); st.reload() } }),
+        s.tokens.length === 0 && !creating
+          ? h('div', { className: 'n2s-empty' }, h('h3', null, t('mcp.noTokens')), h('div', null, t('mcp.noTokensHint')))
+          : s.tokens.length > 0 && h('div', { className: 'n2s-table-wrap' }, h('table', { className: 'n2s-table n2s-mcp-tokens' },
+            h('thead', null, h('tr', null, [t('mcp.col.name'), t('mcp.col.scope'), t('mcp.col.created'), t('mcp.col.lastUsed'), ''].map((x, i) => h('th', { key: i }, x)))),
+            h('tbody', null, s.tokens.map(tok => h('tr', { key: tok.id, 'data-token-id': tok.id },
+              h('td', null, h('div', null, tok.name), h('div', { className: 'n2s-faint n2s-small n2s-mono' }, `${tok.prefix}…`)),
+              h('td', null, h(McpScopeLabel, { t, scope: tok.scope })),
+              h('td', { className: 'n2s-small' }, when(tok.createdAt)),
+              h('td', { className: 'n2s-small' }, when(tok.lastUsedAt)),
+              h('td', { style: { textAlign: 'right' } }, h('button', { type: 'button', className: 'n2s-btn small danger', onClick: () => revoke(tok) }, t('mcp.revoke')))))))),
+        h('div', { className: 'n2s-sechead-title', style: { margin: '18px 0 8px' } }, t('mcp.setup')),
+        h('div', { className: 'n2s-card' }, h(McpSnippets, { t, url: s.url, token: null }),
+          h('div', { className: 'n2s-faint n2s-small', style: { marginTop: 8 } }, t('mcp.docsHint'))))
+    }
+
+    extend.adminSections.push({ id: 'mcp', label: (t) => t('mcp.nav'), icon: () => Icon.code(15), Component: McpSection })
     // ------------------------------------------------------------ apply
 
     return {
@@ -5902,6 +7867,9 @@ window.__ModuleLoader__.load({
         }, 'nl2sql: styles')
         ctx.effect(() => ctx.locale.register(NS, { zh, en, 'zh-CN': zh }), 'nl2sql: locale')
         const t = ctx.locale.bind(NS)
+        // One feedback layer (toasts + confirm / prompt dialogs) for the page and every
+        // tool view or reply action in conversations, mounted once outside the page.
+        ctx.effect(() => mountFeedbackLayer(ctx), 'nl2sql: feedback layer')
         const Page = makePage(ctx)
         const PanelIcon = ({ size }) => Icon.db(size ?? 16)
         ctx.slots.inject('main', () => ctx.slots.register({ name: 'main', key: PANEL_ID, locale: NS }, Page))
@@ -5910,6 +7878,7 @@ window.__ModuleLoader__.load({
         ctx.slots.inject('tool.call.toolview', () => ctx.slots.register({ name: 'tool.call.toolview', key: 'nl2sql_query', locale: NS }, makeToolView(ctx, 'query')))
         ctx.slots.inject('tool.call.toolview', () => ctx.slots.register({ name: 'tool.call.toolview', key: 'nl2sql_chart', locale: NS }, makeToolView(ctx, 'chart')))
         ctx.slots.inject('tool.call.toolview', () => ctx.slots.register({ name: 'tool.call.toolview', key: 'nl2sql_overview', locale: NS }, makeOverviewToolView(ctx)))
+        for (const v of extend.toolViews) ctx.slots.inject('tool.call.toolview', () => ctx.slots.register({ name: 'tool.call.toolview', key: v.key, locale: NS }, v.make(ctx)))
         ctx.slots.inject('conversation.chat.assistant-actions', () => ctx.slots.register({ name: 'conversation.chat.assistant-actions', id: 'nl2sql-send', order: 20, locale: NS }, makeReplyAction(ctx)))
       },
     }