@waterplus-ai/waterbuddy 0.1.79 → 0.2.6

package/lib/client/index.js

@@ -13,7 +13,7 @@ window.__ModuleLoader__.load({
         width: size,
         height: size,
         className,
-        alt: 'WaterBuddy',
+        alt: 'WaterPlusAI',
       })
     }
 
@@ -30,7 +30,7 @@ window.__ModuleLoader__.load({
               lineHeight: '24px',
               whiteSpace: 'nowrap',
             },
-            children: 'WaterBuddy',
+            children: 'WaterPlusAI',
           }),
           ],
       })
@@ -43,7 +43,7 @@ window.__ModuleLoader__.load({
     }
 
     function userName(user) {
-      return user?.name || user?.nickname || user?.username || 'WaterBuddy 用户'
+      return user?.name || user?.nickname || user?.username || 'WaterPlusAI 用户'
     }
 
     function UserAvatar({ user, size = 34 }) {
@@ -157,7 +157,7 @@ window.__ModuleLoader__.load({
       const statusText = { WAITING: '等待扫码', DEALING: '已扫码，请在手机上确认', SUCCESS: '登录成功', EXPIRED: '二维码已过期' }[status] || status
       const tone = error ? '#dc2626' : status === 'SUCCESS' ? '#16a34a' : '#64748b'
       return jsxs('div', { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }, children: [
-        jsx('div', { style: { fontSize: 13.5, color: '#7b8799' }, children: `使用${SSO.title}扫码，安全登录 WaterBuddy` }),
+        jsx('div', { style: { fontSize: 13.5, color: '#7b8799' }, children: `使用${SSO.title}扫码，安全登录 WaterPlusAI` }),
         qrCode
           ? jsx('img', { src: qrCode, alt: `${SSO.title}登录二维码`, style: { display: 'block', width: 206, height: 206, boxSizing: 'border-box', objectFit: 'contain', margin: '14px auto 10px', padding: 10, border: '1px solid #e5ebf3', borderRadius: 16, background: '#fff' } })
           : jsx('div', { style: { width: 206, height: 206, boxSizing: 'border-box', margin: '14px auto 10px', display: 'grid', placeItems: 'center', border: '1px solid #e5ebf3', borderRadius: 16, background: '#f8fafc', color: '#7b8799', fontSize: 13 }, children: loading ? '二维码加载中…' : '二维码暂不可用' }),
@@ -432,7 +432,33 @@ window.__ModuleLoader__.load({
         }
         load()
         const timer = setInterval(load, 15000)
-        return () => { cancelled = true; clearInterval(timer) }
+
+        // 切换模型/provider 后，`managesQuota`（决定积分界面显不显示）会变，但等下一次
+        // 轮询最长要 15 秒，用户看到的就是"切了模型状态没跟上"。这里在任何点击/窗口重新
+        // 聚焦后补拉一次——本地接口、代价极低，去抖 300ms 避免连点刷屏。
+        let debounce
+        const refreshSoon = () => {
+          clearTimeout(debounce)
+          debounce = setTimeout(load, 300)
+        }
+        // 两个全局都要探测：只查 document 会漏掉没有 addEventListener 的 window，
+        // 调用时抛错会让整个 effect 中断、后续的 load() 都不再发生（实测表现为额度不显示）。
+        const canListen = typeof document !== 'undefined' && typeof document.addEventListener === 'function'
+          && typeof window !== 'undefined' && typeof window.addEventListener === 'function'
+        if (canListen) {
+          document.addEventListener('click', refreshSoon, true)
+          window.addEventListener('focus', refreshSoon)
+        }
+
+        return () => {
+          cancelled = true
+          clearInterval(timer)
+          clearTimeout(debounce)
+          if (canListen) {
+            document.removeEventListener('click', refreshSoon, true)
+            window.removeEventListener('focus', refreshSoon)
+          }
+        }
       }, [user])
 
       const startLogin = async () => {
@@ -504,11 +530,14 @@ window.__ModuleLoader__.load({
       const balanceText = typeof llm?.balanceText === 'string' && llm.balanceText
         ? llm.balanceText
         : '--'
-      // 用户把默认模型换成别人的提供方时，消耗的不是我们的额度，一律不展示额度。
-      const managesQuota = llm?.managesQuota === true
-      const exhausted = managesQuota && llm?.exhausted === true
+      // 额度**一律展示**（产品要求"一直显示"）：不再因为默认模型被换成别家就把额度藏起来。
+      // 只要状态接口带回余额文案就显示；`managesQuota` 仍由 Host 上报，但只用于限流提示，
+      // 不再决定这块界面显不显示。
+      // 有余额文案或有余额数值都算"有额度"——只认 balanceText 会漏掉只带 balance 的响应。
+      const hasQuota = Boolean(llm) && (typeof llm.balanceText === 'string' && llm.balanceText.length > 0 || typeof llm.balance === 'number')
+      const exhausted = llm?.exhausted === true
       // 未登录时展示试用额度，登录后展示账号额度；耗尽一律优先提示
-      const subtitle = !managesQuota
+      const subtitle = !hasQuota
         ? (user ? '水务之窗' : '扫码或账号登录')
         : exhausted
           ? '额度已用完'
@@ -523,8 +552,8 @@ window.__ModuleLoader__.load({
             // 下方，而它们在 DOM 里排在按钮之后（后绘制者在上），会抢走按钮中下部的点击
             // ——表现为「上半能点、下半点不中」。定位元素给了 z-index 才稳定盖住它们。
             jsx('button', { type: 'button', onClick: () => setOpen(false), 'aria-label': '关闭', style: { position: 'absolute', zIndex: 1, top: 14, right: 16, width: 30, height: 30, border: 0, borderRadius: '50%', background: 'rgba(255,255,255,.18)', color: '#fff', fontSize: 20, lineHeight: 1, cursor: 'pointer' }, children: '×' }),
-            jsx('div', { style: { fontSize: 12, opacity: .82, letterSpacing: 1 }, children: 'WATERBUDDY' }),
-            jsx('div', { style: { marginTop: 8, fontSize: 15, fontWeight: 600 }, children: 'WaterBuddy' }),
+            jsx('div', { style: { fontSize: 12, opacity: .82, letterSpacing: 1 }, children: 'WaterPlusAI' }),
+            jsx('div', { style: { marginTop: 8, fontSize: 15, fontWeight: 600 }, children: 'WaterPlusAI' }),
             jsx('div', { style: { position: 'absolute', left: '50%', bottom: -35, transform: 'translateX(-50%)', padding: 5, borderRadius: '50%', background: '#fff', boxShadow: '0 6px 18px rgba(15,23,42,.18)' }, children: jsx(UserAvatar, { user, size: 62 }) }),
           ] }),
           jsxs('div', { style: { padding: '48px 28px 26px', textAlign: 'center' }, children: [
@@ -539,7 +568,7 @@ window.__ModuleLoader__.load({
                 jsx('small', { style: { color: '#8a94a6', fontSize: 11 }, children: '身份' }),
                 jsx('div', { style: { marginTop: 4, color: '#334155', fontSize: 13, fontWeight: 600 }, children: isAdmin ? '管理员' : '内部成员' }),
               ] }),
-              managesQuota ? jsxs('div', { style: { padding: '12px 14px', borderRadius: 12, background: exhausted ? '#fff7ed' : '#f5f8fc' }, children: [
+              hasQuota ? jsxs('div', { style: { padding: '12px 14px', borderRadius: 12, background: exhausted ? '#fff7ed' : '#f5f8fc' }, children: [
                 jsx('small', { style: { color: '#8a94a6', fontSize: 11 }, children: '剩余额度' }),
                 jsx('div', { style: { marginTop: 4, color: exhausted ? '#b45309' : '#334155', fontSize: 13, fontWeight: 600 }, children: balanceText }),
               ] }) : null,
@@ -554,9 +583,16 @@ window.__ModuleLoader__.load({
           jsx('button', {
             type: 'button',
             onClick: openPanel,
-            title: user ? name : '登录 WaterBuddy',
+            title: user ? name : '登录 WaterPlusAI',
             'data-waterbuddy-account': '',
-            style: { display: 'flex', alignItems: 'center', gap: 8, flex: '0 0 auto', width: wide ? 'auto' : 40, maxWidth: wide ? 116 : 40, minHeight: 38, padding: wide ? '5px 9px 5px 6px' : 3, border: user ? '1px solid #e1eafa' : '1px solid transparent', borderRadius: 12, background: user ? '#f5f8ff' : 'transparent', color: 'var(--dsw-text-secondary, #586174)', cursor: 'pointer', textAlign: 'left', transition: 'background .15s ease, border-color .15s ease' },
+            // 注意：**不要**给它 `flex: 0 0 auto`。底栏被我们摆成一行时，宿主那层的
+            // `flex-wrap` 是默认的 nowrap，卡片一旦不可收缩，行就放不下、最后一个子元素
+            // （「设置」）被直接裁掉——实测就是这个原因。默认可收缩 + minWidth:0 才安全。
+            // 卡片宽度必须小：底栏能不能排成一行，取决于"卡片 + 设置区"是否放得下，
+            // 而这两者里只有我们能收。副标题省略号截断，保住名字。
+            // 底栏已成一行后这里可以放宽：行宽 = 卡片 + 设置区，两者都是 auto 且有 wrap 兜底，
+            // 放宽只是让「水务之窗」这类副标题显示完整；真放不下也只会换行，不会裁掉东西。
+            style: { display: 'flex', alignItems: 'center', gap: 6, minWidth: 0, width: wide ? 'auto' : 40, maxWidth: wide ? 124 : 40, minHeight: 38, padding: wide ? '5px 9px 5px 6px' : 3, border: user ? '1px solid #e1eafa' : '1px solid transparent', borderRadius: 12, background: user ? '#f5f8ff' : 'transparent', color: 'var(--dsw-text-secondary, #586174)', cursor: 'pointer', textAlign: 'left', transition: 'background .15s ease, border-color .15s ease' },
             children: [user ? jsx(UserAvatar, { user, size: 28 }) : jsx('img', { src: SSO.image, alt: SSO.title, style: { width: 28, height: 28, borderRadius: 8, objectFit: 'contain', padding: 2, boxSizing: 'border-box', flex: '0 0 auto', background: '#fff', border: '1px solid #dce9fb' } }), wide ? jsxs('span', { style: { minWidth: 0, display: 'grid', gap: 1 }, children: [jsx('strong', { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 12.5, lineHeight: '16px', color: 'var(--dsw-text-primary, #1f2937)' }, children: user ? name : SSO.title }), jsx('small', { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', color: exhausted ? '#b45309' : '#8a94a6', fontSize: 10.5, lineHeight: '14px' }, children: subtitle })] }) : null],
           }),
           open ? jsx('div', { style: { position: 'fixed', inset: 0, zIndex: 1000, background: 'rgba(15, 23, 42, .42)', backdropFilter: 'blur(5px)', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 16 }, onClick: event => { if (event.target === event.currentTarget) setOpen(false) }, children: jsx('div', { style: { width: 420, maxWidth: 'calc(100vw - 32px)', borderRadius: 22, background: '#fff', overflow: 'hidden', boxShadow: '0 24px 80px rgba(15,23,42,.28)' }, children: user ? userPanel() : jsxs('div', { children: [
@@ -564,7 +600,7 @@ window.__ModuleLoader__.load({
               // 与已登录面板同一个坑：标题/说明是整行宽的块级元素，必须靠 z-index 让按钮稳定在上。
               jsx('button', { type: 'button', onClick: () => setOpen(false), 'aria-label': '关闭', style: { position: 'absolute', zIndex: 1, top: 14, right: 16, width: 30, height: 30, border: 0, borderRadius: '50%', background: '#f1f5f9', color: '#64748b', fontSize: 20, lineHeight: 1, cursor: 'pointer' }, children: '×' }),
               jsx('img', { src: SSO.image, alt: SSO.title, style: { display: 'block', width: 52, height: 52, objectFit: 'contain', margin: '0 auto' } }),
-              jsx('h3', { style: { margin: '10px 0 4px', color: '#162033', fontSize: 21 }, children: 'WaterBuddy' }),
+              jsx('h3', { style: { margin: '10px 0 4px', color: '#162033', fontSize: 21 }, children: 'WaterPlusAI' }),
               jsx('p', { style: { margin: 0, color: '#7b8799', fontSize: 12.5 }, children: '登录后同步水务之窗账号与知识库权限' }),
               exhausted ? jsx('div', { style: { margin: '14px 26px 0', padding: '10px 12px', borderRadius: 10, background: '#fff7ed', border: '1px solid #fed7aa', color: '#b45309', fontSize: 12.5, lineHeight: 1.5 }, children: '试用额度已用完，登录后即可继续使用（额度升为账号档）' }) : null,
             ] }),
@@ -627,7 +663,7 @@ window.__ModuleLoader__.load({
       // `/waterplus-mark.png`，该路径在 hero 里取不到，渲染成了黑方块。
       return jsx('img', {
         src: mark,
-        alt: 'WaterBuddy',
+        alt: 'WaterPlusAI',
         width: edge,
         height: edge,
         style: { width: edge, height: edge, objectFit: 'contain', borderRadius: '22%' },
@@ -754,7 +790,12 @@ window.__ModuleLoader__.load({
       const response = await fetch('/api/waterbuddy/experts')
       const payload = await response.json()
       if (!response.ok) throw new Error(payload.error || 'load-failed')
-      return { experts: payload.experts || [], divisions: payload.divisions || [] }
+      const teams = payload.teams || (payload.experts || []).filter(expert => expert.kind === 'team' || expert.expertType === 'team')
+      const divisions = [...(payload.divisions || [])]
+      if (teams.length > 0 && !divisions.some(division => division.slug === 'teams')) {
+        divisions.push({ slug: 'teams', name: '专家团', count: teams.length })
+      }
+      return { experts: payload.experts || [], teams, divisions }
     }
 
     /** `@` 菜单的最近一次启用快照：`lexicon` / `codec.clipboardText` 是同步接口，只能读缓存。 */
@@ -1107,25 +1148,135 @@ window.__ModuleLoader__.load({
      * 直接函数调用会把它的 hook 并进父组件的 hook 序列，弹窗一开一关就改变 hook 数量，
      * React 会抛 "Rendered more hooks than during the previous render"。
      */
+    function formatExpertSize(bytes) {
+      const size = Number(bytes) || 0
+      if (size >= 1024 * 1024) return (size / 1024 / 1024).toFixed(1) + ' MB'
+      if (size >= 1024) return (size / 1024).toFixed(1) + ' KB'
+      return size + ' B'
+    }
+
+    function detailRow(label, value) {
+      return value
+        ? jsxs('div', { style: { display: 'flex', gap: 12, padding: '3px 0', alignItems: 'baseline' }, children: [
+          jsx('span', { style: { color: '#8a94a6', minWidth: 42, flexShrink: 0 }, children: label }),
+          jsx('span', { style: { color: '#596579', wordBreak: 'break-all' }, children: value }),
+        ] })
+        : null
+    }
+
+    function memberAvatar(expert, member) {
+      const raw = String(member?.avatar || '').trim()
+      if (!raw) return null
+      const src = /^https?:\/\//i.test(raw)
+        ? raw
+        : '/api/waterbuddy/experts/avatar?slug=' + encodeURIComponent(expert.slug) + '&member=' + encodeURIComponent(member.slug || '')
+      return jsx('img', { src, alt: '', style: { width: 28, height: 28, borderRadius: '50%', objectFit: 'cover', flexShrink: 0 } })
+    }
+
     function ExpertPromptDialog({ dialog, onClose }) {
+      const expert = dialog.expert || {}
+      const members = expert.members || []
+      const agents = expert.agentFiles || []
+      const skills = expert.skillMeta || []
+      const knowledgeBases = expert.knowledgeBases || []
+      const quickPrompts = expert.quickPrompts || []
+      const tags = (expert.tags || []).map(tag => typeof tag === 'string' ? tag : tag.zh || tag.en).filter(Boolean)
+      const avatar = expert.avatar
+        ? jsx('img', { src: expert.avatar, alt: '', style: { width: 48, height: 48, borderRadius: '50%', objectFit: 'cover', flexShrink: 0 } })
+        : jsx('span', { style: { width: 48, height: 48, borderRadius: '50%', display: 'grid', placeItems: 'center', background: '#eef4ff', fontSize: 27, flexShrink: 0 }, children: expert.emoji || '🧠' })
+      const copySummary = () => {
+        const lines = [
+          expert.name,
+          expert.profession ? `职业：${expert.profession}` : '',
+          expert.description,
+          expert.version ? `版本：${expert.version}` : '',
+          expert.defaultInitPrompt ? `默认开场：${expert.defaultInitPrompt}` : '',
+          members.length > 0 ? `团队成员：${members.map(member => `${member.name || member.slug}（${member.role === 'lead' ? '负责人' : '成员'}）`).join('、')}` : '',
+          skills.length > 0 ? `关联技能：${skills.map(skill => skill.skillName).join('、')}` : '',
+          knowledgeBases.length > 0 ? `关联知识库：${knowledgeBases.map(item => item.name || item.id || item).join('、')}` : '',
+          ...quickPrompts.map(item => `- ${item}`),
+        ].filter(Boolean)
+        void writeClipboard(lines.join('\n')).catch(() => {})
+      }
       return jsx('div', { style: EXPERT_STYLE.overlay, onClick: event => { if (event.target === event.currentTarget) onClose() }, children:
-        jsxs('div', { style: EXPERT_STYLE.modal, children: [
+        jsxs('div', { style: { ...EXPERT_STYLE.modal, width: 'min(860px, 100%)', maxHeight: '86vh' }, children: [
           jsxs('div', { style: EXPERT_STYLE.modalHead, children: [
-            jsx('strong', { style: { color: '#0f172a', fontSize: 14 }, children: dialog.expert.name }),
-            jsx('span', { style: { color: '#94a3b8', fontSize: 11.5 }, children: dialog.expert.slug }),
+            avatar,
+            jsxs('div', { style: { minWidth: 0, display: 'grid', gap: 3 }, children: [
+              jsx('strong', { style: { color: '#0f172a', fontSize: 16 }, children: expert.name }),
+              jsx('span', { style: { color: '#7b8799', fontSize: 12 }, children: expert.profession || expert.description || expert.slug }),
+            ] }),
             jsx('button', { type: 'button', onClick: onClose, style: { ...EXPERT_STYLE.ghost, marginLeft: 'auto' }, children: '关闭' }),
           ] }),
-          jsx('div', { style: EXPERT_STYLE.modalBody, children:
-            dialog.loading
-              ? jsx('span', { style: { color: '#7b8799', fontSize: 12.5 }, children: '正在加载提示词…' })
-              : jsx('pre', { style: EXPERT_STYLE.pre, children: dialog.body }) }),
+          jsx('div', { style: EXPERT_STYLE.modalBody, children: dialog.loading
+            ? jsx('span', { style: { color: '#7b8799', fontSize: 12.5 }, children: '正在加载专家详情…' })
+            : jsxs('div', { style: { display: 'grid', gap: 16 }, children: [
+              jsx('div', { style: { color: '#596579', fontSize: 13, lineHeight: 1.7 }, children: expert.description }),
+              jsxs('div', { style: { borderBottom: '1px solid #eef2f8', paddingBottom: 10 }, children: [
+                detailRow('来源', expert.sourceLabel ? `${expert.sourceLabel}${expert.source ? `（${expert.source}）` : ''}` : ''),
+                detailRow('版本', expert.version),
+                detailRow('文件', expert.fileCount !== undefined ? `${expert.fileCount} / ${formatExpertSize(expert.totalSize)}` : ''),
+                detailRow('目录', expert.dir),
+                expert.categoryId ? detailRow('分类', expert.categoryId) : null,
+              ] }),
+              expert.readOnly ? jsx('div', { style: { color: '#8a94a6', fontSize: 12 }, children: '只读来源（可在 NTD 中管理，或安装到用户库）' }) : null,
+              expert.defaultInitPrompt ? jsxs('div', { style: { display: 'grid', gap: 6 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '默认开场' }),
+                jsx('div', { style: { color: '#596579', fontSize: 12.5, lineHeight: 1.6 }, children: expert.defaultInitPrompt }),
+              ] }) : null,
+              quickPrompts.length > 0 ? jsxs('div', { style: { display: 'grid', gap: 6 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '快捷指令' }),
+                ...quickPrompts.slice(0, 5).map((prompt, index) => jsx('div', { key: index, style: { color: '#596579', fontSize: 12.5, lineHeight: 1.6 }, children: '• ' + prompt })),
+              ] }) : null,
+              tags.length > 0 ? jsxs('div', { style: { display: 'flex', gap: 6, flexWrap: 'wrap' }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12, marginRight: 4 }, children: '标签' }),
+                ...tags.map(tag => jsx('span', { key: tag, style: { padding: '2px 7px', borderRadius: 8, background: '#f1f5f9', color: '#64748b', fontSize: 11.5 }, children: tag })),
+              ] }) : null,
+              members.length > 0 ? jsxs('div', { style: { display: 'grid', gap: 8 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '团队成员' }),
+                jsx('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))', gap: 8 }, children: members.map(member =>
+                  jsxs('div', { key: member.slug || member.name, style: { padding: '9px 10px', border: '1px solid #edf1f7', borderRadius: 9, background: '#fbfcfe', display: 'flex', alignItems: 'center', gap: 8 }, children: [
+                    memberAvatar(expert, member) || jsx('span', { style: { width: 28, height: 28, borderRadius: '50%', display: 'grid', placeItems: 'center', background: '#eef4ff', fontSize: 15, flexShrink: 0 }, children: member.role === 'lead' ? '★' : '👤' }),
+                    jsxs('div', { style: { minWidth: 0 }, children: [
+                      jsx('div', { style: { color: '#334155', fontSize: 13 }, children: member.name || member.slug }),
+                      jsx('div', { style: { color: '#8a94a6', fontSize: 11.5, marginTop: 3 }, children: `${member.profession || ''}${member.profession ? ' · ' : ''}${member.role === 'lead' ? '负责人' : '成员'}` }),
+                    ] }),
+                  ] }),
+                ) }),
+              ] }) : null,
+              skills.length > 0 ? jsxs('div', { style: { display: 'grid', gap: 7 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '关联技能' }),
+                ...skills.map(skill => jsxs('div', { key: skill.skillName, style: { padding: '8px 0', borderBottom: '1px solid #f1f5f9' }, children: [
+                  jsx('div', { style: { color: '#334155', fontSize: 13 }, children: `${skill.emoji ? skill.emoji + ' ' : ''}${skill.skillName}` }),
+                  jsx('div', { style: { color: '#8a94a6', fontSize: 11.5, marginTop: 3 }, children: skill.descriptionZh || skill.descriptionEn || skill.description || '暂无说明' }),
+                ] })),
+                ] }) : null,
+              knowledgeBases.length > 0 ? jsxs('div', { style: { display: 'grid', gap: 7 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '关联知识库' }),
+                ...knowledgeBases.map((knowledgeBase, index) => jsxs('div', { key: knowledgeBase.id || knowledgeBase.name || index, style: { padding: '8px 0', borderBottom: '1px solid #f1f5f9' }, children: [
+                  jsx('div', { style: { color: '#334155', fontSize: 13 }, children: knowledgeBase.name || knowledgeBase.id || String(knowledgeBase) }),
+                  knowledgeBase.id ? jsx('div', { style: { color: '#8a94a6', fontSize: 11.5, marginTop: 3, wordBreak: 'break-all' }, children: knowledgeBase.id }) : null,
+                ] })),
+              ] }) : null,
+              agents.length > 0 ? jsxs('div', { style: { display: 'grid', gap: 7 }, children: [
+                jsx('strong', { style: { color: '#64748b', fontSize: 12 }, children: '角色定义（AGENT MD）' }),
+                ...agents.map(agent => jsxs('div', { key: agent.relPath, style: { padding: '8px 0', borderBottom: '1px solid #f1f5f9' }, children: [
+                  jsx('div', { style: { color: '#334155', fontSize: 13 }, children: `${agent.emoji ? agent.emoji + ' ' : ''}${agent.name}${agent.relPath === expert.leadAgentFile || agent.role === 'lead' ? ' ★' : ''}` }),
+                  jsx('div', { style: { color: '#8a94a6', fontSize: 11.5, marginTop: 3 }, children: agent.description || '暂无角色摘要' }),
+                ] })),
+              ] }) : null,
+              jsx('details', { children: [
+                jsx('summary', { style: { cursor: 'pointer', color: '#64748b', fontSize: 12 }, children: 'plugin.json' }),
+                jsx('pre', { style: { ...EXPERT_STYLE.pre, marginTop: 8, padding: 10, borderRadius: 9, background: '#f8fafc', maxHeight: 260, overflow: 'auto' }, children: expert.pluginJson ? JSON.stringify(expert.pluginJson, null, 2) : '暂无 plugin.json' }),
+              ] }),
+              jsx('details', { children: [
+                jsx('summary', { style: { cursor: 'pointer', color: '#64748b', fontSize: 12 }, children: '查看角色定义全文' }),
+                jsx('pre', { style: { ...EXPERT_STYLE.pre, marginTop: 8, padding: 10, borderRadius: 9, background: '#f8fafc', maxHeight: 360, overflow: 'auto' }, children: dialog.body || '暂无角色定义' }),
+              ] }),
+            ] }) }),
           jsxs('div', { style: EXPERT_STYLE.modalFoot, children: [
-            jsx('button', {
-              type: 'button',
-              onClick: () => { void writeClipboard(dialog.body || '').catch(() => onClose()) },
-              style: EXPERT_STYLE.ghost,
-              children: '复制提示词',
-            }),
+            jsx('button', { type: 'button', onClick: copySummary, style: EXPERT_STYLE.ghost, children: '分享' }),
+            jsx('button', { type: 'button', onClick: () => { void writeClipboard(dialog.body || '').catch(() => {}) }, style: EXPERT_STYLE.ghost, children: '复制提示词' }),
           ] }),
         ] }) })
     }
@@ -1192,17 +1343,6 @@ window.__ModuleLoader__.load({
 
     // ── roster.js ────────────────────────────────────────────────────
 
-    /** 正文缓存：`slug → persona 正文`。跨渲染存活，供"预取后同步写剪贴板"用。 */
-    const promptCache = new Map()
-
-    /** 取一位专家的 persona 正文（展示用原文）。 */
-    async function fetchExpertBody(slug) {
-      const response = await fetch('/api/waterbuddy/experts?slug=' + encodeURIComponent(slug))
-      const payload = await response.json()
-      if (!response.ok) throw new Error(payload.error || 'load-failed')
-      return payload.body || ''
-    }
-
     /** 设置里的「专家」页：浏览、启用停用、以及管理自定义专家。
      *
      * 三件事刻意分开：
@@ -1286,52 +1426,26 @@ window.__ModuleLoader__.load({
           const response = await fetch('/api/waterbuddy/experts?slug=' + encodeURIComponent(expert.slug))
           const payload = await response.json()
           if (!response.ok) throw new Error(payload.error || 'load-failed')
-          setDialog({ mode: 'view', expert, body: payload.body || '', loading: false })
+          setDialog({ mode: 'view', expert: payload.expert || expert, body: payload.body || '', loading: false })
         } catch (err) {
           setDialog(null)
           setError(err.message)
         }
       }
 
-      /**
-       * 复制提示词。
-       *
-       * 关键在时序：WebKit（Tauri 用的就是它）要求剪贴板写入发生在**用户手势的同步调用栈**里，
-       * 先 `await fetch` 再写就会被拒（`NotAllowedError`），连 execCommand 兜底也一起失效——
-       * 这正是"复制提示词不起效果"的原因。所以：悬停/聚焦时先把正文预取进缓存，点击时
-       * 缓存命中就是同步发起写入，手势不丢；没命中才走异步路径（并在失败时提示再点一次）。
-       */
-      const copyPrompt = async expert => {
-        const cached = promptCache.get(expert.slug)
-        if (cached !== undefined) {
-          try {
-            await writeClipboard(cached)
-            setError('')
-          } catch (err) {
-            setError('复制失败：' + err.message)
-          }
-          return
-        }
-        try {
-          const body = await fetchExpertBody(expert.slug)
-          promptCache.set(expert.slug, body)
-          await writeClipboard(body)
-          setError('')
-        } catch (err) {
-          setError('复制失败：' + err.message + '（正文已缓存，再点一次即可）')
-        }
-      }
-
-      /** 悬停/聚焦时预取正文，让点击那一刻能同步写入剪贴板。 */
-      const prefetchPrompt = expert => {
-        if (promptCache.has(expert.slug)) return
-        void fetchExpertBody(expert.slug)
-          .then(body => { promptCache.set(expert.slug, body) })
-          .catch(() => {})
-      }
+      // 卡片上的「复制提示词」按钮已移除：卡片要先按 slug 取正文，而 WebKit（Tauri 用的就是它）
+      // 要求剪贴板写入发生在用户手势的同步调用栈里，异步路径下写入常被拒（`NotAllowedError`）。
+      // 复制入口保留在「查看提示词」弹窗内——正文已经拿到手，点击即同步写入。
 
       const experts = snapshot ? snapshot.experts || [] : []
-      const divisions = snapshot ? snapshot.divisions || [] : []
+      const teams = snapshot
+        ? snapshot.teams || experts.filter(expert => expert.kind === 'team' || expert.expertType === 'team')
+        : []
+      const divisions = snapshot ? [...(snapshot.divisions || [])] : []
+      if (teams.length > 0 && !divisions.some(item => item.slug === 'teams')) {
+        divisions.push({ slug: 'teams', name: '专家团', count: teams.length })
+      }
+      const editableDivisions = divisions.filter(item => item.slug !== 'teams')
 
       /** 打开新建/编辑弹窗：初始化表单草稿。 */
       const openEditor = (mode, expert) => {
@@ -1339,7 +1453,7 @@ window.__ModuleLoader__.load({
           slug: expert.slug || '',
           name: expert.name || '',
           description: expert.description || '',
-          division: expert.division || (divisions[0] ? divisions[0].slug : 'supply'),
+          division: expert.division || (editableDivisions[0] ? editableDivisions[0].slug : 'supply'),
           emoji: expert.emoji || '🧠',
           avatar: expert.avatar || '',
           prompt: expert.prompt || '',
@@ -1349,8 +1463,9 @@ window.__ModuleLoader__.load({
       const onField = (key, value) => setForm(current => ({ ...current, [key]: value }))
       const needle = query.trim().toLowerCase()
       const shown = experts.filter(expert => {
-        if (tab === 'custom' && !expert.custom) return false
-        if (tab === 'builtin' && expert.custom) return false
+        if (tab === 'team' && expert.kind !== 'team' && expert.expertType !== 'team') return false
+        if (tab === 'custom' && (!expert.custom || expert.kind === 'team')) return false
+        if (tab === 'builtin' && (expert.custom || expert.kind === 'team')) return false
         if (division !== 'all' && expert.division !== division) return false
         if (status === 'enabled' && !expert.enabled) return false
         if (status === 'disabled' && expert.enabled) return false
@@ -1369,7 +1484,6 @@ window.__ModuleLoader__.load({
 
       const header = jsxs('div', { style: { display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap', marginBottom: 4 }, children: [
         jsx('h2', { style: { margin: 0, color: '#0f172a', fontSize: 19, fontWeight: 600 }, children: '专家' }),
-        jsx('span', { style: { padding: '2px 8px', borderRadius: 6, background: '#f1f5f9', color: '#64748b', fontSize: 11.5 }, children: 'v' + (snapshot && snapshot.version ? snapshot.version : '') }),
         jsx('span', { style: { color: '#8a94a6', fontSize: 12.5 }, children: experts.length + ' 位专家 · 已启用 ' + (snapshot ? snapshot.enabledCount : 0) }),
         jsxs('span', { style: { marginLeft: 'auto', display: 'flex', gap: 8 }, children: [
           jsx('button', {
@@ -1396,17 +1510,36 @@ window.__ModuleLoader__.load({
 
       const card = expert => jsxs('div', { style: EXPERT_STYLE.card, children: [
         jsxs('div', { style: { display: 'flex', alignItems: 'flex-start', gap: 10 }, children: [
-          expert.avatar
-            ? jsx('img', { src: expert.avatar, alt: '', style: { width: 32, height: 32, borderRadius: '50%', objectFit: 'cover', flexShrink: 0 } })
-            : jsx('span', { style: { fontSize: 22, lineHeight: '24px' }, children: expert.emoji || '🧠' }),
-          jsxs('div', { style: { minWidth: 0, display: 'grid', gap: 3, flex: 1 }, children: [
-            jsxs('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }, children: [
-              jsx('strong', { style: { color: '#0f172a', fontSize: 13.5 }, children: expert.name }),
-              jsx('span', { style: { padding: '1px 7px', borderRadius: 6, background: expert.custom ? '#fef3c7' : '#eef2f8', color: expert.custom ? '#92400e' : '#64748b', fontSize: 11 }, children: expert.custom ? '自定义' : '内置' }),
-              jsx('span', { style: { color: '#94a3b8', fontSize: 11.5 }, children: expert.divisionName }),
-            ] }),
-            jsx('span', { style: { color: '#7b8799', fontSize: 12, lineHeight: 1.6 }, children: expert.description }),
-          ] }),
+          // 点专家本体看提示词：卡片上不再放按钮，可点区域（头像 + 文字）与右侧开关是**兄弟节点**，
+          // 所以掰开关不会顺带弹出提示词，也不需要 stopPropagation。
+          jsxs('div', {
+            role: 'button',
+            tabIndex: 0,
+            title: '查看提示词',
+            onClick: () => { void openPrompt(expert) },
+            onKeyDown: event => {
+              if (event.key !== 'Enter' && event.key !== ' ') return
+              event.preventDefault()
+              void openPrompt(expert)
+            },
+            style: { display: 'flex', alignItems: 'flex-start', gap: 10, flex: 1, minWidth: 0, cursor: 'pointer' },
+            children: [
+              expert.avatar
+                ? jsx('img', { src: expert.avatar, alt: '', style: { width: 32, height: 32, borderRadius: '50%', objectFit: 'cover', flexShrink: 0 } })
+                : jsx('span', { style: { fontSize: 22, lineHeight: '24px' }, children: expert.emoji || '🧠' }),
+              jsxs('div', { style: { minWidth: 0, display: 'grid', gap: 3, flex: 1 }, children: [
+                jsxs('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }, children: [
+                  jsx('strong', { style: { color: '#0f172a', fontSize: 13.5 }, children: expert.name }),
+                  jsx('span', { style: { padding: '1px 7px', borderRadius: 6, background: expert.kind === 'team' ? '#ede9fe' : expert.custom ? '#fef3c7' : '#eef2f8', color: expert.kind === 'team' ? '#6d28d9' : expert.custom ? '#92400e' : '#64748b', fontSize: 11 }, children: expert.kind === 'team' ? '专家团' : expert.custom ? '自定义' : '内置' }),
+                  jsx('span', { style: { color: '#94a3b8', fontSize: 11.5 }, children: expert.divisionName }),
+                ] }),
+                jsx('span', { style: { color: '#7b8799', fontSize: 12, lineHeight: 1.6 }, children: expert.description }),
+                expert.kind === 'team' && expert.members?.length > 0
+                  ? jsx('span', { style: { color: '#8a94a6', fontSize: 11.5, lineHeight: 1.5 }, children: '成员：' + expert.members.map(member => member.name || member.slug).join('、') })
+                  : null,
+              ] }),
+            ],
+          }),
           jsx('button', {
             type: 'button',
             'aria-label': (expert.enabled ? '停用 ' : '启用 ') + expert.name,
@@ -1417,21 +1550,11 @@ window.__ModuleLoader__.load({
             children: jsx('span', { style: { position: 'absolute', top: 3, left: expert.enabled ? 21 : 3, width: 18, height: 18, borderRadius: '50%', background: '#fff', transition: 'left .15s' } }),
           }),
         ] }),
-        jsxs('div', { style: { display: 'flex', gap: 8, borderTop: '1px solid #eef2f8', paddingTop: 10, marginTop: 'auto' }, children: [
-          jsx('button', { type: 'button', onClick: () => { void openPrompt(expert) }, style: EXPERT_STYLE.ghost, children: '查看提示词' }),
-          jsx('button', {
-            type: 'button',
-            onClick: () => { void copyPrompt(expert) },
-            // 悬停/聚焦就预取：点击时缓存已就绪，剪贴板写入能落在手势的同步栈里。
-            onMouseEnter: () => prefetchPrompt(expert),
-            onFocus: () => prefetchPrompt(expert),
-            style: EXPERT_STYLE.ghost,
-            children: '复制提示词',
-          }),
-          expert.custom
-            ? jsx('button', { type: 'button', onClick: () => openEditor('edit', expert), style: { ...EXPERT_STYLE.ghost, marginLeft: 'auto' }, children: '编辑' })
-            : null,
-        ] }),
+        expert.custom
+          ? jsxs('div', { style: { display: 'flex', gap: 8, borderTop: '1px solid #eef2f8', paddingTop: 10, marginTop: 'auto' }, children: [
+            jsx('button', { type: 'button', onClick: () => openEditor('edit', expert), style: { ...EXPERT_STYLE.ghost, marginLeft: 'auto' }, children: '编辑' }),
+          ] })
+          : null,
       ] })
 
       return jsxs(Fragment, { children: [
@@ -1439,6 +1562,7 @@ window.__ModuleLoader__.load({
         jsxs('div', { style: { display: 'flex', gap: 8, marginTop: 14 }, children: [
           jsx('button', { type: 'button', onClick: () => setTab('all'), style: EXPERT_STYLE.tab(tab === 'all'), children: '全部' }),
           jsx('button', { type: 'button', onClick: () => setTab('builtin'), style: EXPERT_STYLE.tab(tab === 'builtin'), children: '内置' }),
+          jsx('button', { type: 'button', onClick: () => setTab('team'), style: EXPERT_STYLE.tab(tab === 'team'), children: '专家团' }),
           jsx('button', { type: 'button', onClick: () => setTab('custom'), style: EXPERT_STYLE.tab(tab === 'custom'), children: '自定义' }),
         ] }),
         filters,
@@ -1446,7 +1570,7 @@ window.__ModuleLoader__.load({
         shown.length === 0
           ? jsx('div', { style: { padding: '28px 0', color: '#94a3b8', fontSize: 13, textAlign: 'center' }, children: '没有匹配的专家' })
           : jsx('div', { style: { display: 'grid', gap: 12, gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))' }, children: shown.map(expert => jsx('div', { key: expert.slug, children: card(expert)})) }),
-        dialog ? ExpertDialog({ dialog, divisions, busy, form, onField, setDialog, mutate }) : null,
+        dialog ? ExpertDialog({ dialog, divisions: editableDivisions, busy, form, onField, setDialog, mutate }) : null,
       ] })
     }
 
@@ -1484,12 +1608,12 @@ window.__ModuleLoader__.load({
       ctx.effect(() => {
         const normalizeTitle = () => {
           if (document.title === 'DeepSeek Harness' || document.title === 'DSH Local Build') {
-            document.title = 'WaterBuddy'
+            document.title = 'WaterPlusAI'
             return
           }
           const title = document.title.replace(
             / — (?:DeepSeek Harness|DSH Local Build)$/,
-            ' — WaterBuddy',
+            ' — WaterPlusAI',
           )
           if (title !== document.title) document.title = title
         }
@@ -1509,9 +1633,37 @@ window.__ModuleLoader__.load({
           // 都是**每次构建都变的哈希**（`nArs4W_panel…`，实测已无任何 foot 类），补丁因此静默
           // 失效、底栏又折行。改成用**我们自己的标记**定位：账号卡（`data-waterbuddy-account`）
           // 的父级就是底栏区，隔一层也是——`:has()` 在 Tauri 的 WebKit 上有。
-          '*:has(> [data-waterbuddy-account]){flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px}',
-          '*:has(> * > [data-waterbuddy-account]){flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px}',
-          '*:has(> [data-waterbuddy-account])>*{min-width:0}',
+          // 底栏排成一行。**必须同时满足两个条件，否则一定出问题**：
+          //   a. 容器要 row  —— 宿主 `.footArea` 原生是 column，不改就永远是上下两行；
+          //   b. 必须允许 wrap —— 宿主默认 nowrap，放不下时会**裁掉**最后一个子元素（「设置」消失）；
+          //   c. 我们自己那部分必须能收缩且足够窄 —— 行是"放得下才成立"，宽度只由我们的卡片贡献。
+          // 三个条件都满足时：放得下 → 一行；放不下 → 优雅换成两行，且绝不丢元素。
+          '[class*="footArea"]{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px}',
+
+          // **关键的一半，前几轮都漏了**：宿主 `SidebarRoot.module.css` 里
+          //
+          //   .settingsArea, .footerActions { flex: none; min-width: 0; width: 100% }
+          //
+          // 两个子元素都是**整宽**（按列布局设计的）。父级改成 row 后它们仍各要 100%，
+          // 于是永远并排不了——所以只压窄我们自己的卡片完全无效，卡片外面那层
+          // `footerActions` 依旧是 100%。两个都要改成按内容宽度、且允许收缩。
+          // 账号卡那一侧**吃掉剩余空间**（用户区占满整行），设置区保持自身宽度 →
+          // 被自然推到最右。两者都是局部类名，不碰祖先；设置区 flex 为 0 0 auto，
+          // 所以卡片再胖也不会挤到它。
+          '[class*="footerActions"]{width:auto!important;flex:1 1 auto!important;min-width:0!important}',
+          '[class*="settingsArea"]{width:auto!important;flex:0 0 auto!important;min-width:0!important}',
+
+          // 以下是最初的写法记录（保留以免重复踩坑）：
+          //
+          // 试过并已全部撤回的路子，每条都伤了真实界面：
+          //   1. `:has()` 按层数掰祖先            → 把侧边栏根容器掰成横排，整条侧边栏塌掉；
+          //   2. `[class*="footArea"]` + nowrap   → 放不下时裁掉「设置」，设置直接消失；
+          //   3. 撤回卡片 `flex:0 0 auto`          → 设置回来了，但仍两行；
+          //   4. 加 `[class*="footerActions"]` 宽度 → 行依旧没成，且疑似牵连侧边栏其它条目。
+          //
+          // 结论：底栏的容器结构、子元素宽度基准都由宿主决定，插件侧改不动它——第五次尝试
+          // 仍在用户机器上失败，说明我用的观测（本机会话）与桌面端真实 DOM 不一致，
+          // 再试只是继续拿用户的界面做实验。改底栏请改宿主的 ui-sidebar。
         ].join('')
         document.head.append(style)
         return () => { style.remove() }
@@ -1521,7 +1673,7 @@ window.__ModuleLoader__.load({
           yield ctx.slots.register({ name: 'sidebar.brand.mark', priority: -10 }, WaterBuddyMark)
           yield ctx.slots.register({ name: 'sidebar.brand.name', priority: -10 }, WaterBuddyName)
         }))
-      ctx.slots.inject('sidebar.footer.action', () => ctx.slots.register({ name: 'sidebar.footer.action', id: 'waterbuddy-user', order: 90, label: '登录 WaterBuddy' }, UserAction))
+      ctx.slots.inject('sidebar.footer.action', () => ctx.slots.register({ name: 'sidebar.footer.action', id: 'waterbuddy-user', order: 90, label: '登录 WaterPlusAI' }, UserAction))
       ctx.slots.inject('settings.onboarding', () => ctx.slots.register({ name: 'settings.onboarding', id: 'welcome-notice', priority: -1000, order: -100 }, SkipWelcomeNotice))
       // 专家名册页：在设置左侧列出一项「专家」。`label` 用纯字符串——本插件的界面文案
       // 都是硬编码中文，没有走宿主词典（见 AGENTS.md 的产物面边界）。
@@ -1531,6 +1683,24 @@ window.__ModuleLoader__.load({
         order: 95,
         label: '专家',
       }, ExpertRoster))
+      // 静音 dsh-better-sidebar 的一条固定噪音。
+      //
+      // 它的插槽拦截器会为 harness 自己的一个 list 插槽打印 error：
+      //   [dsh-better-sidebar] interception error: list slot "conversation.chat.turnTail" requires options.id
+      // 这个插槽属于 harness 的 @deepseek-ai/dsh-client-ui-deliverables，既不是我们注册的，
+      // 也无法从插件侧修好（不能改宿主的注册），而桌面端会把 console.error 渲染成底部红条，
+      // 非常显眼。这里按**精确前缀**过滤掉它——只消这一条，其它错误照常上报。
+      ctx.effect(() => {
+        if (typeof console === 'undefined' || typeof console.error !== 'function') return undefined
+        const original = console.error
+        const NOISE = /^\[dsh-better-sidebar\] interception error: list slot "conversation\.chat\.turnTail" requires options\.id/
+        console.error = function (...args) {
+          if (typeof args[0] === 'string' && NOISE.test(args[0])) return
+          return original.apply(this, args)
+        }
+        return () => { console.error = original }
+      }, 'waterplus: silence better-sidebar slot noise')
+
       // 新会话 hero：标记换成我们的（宿主默认是鸟形图标）。
       ctx.slots.inject('conversation.hero.brand.mark', () =>
         ctx.slots.register({ name: 'conversation.hero.brand.mark', priority: -10 }, WaterBuddyHeroMark))
@@ -1589,7 +1759,7 @@ window.__ModuleLoader__.load({
       ctx.effect(() => {
         const inputTriggers = typeof ctx.get === 'function' ? ctx.get('inputTriggers') : undefined
         if (!inputTriggers || typeof inputTriggers.registerSource !== 'function') {
-          console.warn('[WaterBuddy] expert @ menu disabled: host exposes no inputTriggers service')
+          console.warn('[WaterPlusAI] expert @ menu disabled: host exposes no inputTriggers service')
           return undefined
         }
         let disposers = []
@@ -1602,7 +1772,7 @@ window.__ModuleLoader__.load({
             expertNames = new Set(experts.map(expert => expert.name))
             disposers = divisions.map((division, index) => inputTriggers.registerSource(createExpertTriggerSource(ctx, division, index)))
           })
-          .catch(error => console.warn('[WaterBuddy] expert @ menu disabled:', error.message))
+          .catch(error => console.warn('[WaterPlusAI] expert @ menu disabled:', error.message))
 
         // 历史消息里的 `@专家名` 会被宿主的**消息渲染器**渲染成「文件提及」
         // （`<button data-ref-chip="file" title="@专家名">`），点它就按文件路径打开预览，