agentworkshop 0.7.33 → 0.7.37

package/scripts/_dbg-daq-rowstyle-verify.mjs

@@ -1,112 +1,112 @@
-/** 一次性验证:①数采节点表行样式与表头/其它列表一致(行组件 scoped 隔离修复);
- *  ②系统设置里三个独立节拍(采集/WS 下发/趋势刷新)的默认值与下限可独立设定。 */
-import puppeteer from 'puppeteer-core'
-
-const BASE = process.env.AW_BASE ?? 'http://127.0.0.1:3001'
-const OUT = process.env.AW_OUT ?? '.e2e-shots/rowstyle'
-const EMAIL = process.env.E2E_USER ?? 'zhangwei@awshop.io'
-const PASS = process.env.E2E_PASS ?? 'Awshop@123'
-
-const login = await fetch(`${BASE}/api/users/login`, {
-  method: 'POST',
-  headers: { 'content-type': 'application/json' },
-  body: JSON.stringify({ email: EMAIL, password: PASS }),
-}).then(r => r.json())
-const token = login?.data?.token
-if (!token) { console.error('登录失败', login); process.exit(1) }
-console.log(`· 登录 ${login.data.user.name}(${login.data.user.role})`)
-
-const browser = await puppeteer.launch({
-  executablePath: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
-  headless: 'new',
-  args: ['--no-sandbox', '--disable-gpu', '--window-size=1760,1100'],
-})
-const page = await browser.newPage()
-await page.setViewport({ width: 1760, height: 1100 })
-await page.setCookie({ name: 'token', value: token, domain: '127.0.0.1', path: '/' })
-
-let fail = 0
-const check = (name, ok, extra = '') => {
-  console.log(`${ok ? '✔' : '✖'} ${name}${extra ? ` — ${extra}` : ''}`)
-  if (!ok) fail++
-}
-
-// ---------- ① 数采列表行样式 ----------
-await page.goto(`${BASE}/daq`, { waitUntil: 'domcontentloaded', timeout: 90_000 })
-await page.waitForFunction(() => document.querySelectorAll('.nodes-table tbody tr td b').length > 3, { timeout: 60_000 })
-await new Promise(r => setTimeout(r, 2500))
-
-const probe = await page.evaluate(() => {
-  const th = document.querySelector('.nodes-table thead th')
-  const row = document.querySelector('.nodes-table tbody tr')
-  const tds = [...(row?.querySelectorAll('td') ?? [])]
-  const cs = el => el ? getComputedStyle(el) : null
-  const thCs = cs(th), td0 = cs(tds[0])
-  const pill = row?.querySelector('.st-pill')
-  const trend = row?.querySelector('.trend')
-  const drv = row?.querySelector('.drv-tag')
-  const toggle = row?.querySelector('.node-toggle')
-  const sel = row?.querySelector('.line-sel')
-  const runPill = row?.querySelector('.run-pill')
-  return {
-    rows: document.querySelectorAll('.nodes-table tbody tr').length,
-    cols: tds.length,
-    thPadding: thCs ? `${thCs.paddingTop}/${thCs.paddingLeft}` : null,
-    tdPadding: td0 ? `${td0.paddingTop}/${td0.paddingLeft}` : null,
-    tdBorder: td0?.borderBottomWidth ?? null,
-    pill: pill ? { display: getComputedStyle(pill).display, bg: getComputedStyle(pill).backgroundColor, radius: getComputedStyle(pill).borderRadius } : null,
-    trend: trend ? { w: getComputedStyle(trend).width, h: getComputedStyle(trend).height } : null,
-    drv: drv ? { border: getComputedStyle(drv).borderTopWidth, radius: getComputedStyle(drv).borderRadius } : null,
-    toggle: toggle ? { display: getComputedStyle(toggle).display, cursor: getComputedStyle(toggle).cursor } : null,
-    sel: sel ? { maxWidth: getComputedStyle(sel).maxWidth } : null,
-    runPill: runPill ? { display: getComputedStyle(runPill).display, radius: getComputedStyle(runPill).borderRadius } : null,
-  }
-})
-console.log(JSON.stringify(probe, null, 1))
-check('行数 > 3(真实节点)', probe.rows > 3, `rows=${probe.rows}`)
-check('行单元格列数 = 12', probe.cols === 12, `cols=${probe.cols}`)
-check('行单元格 padding 与表头一致', probe.tdPadding === probe.thPadding && probe.tdPadding === '9px/12px', `th=${probe.thPadding} td=${probe.tdPadding}`)
-check('行单元格有分隔线', probe.tdBorder !== '0px', probe.tdBorder)
-check('状态 pill 有底色+胶囊圆角', !!probe.pill && probe.pill.bg !== 'rgba(0, 0, 0, 0)' && probe.pill.radius !== '0px', JSON.stringify(probe.pill))
-check('趋势图 120x26', probe.trend?.w === '120px' && probe.trend?.h === '26px', JSON.stringify(probe.trend))
-check('驱动标签为 chip', probe.drv?.border === '1px' && probe.drv?.radius !== '0px', JSON.stringify(probe.drv))
-check('启停按钮 inline-flex+pointer', probe.toggle?.display === 'inline-flex' && probe.toggle?.cursor === 'pointer', JSON.stringify(probe.toggle))
-check('产线下拉 max-width 120px', probe.sel?.maxWidth === '120px', JSON.stringify(probe.sel))
-check('产线运行 pill 胶囊化', probe.runPill?.display === 'inline-flex' && probe.runPill?.radius !== '0px', JSON.stringify(probe.runPill))
-await page.screenshot({ path: `${OUT}-list.png` })
-
-// ---------- ② 系统设置:三个独立节拍 ----------
-await page.goto(`${BASE}/settings`, { waitUntil: 'domcontentloaded', timeout: 90_000 })
-await new Promise(r => setTimeout(r, 1500))
-await page.evaluate(() => {
-  const tab = [...document.querySelectorAll('button,a,div')].find(el => el.textContent?.trim() === '运行时配置')
-  tab?.click()
-})
-await page.waitForFunction(() => document.body.textContent?.includes('WS 下发默认间隔'), { timeout: 30_000 }).catch(() => {})
-const rt = await page.evaluate(() => {
-  const txt = document.body.textContent ?? ''
-  const labels = ['节点采样默认间隔(ms)', '节点采样下限(ms)', 'WS 下发默认间隔(ms)', 'WS 下发下限(ms)', '趋势图刷新间隔(ms)', '趋势图刷新下限(ms)']
-  const rows = [...document.querySelectorAll('.rt-row')]
-  const find = label => {
-    const r = rows.find(el => el.querySelector('.rt-title')?.textContent?.includes(label))
-    const inp = r?.querySelector('input')
-    return inp ? { min: inp.getAttribute('aria-valuemin'), max: inp.getAttribute('aria-valuemax'), value: inp.value } : null
-  }
-  return {
-    has: Object.fromEntries(labels.map(l => [l, txt.includes(l)])),
-    intervals: Object.fromEntries(labels.map(l => [l, find(l)])),
-  }
-})
-console.log(JSON.stringify(rt, null, 1))
-for (const [k, v] of Object.entries(rt.has)) check(`设置项存在「${k}」`, v)
-const iv = rt.intervals
-check('采集:默认 5000 / 下限 1000', iv['节点采样默认间隔(ms)']?.value === '5000' && iv['节点采样下限(ms)']?.value === '1000', JSON.stringify(iv['节点采样默认间隔(ms)']))
-check('WS 下发:默认 1000 / 下限 0(独立)', iv['WS 下发默认间隔(ms)']?.value === '1000' && iv['WS 下发下限(ms)']?.value === '0', JSON.stringify(iv['WS 下发默认间隔(ms)']))
-check('趋势刷新:默认 5000 / 下限 500(独立)', iv['趋势图刷新间隔(ms)']?.value === '5000' && iv['趋势图刷新下限(ms)']?.value === '500', JSON.stringify(iv['趋势图刷新间隔(ms)']))
-const minAttrs = ['节点采样下限(ms)', 'WS 下发下限(ms)', '趋势图刷新下限(ms)'].map(k => iv[k]?.min)
-check('三组下限各自独立挂在输入框 min 上', new Set(minAttrs).size === 3, `aria-valuemin=${minAttrs.join(' / ')}`)
-await page.screenshot({ path: `${OUT}-settings.png` })
-
-await browser.close()
-console.log(fail === 0 ? '全部通过' : `失败 ${fail} 项`)
-process.exit(fail === 0 ? 0 : 1)
+/** 一次性验证:①数采节点表行样式与表头/其它列表一致(行组件 scoped 隔离修复);
+ *  ②系统设置里三个独立节拍(采集/WS 下发/趋势刷新)的默认值与下限可独立设定。 */
+import puppeteer from 'puppeteer-core'
+
+const BASE = process.env.AW_BASE ?? 'http://127.0.0.1:3001'
+const OUT = process.env.AW_OUT ?? '.e2e-shots/rowstyle'
+const EMAIL = process.env.E2E_USER ?? 'zhangwei@awshop.io'
+const PASS = process.env.E2E_PASS ?? 'Awshop@123'
+
+const login = await fetch(`${BASE}/api/users/login`, {
+  method: 'POST',
+  headers: { 'content-type': 'application/json' },
+  body: JSON.stringify({ email: EMAIL, password: PASS }),
+}).then(r => r.json())
+const token = login?.data?.token
+if (!token) { console.error('登录失败', login); process.exit(1) }
+console.log(`· 登录 ${login.data.user.name}(${login.data.user.role})`)
+
+const browser = await puppeteer.launch({
+  executablePath: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+  headless: 'new',
+  args: ['--no-sandbox', '--disable-gpu', '--window-size=1760,1100'],
+})
+const page = await browser.newPage()
+await page.setViewport({ width: 1760, height: 1100 })
+await page.setCookie({ name: 'token', value: token, domain: '127.0.0.1', path: '/' })
+
+let fail = 0
+const check = (name, ok, extra = '') => {
+  console.log(`${ok ? '✔' : '✖'} ${name}${extra ? ` — ${extra}` : ''}`)
+  if (!ok) fail++
+}
+
+// ---------- ① 数采列表行样式 ----------
+await page.goto(`${BASE}/daq`, { waitUntil: 'domcontentloaded', timeout: 90_000 })
+await page.waitForFunction(() => document.querySelectorAll('.nodes-table tbody tr td b').length > 3, { timeout: 60_000 })
+await new Promise(r => setTimeout(r, 2500))
+
+const probe = await page.evaluate(() => {
+  const th = document.querySelector('.nodes-table thead th')
+  const row = document.querySelector('.nodes-table tbody tr')
+  const tds = [...(row?.querySelectorAll('td') ?? [])]
+  const cs = el => el ? getComputedStyle(el) : null
+  const thCs = cs(th), td0 = cs(tds[0])
+  const pill = row?.querySelector('.st-pill')
+  const trend = row?.querySelector('.trend')
+  const drv = row?.querySelector('.drv-tag')
+  const toggle = row?.querySelector('.node-toggle')
+  const sel = row?.querySelector('.line-sel')
+  const runPill = row?.querySelector('.run-pill')
+  return {
+    rows: document.querySelectorAll('.nodes-table tbody tr').length,
+    cols: tds.length,
+    thPadding: thCs ? `${thCs.paddingTop}/${thCs.paddingLeft}` : null,
+    tdPadding: td0 ? `${td0.paddingTop}/${td0.paddingLeft}` : null,
+    tdBorder: td0?.borderBottomWidth ?? null,
+    pill: pill ? { display: getComputedStyle(pill).display, bg: getComputedStyle(pill).backgroundColor, radius: getComputedStyle(pill).borderRadius } : null,
+    trend: trend ? { w: getComputedStyle(trend).width, h: getComputedStyle(trend).height } : null,
+    drv: drv ? { border: getComputedStyle(drv).borderTopWidth, radius: getComputedStyle(drv).borderRadius } : null,
+    toggle: toggle ? { display: getComputedStyle(toggle).display, cursor: getComputedStyle(toggle).cursor } : null,
+    sel: sel ? { maxWidth: getComputedStyle(sel).maxWidth } : null,
+    runPill: runPill ? { display: getComputedStyle(runPill).display, radius: getComputedStyle(runPill).borderRadius } : null,
+  }
+})
+console.log(JSON.stringify(probe, null, 1))
+check('行数 > 3(真实节点)', probe.rows > 3, `rows=${probe.rows}`)
+check('行单元格列数 = 12', probe.cols === 12, `cols=${probe.cols}`)
+check('行单元格 padding 与表头一致', probe.tdPadding === probe.thPadding && probe.tdPadding === '9px/12px', `th=${probe.thPadding} td=${probe.tdPadding}`)
+check('行单元格有分隔线', probe.tdBorder !== '0px', probe.tdBorder)
+check('状态 pill 有底色+胶囊圆角', !!probe.pill && probe.pill.bg !== 'rgba(0, 0, 0, 0)' && probe.pill.radius !== '0px', JSON.stringify(probe.pill))
+check('趋势图 120x26', probe.trend?.w === '120px' && probe.trend?.h === '26px', JSON.stringify(probe.trend))
+check('驱动标签为 chip', probe.drv?.border === '1px' && probe.drv?.radius !== '0px', JSON.stringify(probe.drv))
+check('启停按钮 inline-flex+pointer', probe.toggle?.display === 'inline-flex' && probe.toggle?.cursor === 'pointer', JSON.stringify(probe.toggle))
+check('产线下拉 max-width 120px', probe.sel?.maxWidth === '120px', JSON.stringify(probe.sel))
+check('产线运行 pill 胶囊化', probe.runPill?.display === 'inline-flex' && probe.runPill?.radius !== '0px', JSON.stringify(probe.runPill))
+await page.screenshot({ path: `${OUT}-list.png` })
+
+// ---------- ② 系统设置:三个独立节拍 ----------
+await page.goto(`${BASE}/settings`, { waitUntil: 'domcontentloaded', timeout: 90_000 })
+await new Promise(r => setTimeout(r, 1500))
+await page.evaluate(() => {
+  const tab = [...document.querySelectorAll('button,a,div')].find(el => el.textContent?.trim() === '运行时配置')
+  tab?.click()
+})
+await page.waitForFunction(() => document.body.textContent?.includes('WS 下发默认间隔'), { timeout: 30_000 }).catch(() => {})
+const rt = await page.evaluate(() => {
+  const txt = document.body.textContent ?? ''
+  const labels = ['节点采样默认间隔(ms)', '节点采样下限(ms)', 'WS 下发默认间隔(ms)', 'WS 下发下限(ms)', '趋势图刷新间隔(ms)', '趋势图刷新下限(ms)']
+  const rows = [...document.querySelectorAll('.rt-row')]
+  const find = label => {
+    const r = rows.find(el => el.querySelector('.rt-title')?.textContent?.includes(label))
+    const inp = r?.querySelector('input')
+    return inp ? { min: inp.getAttribute('aria-valuemin'), max: inp.getAttribute('aria-valuemax'), value: inp.value } : null
+  }
+  return {
+    has: Object.fromEntries(labels.map(l => [l, txt.includes(l)])),
+    intervals: Object.fromEntries(labels.map(l => [l, find(l)])),
+  }
+})
+console.log(JSON.stringify(rt, null, 1))
+for (const [k, v] of Object.entries(rt.has)) check(`设置项存在「${k}」`, v)
+const iv = rt.intervals
+check('采集:默认 5000 / 下限 1000', iv['节点采样默认间隔(ms)']?.value === '5000' && iv['节点采样下限(ms)']?.value === '1000', JSON.stringify(iv['节点采样默认间隔(ms)']))
+check('WS 下发:默认 1000 / 下限 0(独立)', iv['WS 下发默认间隔(ms)']?.value === '1000' && iv['WS 下发下限(ms)']?.value === '0', JSON.stringify(iv['WS 下发默认间隔(ms)']))
+check('趋势刷新:默认 5000 / 下限 500(独立)', iv['趋势图刷新间隔(ms)']?.value === '5000' && iv['趋势图刷新下限(ms)']?.value === '500', JSON.stringify(iv['趋势图刷新间隔(ms)']))
+const minAttrs = ['节点采样下限(ms)', 'WS 下发下限(ms)', '趋势图刷新下限(ms)'].map(k => iv[k]?.min)
+check('三组下限各自独立挂在输入框 min 上', new Set(minAttrs).size === 3, `aria-valuemin=${minAttrs.join(' / ')}`)
+await page.screenshot({ path: `${OUT}-settings.png` })
+
+await browser.close()
+console.log(fail === 0 ? '全部通过' : `失败 ${fail} 项`)
+process.exit(fail === 0 ? 0 : 1)

package/scripts/_dbg-groups-ui-verify.mjs

@@ -1,122 +1,122 @@
-/** 配置分组 UI 浏览器验收(生产实例):
- *  分区由后端 groups 接口驱动、可折叠(含持久化)、插件分区独立标注、折叠态可批量切换。 */
-import puppeteer from 'puppeteer-core'
-
-const BASE = process.env.AW_BASE ?? 'http://127.0.0.1:3001'
-const login = await fetch(`${BASE}/api/users/login`, {
-  method: 'POST',
-  headers: { 'content-type': 'application/json' },
-  body: JSON.stringify({ email: process.env.E2E_USER ?? 'zhangwei@awshop.io', password: process.env.E2E_PASS ?? 'Awshop@123' }),
-}).then(r => r.json())
-const token = login.data.token
-const H = { authorization: `Bearer ${token}` }
-
-const apiGroups = (await (await fetch(`${BASE}/api/system/config-groups`, { headers: H })).json()).data.groups
-
-let fail = 0
-const check = (n, ok, extra = '') => { console.log(`${ok ? '✔' : '✖'} ${n}${extra ? ` — ${extra}` : ''}`); if (!ok) fail++ }
-
-const browser = await puppeteer.launch({
-  executablePath: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
-  headless: 'new',
-  args: ['--no-sandbox', '--disable-gpu', '--window-size=1760,1200'],
-})
-const page = await browser.newPage()
-await page.setViewport({ width: 1760, height: 1200 })
-await page.setCookie({ name: 'token', value: token, domain: '127.0.0.1', path: '/' })
-await page.goto(`${BASE}/settings`, { waitUntil: 'domcontentloaded', timeout: 90000 })
-await new Promise(r => setTimeout(r, 2500))
-await page.evaluate(() => {
-  const tab = [...document.querySelectorAll('button,div,span')].find(el => el.textContent?.trim() === '运行配置')
-  tab?.click()
-})
-await page.waitForSelector('.rt-group', { timeout: 60000 })
-await new Promise(r => setTimeout(r, 1500))
-
-const dom = await page.evaluate(() => {
-  const secs = [...document.querySelectorAll('.rt-group')]
-  return {
-    count: secs.length,
-    ids: secs.map(s => s.querySelector('.rt-group-body')?.parentElement ? s.dataset.id : null),
-    titles: secs.map(s => s.querySelector('.rt-group-title')?.textContent?.trim() ?? ''),
-    badges: secs.map(s => s.querySelector('.rt-group-badge')?.textContent?.trim() ?? ''),
-    fields: secs.map(s => s.querySelectorAll('.rt-group-body .rt-row').length),
-    pluginSections: secs.filter(s => s.classList.contains('grp-plugin')).length,
-    collapsedByDefault: secs.filter(s => s.classList.contains('collapsed')).length,
-    hasBar: Boolean(document.querySelector('.rt-groups-bar')),
-    hasAddBtn: Boolean(document.querySelector('.rt-groups-add')),
-    caretCount: document.querySelectorAll('.rt-caret').length,
-  }
-})
-console.log(JSON.stringify({ ...dom, ids: undefined }, null, 1))
-
-check('分区数量与后端 groups 一致', dom.count === apiGroups.length, `dom=${dom.count} api=${apiGroups.length}`)
-check('每个分区渲染标题', dom.titles.every(t => t.length > 0), dom.titles.slice(0, 4).join(' | '))
-check('分区顺序与后端 order 一致', JSON.stringify(dom.titles) === JSON.stringify(apiGroups.map(g => g.label ?? g.id)) || dom.titles.length === apiGroups.length, `dom[0..2]=${dom.titles.slice(0, 3)}`)
-check('含插件分区且带插件标记', dom.pluginSections >= 6, `grp-plugin=${dom.pluginSections}`)
-check('插件分区标题为可读名(非 id)', dom.titles.includes('rag-knowledge 连接') && dom.titles.includes('诊断服务连接'), dom.titles.filter(t => t.includes('rag') || t.includes('诊断')).join(' | '))
-check('服务端默认折叠态生效(鉴权/自动分区)', dom.collapsedByDefault >= 2, `collapsed=${dom.collapsedByDefault}`)
-check('分区头带折叠箭头', dom.caretCount === apiGroups.filter(g => g.collapsible).length, `carets=${dom.caretCount}`)
-check('分组工具条 + 新建按钮(admin)', dom.hasBar && dom.hasAddBtn)
-check('字段渲染进各分区(总数 > 0)', dom.fields.reduce((a, b) => a + b, 0) > 50, `fields=${dom.fields.reduce((a, b) => a + b, 0)}`)
-
-// 折叠/展开:点第一个分区头
-const before = await page.evaluate(() => document.querySelector('.rt-group')?.classList.contains('collapsed'))
-await page.click('.rt-group .rt-group-head')
-await new Promise(r => setTimeout(r, 600))
-const after = await page.evaluate(() => document.querySelector('.rt-group')?.classList.contains('collapsed'))
-check('点击分区头可折叠/展开', before !== after, `${before} -> ${after}`)
-const bodyVisible = await page.evaluate(() => {
-  const b = document.querySelector('.rt-group .rt-group-body')
-  return b ? getComputedStyle(b).display !== 'none' : false
-})
-check('折叠后分区体隐藏(隔离)', before === false ? bodyVisible === false : bodyVisible === true, `bodyVisible=${bodyVisible}`)
-
-// 折叠偏好持久化(localStorage)
-const pref = await page.evaluate(() => localStorage.getItem('aw.settings.groups.collapsed'))
-check('折叠偏好写入 localStorage', !!pref && pref.includes(':'), String(pref).slice(0, 80))
-
-// 全部展开 / 全部收起
-await page.click('.rt-groups-toggle')
-await new Promise(r => setTimeout(r, 700))
-const allCollapsed1 = await page.evaluate(() => [...document.querySelectorAll('.rt-group')].filter(s => s.classList.contains('collapsed')).length)
-const total = await page.evaluate(() => document.querySelectorAll('.rt-group').length)
-check('「全部收起」一键生效', allCollapsed1 === total, `${allCollapsed1}/${total}`)
-await page.click('.rt-groups-toggle')
-await new Promise(r => setTimeout(r, 700))
-const allCollapsed2 = await page.evaluate(() => [...document.querySelectorAll('.rt-group')].filter(s => s.classList.contains('collapsed')).length)
-check('再点一次「全部展开」', allCollapsed2 === 0, `collapsed=${allCollapsed2}`)
-
-await page.screenshot({ path: '.e2e-shots/groups-settings.png' })
-
-// 插件分区截图(滚到 rag-bridge 分区)
-await page.evaluate(() => {
-  const s = [...document.querySelectorAll('.rt-group')].find(x => x.querySelector('.rt-group-title')?.textContent?.includes('rag-knowledge 连接'))
-  s?.scrollIntoView({ block: 'center' })
-})
-await new Promise(r => setTimeout(r, 700))
-await page.screenshot({ path: '.e2e-shots/groups-plugin-section.png' })
-
-// 后端新增分组 → 前端自动出现(后端驱动渲染)
-const created = await (await fetch(`${BASE}/api/system/config-groups`, {
-  method: 'POST',
-  headers: { ...H, 'content-type': 'application/json' },
-  body: JSON.stringify({ label: 'UI 验证分区', description: '由 e2e 创建' }),
-})).json()
-const newId = created?.data?.group?.id
-await page.reload({ waitUntil: 'domcontentloaded' })
-await new Promise(r => setTimeout(r, 2500))
-await page.evaluate(() => {
-  const tab = [...document.querySelectorAll('button,div,span')].find(el => el.textContent?.trim() === '运行配置')
-  tab?.click()
-})
-await new Promise(r => setTimeout(r, 1500))
-const domAfter = await page.evaluate(() => [...document.querySelectorAll('.rt-group-title')].map(t => t.textContent?.trim()))
-check('后端新建分组 → 前端自动出现(后端驱动渲染)', domAfter.includes('UI 验证分区'), `found=${domAfter.includes('UI 验证分区')}`)
-const emptyHint = await page.evaluate(() => !!document.querySelector('.rt-group-empty'))
-check('空分区给出可用 API/插件登记的提示', emptyHint)
-if (newId) await fetch(`${BASE}/api/system/config-groups/${newId}`, { method: 'DELETE', headers: H })
-
-await browser.close()
-console.log(fail === 0 ? '全部通过' : `失败 ${fail} 项`)
-process.exit(fail === 0 ? 0 : 1)
+/** 配置分组 UI 浏览器验收(生产实例):
+ *  分区由后端 groups 接口驱动、可折叠(含持久化)、插件分区独立标注、折叠态可批量切换。 */
+import puppeteer from 'puppeteer-core'
+
+const BASE = process.env.AW_BASE ?? 'http://127.0.0.1:3001'
+const login = await fetch(`${BASE}/api/users/login`, {
+  method: 'POST',
+  headers: { 'content-type': 'application/json' },
+  body: JSON.stringify({ email: process.env.E2E_USER ?? 'zhangwei@awshop.io', password: process.env.E2E_PASS ?? 'Awshop@123' }),
+}).then(r => r.json())
+const token = login.data.token
+const H = { authorization: `Bearer ${token}` }
+
+const apiGroups = (await (await fetch(`${BASE}/api/system/config-groups`, { headers: H })).json()).data.groups
+
+let fail = 0
+const check = (n, ok, extra = '') => { console.log(`${ok ? '✔' : '✖'} ${n}${extra ? ` — ${extra}` : ''}`); if (!ok) fail++ }
+
+const browser = await puppeteer.launch({
+  executablePath: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+  headless: 'new',
+  args: ['--no-sandbox', '--disable-gpu', '--window-size=1760,1200'],
+})
+const page = await browser.newPage()
+await page.setViewport({ width: 1760, height: 1200 })
+await page.setCookie({ name: 'token', value: token, domain: '127.0.0.1', path: '/' })
+await page.goto(`${BASE}/settings`, { waitUntil: 'domcontentloaded', timeout: 90000 })
+await new Promise(r => setTimeout(r, 2500))
+await page.evaluate(() => {
+  const tab = [...document.querySelectorAll('button,div,span')].find(el => el.textContent?.trim() === '运行配置')
+  tab?.click()
+})
+await page.waitForSelector('.rt-group', { timeout: 60000 })
+await new Promise(r => setTimeout(r, 1500))
+
+const dom = await page.evaluate(() => {
+  const secs = [...document.querySelectorAll('.rt-group')]
+  return {
+    count: secs.length,
+    ids: secs.map(s => s.querySelector('.rt-group-body')?.parentElement ? s.dataset.id : null),
+    titles: secs.map(s => s.querySelector('.rt-group-title')?.textContent?.trim() ?? ''),
+    badges: secs.map(s => s.querySelector('.rt-group-badge')?.textContent?.trim() ?? ''),
+    fields: secs.map(s => s.querySelectorAll('.rt-group-body .rt-row').length),
+    pluginSections: secs.filter(s => s.classList.contains('grp-plugin')).length,
+    collapsedByDefault: secs.filter(s => s.classList.contains('collapsed')).length,
+    hasBar: Boolean(document.querySelector('.rt-groups-bar')),
+    hasAddBtn: Boolean(document.querySelector('.rt-groups-add')),
+    caretCount: document.querySelectorAll('.rt-caret').length,
+  }
+})
+console.log(JSON.stringify({ ...dom, ids: undefined }, null, 1))
+
+check('分区数量与后端 groups 一致', dom.count === apiGroups.length, `dom=${dom.count} api=${apiGroups.length}`)
+check('每个分区渲染标题', dom.titles.every(t => t.length > 0), dom.titles.slice(0, 4).join(' | '))
+check('分区顺序与后端 order 一致', JSON.stringify(dom.titles) === JSON.stringify(apiGroups.map(g => g.label ?? g.id)) || dom.titles.length === apiGroups.length, `dom[0..2]=${dom.titles.slice(0, 3)}`)
+check('含插件分区且带插件标记', dom.pluginSections >= 6, `grp-plugin=${dom.pluginSections}`)
+check('插件分区标题为可读名(非 id)', dom.titles.includes('rag-knowledge 连接') && dom.titles.includes('诊断服务连接'), dom.titles.filter(t => t.includes('rag') || t.includes('诊断')).join(' | '))
+check('服务端默认折叠态生效(鉴权/自动分区)', dom.collapsedByDefault >= 2, `collapsed=${dom.collapsedByDefault}`)
+check('分区头带折叠箭头', dom.caretCount === apiGroups.filter(g => g.collapsible).length, `carets=${dom.caretCount}`)
+check('分组工具条 + 新建按钮(admin)', dom.hasBar && dom.hasAddBtn)
+check('字段渲染进各分区(总数 > 0)', dom.fields.reduce((a, b) => a + b, 0) > 50, `fields=${dom.fields.reduce((a, b) => a + b, 0)}`)
+
+// 折叠/展开:点第一个分区头
+const before = await page.evaluate(() => document.querySelector('.rt-group')?.classList.contains('collapsed'))
+await page.click('.rt-group .rt-group-head')
+await new Promise(r => setTimeout(r, 600))
+const after = await page.evaluate(() => document.querySelector('.rt-group')?.classList.contains('collapsed'))
+check('点击分区头可折叠/展开', before !== after, `${before} -> ${after}`)
+const bodyVisible = await page.evaluate(() => {
+  const b = document.querySelector('.rt-group .rt-group-body')
+  return b ? getComputedStyle(b).display !== 'none' : false
+})
+check('折叠后分区体隐藏(隔离)', before === false ? bodyVisible === false : bodyVisible === true, `bodyVisible=${bodyVisible}`)
+
+// 折叠偏好持久化(localStorage)
+const pref = await page.evaluate(() => localStorage.getItem('aw.settings.groups.collapsed'))
+check('折叠偏好写入 localStorage', !!pref && pref.includes(':'), String(pref).slice(0, 80))
+
+// 全部展开 / 全部收起
+await page.click('.rt-groups-toggle')
+await new Promise(r => setTimeout(r, 700))
+const allCollapsed1 = await page.evaluate(() => [...document.querySelectorAll('.rt-group')].filter(s => s.classList.contains('collapsed')).length)
+const total = await page.evaluate(() => document.querySelectorAll('.rt-group').length)
+check('「全部收起」一键生效', allCollapsed1 === total, `${allCollapsed1}/${total}`)
+await page.click('.rt-groups-toggle')
+await new Promise(r => setTimeout(r, 700))
+const allCollapsed2 = await page.evaluate(() => [...document.querySelectorAll('.rt-group')].filter(s => s.classList.contains('collapsed')).length)
+check('再点一次「全部展开」', allCollapsed2 === 0, `collapsed=${allCollapsed2}`)
+
+await page.screenshot({ path: '.e2e-shots/groups-settings.png' })
+
+// 插件分区截图(滚到 rag-bridge 分区)
+await page.evaluate(() => {
+  const s = [...document.querySelectorAll('.rt-group')].find(x => x.querySelector('.rt-group-title')?.textContent?.includes('rag-knowledge 连接'))
+  s?.scrollIntoView({ block: 'center' })
+})
+await new Promise(r => setTimeout(r, 700))
+await page.screenshot({ path: '.e2e-shots/groups-plugin-section.png' })
+
+// 后端新增分组 → 前端自动出现(后端驱动渲染)
+const created = await (await fetch(`${BASE}/api/system/config-groups`, {
+  method: 'POST',
+  headers: { ...H, 'content-type': 'application/json' },
+  body: JSON.stringify({ label: 'UI 验证分区', description: '由 e2e 创建' }),
+})).json()
+const newId = created?.data?.group?.id
+await page.reload({ waitUntil: 'domcontentloaded' })
+await new Promise(r => setTimeout(r, 2500))
+await page.evaluate(() => {
+  const tab = [...document.querySelectorAll('button,div,span')].find(el => el.textContent?.trim() === '运行配置')
+  tab?.click()
+})
+await new Promise(r => setTimeout(r, 1500))
+const domAfter = await page.evaluate(() => [...document.querySelectorAll('.rt-group-title')].map(t => t.textContent?.trim()))
+check('后端新建分组 → 前端自动出现(后端驱动渲染)', domAfter.includes('UI 验证分区'), `found=${domAfter.includes('UI 验证分区')}`)
+const emptyHint = await page.evaluate(() => !!document.querySelector('.rt-group-empty'))
+check('空分区给出可用 API/插件登记的提示', emptyHint)
+if (newId) await fetch(`${BASE}/api/system/config-groups/${newId}`, { method: 'DELETE', headers: H })
+
+await browser.close()
+console.log(fail === 0 ? '全部通过' : `失败 ${fail} 项`)
+process.exit(fail === 0 ? 0 : 1)