dsh-device-fleet 0.1.0-dev.24 → 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

package/docs/notes/dev-release.md

@@ -128,4 +128,10 @@ dsh plugin --profile desktop add dsh-device-fleet@dev
 
 - 「房间」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.24",
+  "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({