dsh-device-fleet 0.1.0-dev.23 → 0.1.0-dev.24

package/client.js

@@ -1310,6 +1310,11 @@ window.__ModuleLoader__.load({
       const participants = detail.members.filter((member) => member.role !== 'host')
       const defaultRecipients = participants.length > 0 ? participants.map((member) => member.memberId) : detail.members.map((member) => member.memberId)
       const recipients = sendTo.length > 0 ? sendTo : defaultRecipients
+      const mentionMatch = /(?:^|\s)@([^\s@]*)$/.exec(sendText)
+      const mentionInfo = mentionMatch ? { query: mentionMatch[1], start: sendText.length - mentionMatch[1].length - 1 } : null
+      const mentionCandidates = mentionInfo
+        ? detail.members.filter((member) => String(member.name ?? '').toLowerCase().includes(mentionInfo.query.toLowerCase()))
+        : []
       const send = () =>
         act('发送', async () => {
           if (sendText.trim() === '') throw new Error('消息不能为空')
@@ -1381,23 +1386,19 @@ window.__ModuleLoader__.load({
             )
           : null,
         h('div', { style: { ...cardStyle, marginTop: 8 } },
-          h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px 12px', marginBottom: 6 } },
-            h('span', { style: { fontSize: 11, opacity: 0.6, alignSelf: 'center' } }, '发给'),
-            ...detail.members.filter((member) => member.role !== 'host').map((member) =>
-              h('label', { key: member.memberId, style: { display: 'flex', alignItems: 'center', gap: 4, fontSize: 12 } },
-                h('input', {
-                  type: 'checkbox',
-                  checked: recipients.includes(member.memberId),
-                  onChange: (event) => {
-                    setSendTo((current) => {
-                      const base = current.length > 0 ? current : defaultRecipients
-                      return event.target.checked ? [...new Set([...base, member.memberId])] : base.filter((id) => id !== member.memberId)
-                    })
-                  },
-                }),
-                member.name,
-              ),
-            ),
+          h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 6, alignItems: 'center', marginBottom: 6 } },
+            h('span', { style: { fontSize: 11, opacity: 0.6 } }, '发给'),
+            sendTo.length === 0
+              ? h('span', { style: { fontSize: 11, opacity: 0.8 } }, '所有人')
+              : sendTo.map((memberId) =>
+                  h('span', {
+                    key: memberId,
+                    style: { fontSize: 11, padding: '1px 7px', borderRadius: 999, border: '1px solid var(--dsw-alias-accent, #2f6fed)', color: 'var(--dsw-alias-accent, #2f6fed)', cursor: 'pointer' },
+                    onClick: () => setSendTo((current) => current.filter((id) => id !== memberId)),
+                  }, '@' + nameOf(memberId) + ' ×'),
+                ),
+            h('span', { style: { flex: 1 } }),
+            h('span', { style: { fontSize: 10, opacity: 0.45 } }, '输入 @ 点名'),
           ),
           h('textarea', {
             value: sendText,
@@ -1409,9 +1410,29 @@ window.__ModuleLoader__.load({
               }
             },
             rows: 2,
-            placeholder: '发消息给房间成员（Enter 发送，Shift+Enter 换行）',
+            placeholder: '发消息给房间成员；输入 @ 可点名（Enter 发送，Shift+Enter 换行）',
             style: { width: '100%', boxSizing: 'border-box', padding: '7px 9px', borderRadius: 8, border: '1px solid var(--dsw-alias-border-l1, #333)', background: 'var(--dsw-alias-bg-layer-2, #262626)', color: 'inherit', fontSize: 13, resize: 'vertical', fontFamily: 'inherit' },
           }),
+          mentionInfo && mentionCandidates.length > 0
+            ? h('div', { style: { marginTop: 6, border: '1px solid var(--dsw-alias-border-l1, #333)', borderRadius: 8, background: 'var(--dsw-alias-bg-layer-2, #262626)', overflow: 'hidden' } },
+                ...mentionCandidates.map((member) =>
+                  h('button', {
+                    key: member.memberId,
+                    type: 'button',
+                    onClick: () => {
+                      setSendTo((current) => [...new Set([...current, member.memberId])])
+                      setSendText((text) => {
+                        const match = /(?:^|\s)@([^\s@]*)$/.exec(text)
+                        if (!match) return text
+                        const start = text.length - match[1].length - 1
+                        return text.slice(0, start).replace(/\s+$/, '')
+                      })
+                    },
+                    style: { display: 'flex', alignItems: 'center', gap: 6, width: '100%', padding: '6px 9px', background: 'transparent', border: 'none', color: 'inherit', cursor: 'pointer', fontSize: 12, textAlign: 'left' },
+                  }, roomAvatar(member.name ?? member.memberId, member.role === 'host' ? 'user' : 'agent'), member.name + (member.role === 'host' ? '（host）' : '')),
+                ),
+              )
+            : null,
           h('div', { style: { display: 'flex', justifyContent: 'flex-end', marginTop: 6 } }, smallButton('发送', () => void send(), 'allow')),
         ),
       )

package/docs/notes/dev-release.md

@@ -123,4 +123,9 @@ dsh plugin --profile desktop add dsh-device-fleet@dev
 - Session 内新增「房间」Conversation View（`conversation.view`，label 房间）：展示成员、时间线（含发言者/收件人）、看板与房间操作，输入默认发给非 host 参与者；
 - 移除 Chat 输入的隐式 Room 广播：普通 Chat 只属于 host agent，Room 交流在「房间」页进行，避免用户在 Chat 里说话被自动转发、或 host agent 转述 worker 回复；
 - host 不再接收参与者回复的 Chat 注入（参与者回复只进入房间时间线）；
-- 输入框下方成员条提示「房间消息在『房间』页交流」。
+- 输入框下方成员条提示「房间消息在『房间』页交流」。
+## 0.1.0-dev.23（Room 聊天气泡视图）
+
+- 「房间」Conversation View 重做为聊天式：agent 消息在左（头像 + 名字 + 收件人），用户消息在右；时间戳、Enter 发送、收件人勾选；
+- 参与者消息原文直接作为左侧气泡展示，不再进入 host 的普通 Chat；
+- 看板可展开/收起，支持任务状态更新与添加。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-device-fleet",
-  "version": "0.1.0-dev.23",
+  "version": "0.1.0-dev.24",
   "description": "DeepSeek Harness device fleet: enroll devices, direct-call remote tools, shared Rooms with lazy-woken agents, and delegated subagents across devices.",
   "type": "module",
   "main": "src/plugin/index.js",