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

package/client.js

@@ -1230,14 +1230,195 @@ window.__ModuleLoader__.load({
       );
     }
 
-    function RoomView({ sessionId }) {
-      return h('div', { style: { height: '100%', overflow: 'auto', padding: '14px 16px', boxSizing: 'border-box' } },
-        h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 10 } },
-          h('strong', { style: { fontSize: 15 } }, '房间'),
-          h('span', { style: { fontSize: 11, opacity: 0.55 } }, '多设备成员共享的会话'),
+    function roomAvatar(name, tone) {
+      const text = String(name ?? '?').trim().slice(0, 1).toUpperCase() || '?'
+      return h('div', {
+        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)',
+          border: '1px solid var(--dsw-alias-border-l1, #333)',
+        },
+      }, text)
+    }
+
+    // Room conversation rendered as a chat: agents on the left with names and
+    // avatars, the user on the right. This is the Room's presentation instead of
+    // injecting participant speech into the host's ordinary Chat.
+    function RoomChatPane({ roomId }) {
+      const [detail, setDetail] = useState(null);
+      const [missing, setMissing] = useState(false);
+      const [error, setError] = useState('');
+      const [sendText, setSendText] = useState('');
+      const [sendTo, setSendTo] = useState([]);
+      const [status, setStatus] = useState('');
+      const [showBoard, setShowBoard] = useState(false);
+      const [taskTitle, setTaskTitle] = useState('');
+      const [taskOwner, setTaskOwner] = useState('');
+
+      const load = async () => {
+        if (!roomId) return;
+        try {
+          const response = await fetch('/device-fleet/room?id=' + encodeURIComponent(roomId), { headers: { accept: 'application/json' } });
+          if (response.status === 404) {
+            setMissing(true);
+            setDetail(null);
+            return;
+          }
+          if (!response.ok) throw new Error('HTTP ' + response.status);
+          const data = await response.json();
+          setDetail(data.room ?? null);
+          setMissing(false);
+          setError('');
+        } catch (problem) {
+          setError(String(problem.message ?? problem));
+        }
+      };
+
+      useEffect(() => {
+        void load();
+        const timer = setInterval(load, 2000);
+        return () => clearInterval(timer);
+      }, [roomId]);
+
+      const act = async (label, action) => {
+        setStatus(label + '…');
+        try {
+          await action();
+          setStatus(label + '成功');
+          await load();
+        } catch (problem) {
+          setStatus(label + '失败：' + String(problem.message ?? problem));
+        }
+      };
+
+      if (!roomId) return null;
+      if (missing) {
+        return h('div', { style: { padding: 16, opacity: 0.75, fontSize: 12 } }, '这个会话还不是 Room。点击输入框下方的「升级为 Room」即可创建。');
+      }
+      if (!detail) return h('div', { style: { padding: 16, opacity: 0.7, fontSize: 12 } }, error ? '房间加载失败：' + error : '加载房间…');
+
+      const nameOf = (memberId) => detail.members.find((member) => member.memberId === memberId)?.name ?? memberId
+      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 send = () =>
+        act('发送', async () => {
+          if (sendText.trim() === '') throw new Error('消息不能为空')
+          await postJson('/device-fleet/room/send', { roomId, to: recipients, text: sendText })
+          setSendText('')
+        })
+
+      const messages = detail.messages.map((message) => {
+        const fromUser = message.from?.kind === 'user'
+        const author = fromUser ? '你' : message.from?.name ?? 'agent'
+        const targets = (message.to ?? []).map(nameOf).join(', ')
+        return h('div', { key: message.id, style: { display: 'flex', justifyContent: fromUser ? 'flex-end' : 'flex-start', gap: 8, margin: '10px 0' } },
+          fromUser ? null : roomAvatar(author, 'agent'),
+          h('div', { style: { maxWidth: '74%' } },
+            fromUser ? null : h('div', { style: { fontSize: 11, opacity: 0.6, marginBottom: 2 } }, author + (targets ? ' · → ' + targets : '')),
+            h('div', {
+              style: {
+                background: fromUser ? '#2f6fed' : 'var(--dsw-alias-bg-layer-2, #262626)',
+                color: fromUser ? '#fff' : 'var(--dsw-alias-label-primary, #e8e8e8)',
+                padding: '8px 12px',
+                borderRadius: 12,
+                whiteSpace: 'pre-wrap',
+                fontSize: 13,
+                lineHeight: 1.5,
+              },
+            }, message.text),
+            h('div', { style: { fontSize: 10, opacity: 0.45, marginTop: 2, textAlign: fromUser ? 'right' : 'left' } }, fmtTime(message.createdAt)),
+          ),
+          fromUser ? roomAvatar('你', 'user') : null,
+        )
+      })
+
+      return h('div', { style: { height: '100%', display: 'flex', flexDirection: 'column', padding: '12px 16px', boxSizing: 'border-box' } },
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap', marginBottom: 8 } },
+          h('strong', { style: { fontSize: 15 } }, 'Room'),
+          ...detail.members.map((member) =>
+            h('span', { key: member.memberId, style: { display: 'flex', alignItems: 'center', gap: 5, fontSize: 11, opacity: 0.8 } },
+              roomAvatar(member.name ?? member.memberId, member.role === 'host' ? 'user' : 'agent'),
+              member.name + (member.role === 'host' ? '（host）' : ''),
+            ),
+          ),
+          h('span', { style: { flex: 1 } }),
+          status ? h('span', { style: { fontSize: 11, opacity: 0.6 } }, status) : null,
+          smallButton(showBoard ? '收起看板' : '看板', () => setShowBoard((value) => !value), 'normal'),
+          smallButton('关闭房间', () => { void act('关闭房间', () => postJson('/device-fleet/room/close', { roomId })) }, 'deny'),
         ),
-        h(RoomPane, { roomId: sessionId }),
-      );
+        h('div', { style: { flex: 1, overflow: 'auto', minHeight: 120 } }, messages.length === 0 ? h('div', { style: { opacity: 0.6, fontSize: 12 } }, '还没有消息') : messages),
+        showBoard
+          ? h('div', { style: { ...cardStyle, marginTop: 8 } },
+              h('div', { style: sectionTitle }, '看板'),
+              detail.tasks.length === 0 ? h('div', { style: { opacity: 0.65, fontSize: 12 } }, '暂无任务') : detail.tasks.map((task) =>
+                h('div', { key: task.id, style: { display: 'flex', alignItems: 'center', gap: 8, padding: '4px 0', fontSize: 12 } },
+                  h('span', { style: { flex: 1 } }, task.title + ' · ' + nameOf(task.owner)),
+                  h('select', {
+                    value: task.status,
+                    onChange: (event) => void act('更新任务', () => postJson('/device-fleet/room/task', { roomId, action: 'update', id: task.id, status: event.target.value })),
+                    style: { height: 24, borderRadius: 5, border: '1px solid var(--dsw-alias-border-l1, #333)', background: 'var(--dsw-alias-bg-layer-2, #262626)', color: 'inherit', fontSize: 11 },
+                  }, ...['pending', 'running', 'done', 'blocked'].map((value) => h('option', { key: value, value }, value))),
+                ),
+              ),
+              h('div', { style: { display: 'flex', gap: 6, marginTop: 8, flexWrap: 'wrap' } },
+                h('input', { type: 'text', value: taskTitle, onChange: (event) => setTaskTitle(event.target.value), placeholder: '新任务', style: { ...controlStyleWidth(160), height: 26, fontSize: 12 } }),
+                h('select', { value: taskOwner, onChange: (event) => setTaskOwner(event.target.value), style: { ...controlStyleWidth(150), height: 26, fontSize: 12 } },
+                  h('option', { value: '' }, 'owner'),
+                  ...detail.members.map((member) => h('option', { key: member.memberId, value: member.memberId }, member.name)),
+                ),
+                smallButton('添加', () => void act('添加任务', () => postJson('/device-fleet/room/task', { roomId, action: 'add', title: taskTitle, owner: taskOwner })), 'allow'),
+              ),
+            )
+          : 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('textarea', {
+            value: sendText,
+            onChange: (event) => setSendText(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === 'Enter' && !event.shiftKey) {
+                event.preventDefault()
+                void send()
+              }
+            },
+            rows: 2,
+            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' },
+          }),
+          h('div', { style: { display: 'flex', justifyContent: 'flex-end', marginTop: 6 } }, smallButton('发送', () => void send(), 'allow')),
+        ),
+      )
+    }
+
+    function RoomView({ sessionId }) {
+      return h('div', { style: { height: '100%' } }, h(RoomChatPane, { roomId: sessionId }));
     }
 
     return {

package/docs/notes/dev-release.md

@@ -117,4 +117,10 @@ dsh plugin --profile desktop add dsh-device-fleet@dev
 - Fleet 控制台保留为设备/配对/审批/配置管理入口。
 ## 0.1.0-dev.21（Room 回复地址修复）
 
-- 参与者被用户消息唤醒时，回复引导里的目标从无效的 "host" 修正为真实 Host member id（`host:<sessionId>`），修复 worker 回执发给自己/失败的问题。
+- 参与者被用户消息唤醒时，回复引导里的目标从无效的 "host" 修正为真实 Host member id（`host:<sessionId>`），修复 worker 回执发给自己/失败的问题。
+## 0.1.0-dev.22（Room 独立视图，停止 host 转述）
+
+- Session 内新增「房间」Conversation View（`conversation.view`，label 房间）：展示成员、时间线（含发言者/收件人）、看板与房间操作，输入默认发给非 host 参与者；
+- 移除 Chat 输入的隐式 Room 广播：普通 Chat 只属于 host agent，Room 交流在「房间」页进行，避免用户在 Chat 里说话被自动转发、或 host agent 转述 worker 回复；
+- host 不再接收参与者回复的 Chat 注入（参与者回复只进入房间时间线）；
+- 输入框下方成员条提示「房间消息在『房间』页交流」。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-device-fleet",
-  "version": "0.1.0-dev.22",
+  "version": "0.1.0-dev.23",
   "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",