dsh-bots 0.2.28 → 0.2.29

package/lib/client.js

@@ -320,6 +320,7 @@
 .dbs-avatar{width:20px;height:20px;border-radius:6px;flex:none;display:grid;place-items:center;font-size:11px;line-height:1;font-weight:600;color:#fff;overflow:hidden;user-select:none}
 .dbs-avatar.dbs-group{border-radius:999px}
 .dbs-avatar img{width:100%;height:100%;object-fit:cover;display:block}
+.dbs-avatarRound{border-radius:999px}
 .dbs-badge{min-width:16px;height:16px;padding:0 5px;border-radius:999px;background:var(--dsw-alias-state-business-primary,#1a6dff);color:#fff;font-size:11px;line-height:16px;text-align:center;flex:none;font-variant-numeric:tabular-nums}
 .dbs-railBtn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0}
 .dbs-railBtn:hover{background:var(--dsw-alias-interactive-bg-hover)}
@@ -1091,8 +1092,11 @@
                 const a = p.agent;
                 const size = p.size ?? 20;
                 const style = { width: size, height: size };
+                // Conversation avatars are round (native chat look); the sidebar keeps
+                // the native squircle via the base class.
+                const shape = p.round === true || a.isGroup === true ? ' dbs-avatarRound' : (a.isGroup ? ' dbs-group' : '');
                 if (typeof a.avatarDataUrl === 'string' && a.avatarDataUrl !== '') {
-                    return e('span', { className: 'dbs-avatar' + (a.isGroup ? ' dbs-group' : ''), style }, e('img', { src: a.avatarDataUrl, alt: '' }));
+                    return e('span', { className: 'dbs-avatar' + shape, style }, e('img', { src: a.avatarDataUrl, alt: '' }));
                 }
                 style.background = typeof a.avatarColor === 'string' && a.avatarColor !== ''
                     ? a.avatarColor
@@ -1101,7 +1105,7 @@
                     style.fontSize = '13px';
                 const initial = (a.name ?? '').trim().slice(0, 1) || '·';
                 return e('span', {
-                    className: 'dbs-avatar' + (a.isGroup ? ' dbs-group' : ''), style, 'aria-hidden': true,
+                    className: 'dbs-avatar' + shape, style, 'aria-hidden': true,
                 }, initial);
             }
             /** Chevron matching the shipped project row (fills in if the icon moves). */
@@ -1557,7 +1561,7 @@
                 };
                 const displayName = p.isGroup ? en.authorName : p.agent?.name;
                 const authorColor = 'hsl(' + String(hueOf(avAgent.id)) + ' 55% 45%)';
-                return e('div', { className: 'dbs-botRow' }, e('div', { className: 'dbs-author' }, e(Avatar, { agent: avAgent, size: 22 }), displayName != null && displayName !== ''
+                return e('div', { className: 'dbs-botRow' }, e('div', { className: 'dbs-author' }, e(Avatar, { agent: avAgent, size: 22, round: true }), displayName != null && displayName !== ''
                     ? e('span', { className: 'dbs-authorName', style: { color: authorColor } }, displayName)
                     : null, e(MsgTime, { entry: en })), e('div', { className: 'dbs-mdRow' }, e(MarkdownText, { text: en.content, streaming: en.isStreaming === true }), en.isStreaming === true ? e('span', { className: 'dbs-caret' }) : null, en.isStreaming === true ? null : e(MediaRefs, { text: en.content, files: true })));
             }
@@ -1817,7 +1821,7 @@
                     variant: 'ghost', size: 'sm', title: t('action.close'), 'aria-label': t('action.close'),
                     icon: Ico('IconCloseOutline16', { size: 16 }),
                     onClick: () => patch({ chatAgentId: null }),
-                }), agent !== null ? e(Avatar, { agent, size: 24 }) : null, e('span', { className: 'dbs-chatbarName' }, agent?.name ?? t('chat.loading')), e('span', { className: 'dbs-meta' }, isGroup ? t('chat.group', { n: memberNames.length }) : t('chat.single')), e('span', { style: { flex: 1 } }), isGroup
+                }), agent !== null ? e(Avatar, { agent, size: 24, round: true }) : null, e('span', { className: 'dbs-chatbarName' }, agent?.name ?? t('chat.loading')), e('span', { className: 'dbs-meta' }, isGroup ? t('chat.group', { n: memberNames.length }) : t('chat.single')), e('span', { style: { flex: 1 } }), isGroup
                     ? e(Button, {
                         variant: 'ghost', size: 'sm', title: t('chat.members.manage'), 'aria-label': t('chat.members.manage'),
                         onClick: () => patch({ manageMembers: p.agentId }),
@@ -1831,7 +1835,7 @@
                     : null, e('div', { className: 'dbs-scrollArea' }, e('div', { className: 'dbs-scrollBody', ref: scrollRef, onScroll: onScrollBody }, e('div', { className: 'dbs-scroll' }, e('div', { className: 'dbs-column' }, entries === null
                     ? e('div', { className: 'dbs-skeleton' }, e('div', { className: 'dbs-skelRow', style: { width: '42%' } }), e('div', { className: 'dbs-skelRow', style: { width: '76%' } }), e('div', { className: 'dbs-skelRow', style: { width: '58%' } }))
                     : list.length === 0
-                        ? e('div', { className: 'dbs-welcome' }, agent !== null ? e(Avatar, { agent, size: 44 }) : null, e('div', { className: 'dbs-welcomeName' }, agent?.name ?? ''), typeof agent?.description === 'string' && agent.description !== ''
+                        ? e('div', { className: 'dbs-welcome' }, agent !== null ? e(Avatar, { agent, size: 44, round: true }) : null, e('div', { className: 'dbs-welcomeName' }, agent?.name ?? ''), typeof agent?.description === 'string' && agent.description !== ''
                             ? e('div', { className: 'dbs-welcomeDesc' }, agent.description) : null, e('div', { className: 'dbs-welcomeHint' }, isGroup ? t('chat.empty.group') : t('chat.empty.single', { name: agent?.name ?? '' })))
                         : thread, composing
                     ? e('div', { className: 'dbs-typing', 'aria-label': t('chat.composing'), title: t('chat.composing') }, 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-bots",
-  "version": "0.2.28",
+  "version": "0.2.29",
   "description": "Multi-bot workbench for DeepSeek Harness: bridges the sdk-bots orchestration gateway (group chats, single bots) into the dsh web shell with official-styled UI.",
   "type": "module",
   "main": "lib/index.js",