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

package/client.js

@@ -1231,23 +1231,21 @@ window.__ModuleLoader__.load({
     }
 
     function roomAvatar(name, tone) {
-      const text = String(name ?? '?').trim().slice(0, 1).toUpperCase() || '?'
-      return h('div', {
+      const kind = tone === 'user' ? 'user' : String(name ?? '') === 'host' ? 'host' : 'worker'
+      return h('img', {
+        src: '/device-fleet/avatar/' + kind,
+        alt: String(name ?? kind),
+        draggable: false,
         style: {
           width: 26,
           height: 26,
           borderRadius: '50%',
           flex: '0 0 26px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          fontSize: 12,
-          fontWeight: 600,
-          background: tone === 'user' ? '#2f6fed' : 'var(--dsw-alias-bg-layer-2, #262626)',
-          color: tone === 'user' ? '#fff' : 'var(--dsw-alias-label-primary, #e8e8e8)',
+          objectFit: 'cover',
           border: '1px solid var(--dsw-alias-border-l1, #333)',
+          background: 'var(--dsw-alias-bg-layer-2, #262626)',
         },
-      }, text)
+      })
     }
 
     // Room conversation rendered as a chat: agents on the left with names and
@@ -1310,6 +1308,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 +1384,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 +1408,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,15 @@ 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；
+- 看板可展开/收起，支持任务状态更新与添加。
+## 0.1.0-dev.24（Room @点名）
+
+- 房间输入框支持输入 `@` 弹出成员自动补全；选中成员变为「发给」chip，可点击取消；
+- 无点名时默认发给所有非 host 参与者；被点名成员才唤醒；
+- 聊天气泡显示发送者与收件人（worker-c · → host），用户侧为右气泡、agent 侧为左气泡；
+- 后续：把 Room 状态下的 Chat 替换为这套界面（插件增量，不卸载系统 Chat）。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-device-fleet",
-  "version": "0.1.0-dev.23",
+  "version": "0.1.0-dev.25",
   "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",
@@ -40,6 +40,7 @@
   "files": [
     "src",
     "client.js",
+    "assets",
     "cordis.patch.yml",
     "README.md",
     "CONTEXT.md",

package/src/host/avatar-web.js

@@ -0,0 +1,52 @@
+// Agent avatars used by the Room conversation (dev.25). Files live in the
+// package's assets/avatars directory and are served on exact same-origin routes
+// so the browser can render them without an auth-bypassing asset surface.
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+export const AVATARS = {
+  host: 'host.png',
+  worker: 'worker.png',
+  user: 'user.png',
+}
+
+/**
+ * @param {object} options
+ * @param {object} options.webServer ctx.webServer
+ * @param {string} options.dir directory holding the avatar PNG files
+ * @returns {() => void} disposer
+ */
+export function registerAvatarRoutes({ webServer, dir, logger = null }) {
+  if (!webServer?.register || !dir) return () => {}
+  const disposers = []
+  for (const [name, file] of Object.entries(AVATARS)) {
+    disposers.push(
+      webServer.register({
+        kind: 'exact',
+        path: `/device-fleet/avatar/${name}`,
+        handler: async (req, res) => {
+          if (req.method !== 'GET' && req.method !== 'HEAD') {
+            res.statusCode = 405
+            res.end()
+            return
+          }
+          try {
+            const data = readFileSync(join(dir, file))
+            res.statusCode = 200
+            res.setHeader('content-type', 'image/png')
+            res.setHeader('cache-control', 'public, max-age=3600')
+            res.setHeader('content-length', String(data.length))
+            res.end(req.method === 'HEAD' ? undefined : data)
+          } catch {
+            logger?.warn?.(`[device-fleet] avatar missing: ${file}`)
+            res.statusCode = 404
+            res.end()
+          }
+        },
+      }),
+    )
+  }
+  return () => {
+    for (const dispose of disposers) dispose()
+  }
+}

package/src/host/index.js

@@ -8,6 +8,7 @@ export * from './approval-inbox.js'
 export * from './approval-web.js'
 export * from './ui-web.js'
 export * from './config-web.js'
+export * from './avatar-web.js'
 export * from './runtime-config.js'
 export * from './room-service.js'
 export * from './tools.js'

package/src/plugin/index.js

@@ -20,6 +20,7 @@ import { RoomService } from '../host/room-service.js'
 import { registerApprovalRoutes } from '../host/approval-web.js'
 import { registerUiRoutes } from '../host/ui-web.js'
 import { registerConfigRoutes } from '../host/config-web.js'
+import { registerAvatarRoutes } from '../host/avatar-web.js'
 import { RuntimeConfig, deepMerge } from '../host/runtime-config.js'
 import { ExecutionSlot, DEFAULT_SHELL_TOOL } from '../host/execution-slot.js'
 import { ToolPolicy } from '../host/tool-policy.js'
@@ -280,6 +281,13 @@ export function apply(ctx, profileConfig) {
   }
   let pairingRef = null
   if (webServer) {
+    ctx.effect(() =>
+      registerAvatarRoutes({
+        webServer,
+        dir: fileURLToPath(new URL('../../assets/avatars/', import.meta.url)),
+        logger,
+      }),
+    )
     ctx.effect(() => registerApprovalRoutes({ webServer, inbox, logger }))
     ctx.effect(() =>
       registerConfigRoutes({