dsh-bots 0.2.17 → 0.2.19

package/lib/client.js

@@ -284,6 +284,13 @@
 .dbs-navBody{display:flex;flex-direction:column;min-height:0;flex:1}
 .dbs-botsBody{overflow-y:auto;scrollbar-gutter:stable;padding-right:var(--dsh-sidebar-inline-padding,8px)}
 .dbs-navBodyErr{padding:6px 12px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.dbs-secHead{position:relative;cursor:pointer;border-radius:8px}
+.dbs-secHead:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dbs-secHead .dbs-rowActions{display:none}
+.dbs-secHead:hover .dbs-rowActions,.dbs-secHead:focus-within .dbs-rowActions{display:inline-flex}
+.dbs-secMenu{position:absolute;top:100%;right:0;z-index:40;min-width:148px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:4px;box-shadow:0 12px 40px rgba(0,0,0,.22);animation:dbs-modal-in .14s ease-out}
+.dbs-secMenuItem{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:8px;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary);cursor:pointer;background:none;border:none;text-align:left}
+.dbs-secMenuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}
 .dbs-prow,.dbs-srow{cursor:pointer;user-select:none;color:var(--dsw-alias-label-primary);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex;box-sizing:border-box}
 /* Native mirror (dsh-client-ui-sidebar/workspace): header-class rows outdent
    their label 4px (pl:4 → x=16 from the window edge) while list rows keep
@@ -489,6 +496,8 @@
                 'list.loading': '加载中…',
                 'list.empty': '还没有 Bot，点 ＋ 新建。',
                 'section.groups': '群聊',
+                'list.more': '更多操作',
+                'list.refresh': '刷新列表',
                 'section.singles': '单聊',
                 'chat.group': '群聊 · {n} 名成员',
                 'chat.single': '单聊',
@@ -602,6 +611,8 @@
                 'list.loading': 'Loading…',
                 'list.empty': 'No bots yet — use ＋ to create one.',
                 'section.groups': 'Groups',
+                'list.more': 'More actions',
+                'list.refresh': 'Refresh list',
                 'section.singles': 'Direct',
                 'chat.group': 'Group · {n} members',
                 'chat.single': 'Direct',
@@ -791,6 +802,8 @@
                 /** Manage-members dialog: group agentId | null (system modal). */
                 manageMembers: null,
                 settingsAgentId: null,
+                sectionMenu: null,
+                sectionsOpen: null,
                 /** Bumped on a language switch so module-scope `t` output re-renders. */
                 localeRev: 0,
             };
@@ -1129,19 +1142,47 @@
                  * are: creating the first bot or group never requires a trip to the
                  * footer. `addAction` opens the same system-style modal as before.
                  */
-                function sectionRows(label, list, addAction) {
+                function sectionRows(label, list, addAction, menuKind, menuItems) {
+                    const menuOpen = s.sectionMenu === menuKind;
+                    // Group-header collapse contract, mirrored from 「工作区｜Bots」:
+                    // chevron + whole-row click toggle, body suppressed when closed.
+                    const isOpen = s.sectionsOpen?.[menuKind] !== false;
+                    const toggle = () => {
+                        patch({ sectionMenu: null, sectionsOpen: { ...(s.sectionsOpen ?? {}), [menuKind]: !isOpen } });
+                    };
                     return e('div', { key: label }, e('div', {
-                        className: 'dbs-navBodyErr',
+                        className: 'dbs-navBodyErr dbs-secHead', role: 'button', tabIndex: 0, 'aria-expanded': isOpen,
                         // Native sectionHeader outdent: label at x=16 (12 sidebar
                         // padding + 4), aligned with the group headers. The previous
                         // 12px here pushed section labels 8px right of the native
                         // baseline, making both sections read horizontally off.
-                        style: { padding: '4px 8px 2px 4px', display: 'flex', alignItems: 'center' },
-                    }, e('span', { style: { flex: 1 } }, label), e(Button, {
+                        style: { padding: '4px 8px 2px 4px', display: 'flex', alignItems: 'center', gap: 2 },
+                        onClick: toggle,
+                        onKeyDown: (ev) => { if (ev.key === 'Enter' || ev.key === ' ') {
+                            ev.preventDefault();
+                            toggle();
+                        } },
+                    }, e(Chevron, { open: isOpen }), e('span', { style: { flex: 1 } }, label), 
+                    // Native workspace pattern: header actions appear on hover
+                    // (.dbs-rowActions is hover-gated in .dbs-secHead CSS); their
+                    // clicks must not fold the section with them.
+                    e('div', {
+                        className: 'dbs-rowActions', style: { alignItems: 'center', gap: 2 },
+                        onClick: (ev) => { ev.stopPropagation(); },
+                    }, e(Button, {
                         variant: 'ghost', size: 'sm', title: addAction.title, 'aria-label': addAction.title,
                         icon: Ico('IconPlusOutline16', { size: 14 }),
                         onClick: addAction.onClick,
-                    })), list.map(row));
+                    }), e(Button, {
+                        variant: 'ghost', size: 'sm', title: t('list.more'), 'aria-label': t('list.more'),
+                        icon: Ico('IconEllipsisOutline16', { size: 14 }),
+                        onClick: () => patch({ sectionMenu: menuOpen ? null : menuKind }),
+                    })), menuOpen
+                        ? e(React.Fragment, null, e('div', { style: { position: 'fixed', inset: 0, zIndex: 39 }, onClick: () => patch({ sectionMenu: null }) }), e('div', { className: 'dbs-secMenu', onClick: (ev) => { ev.stopPropagation(); } }, menuItems.map((item) => e('button', {
+                            key: item.label, className: 'dbs-secMenuItem', type: 'button',
+                            onClick: () => { patch({ sectionMenu: null }); item.onClick(); },
+                        }, item.label))))
+                        : null), isOpen ? list.map(row) : null);
                 }
                 // No footer: the gateway status moved to the Bots group-header dot's
                 // hover tooltip (0.2.8) — see SidebarNav's StateDot `title`.
@@ -1155,12 +1196,18 @@
                     ? sectionRows(t('section.groups'), groups, {
                         title: t('group.new'),
                         onClick: () => patch({ create: 'group', createName: '', createMembers: {}, createWorking: false, error: null }),
-                    })
+                    }, 'groups', [
+                        { label: t('group.new'), onClick: () => patch({ create: 'group', createName: '', createMembers: {}, createWorking: false, error: null }) },
+                        { label: t('list.refresh'), onClick: () => { void refreshAgents(); } },
+                    ])
                     : null, s.agentsLoaded
                     ? sectionRows(t('section.singles'), singles, {
                         title: t('bot.new'),
                         onClick: () => patch({ create: 'bot', createName: '', createDesc: '', createWorking: false, error: null }),
-                    })
+                    }, 'singles', [
+                        { label: t('bot.new'), onClick: () => patch({ create: 'bot', createName: '', createDesc: '', createWorking: false, error: null }) },
+                        { label: t('list.refresh'), onClick: () => { void refreshAgents(); } },
+                    ])
                     : null);
             }
             // =========================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-bots",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "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",