dsh-bots 0.2.12 → 0.2.14

package/lib/client.js

@@ -272,7 +272,12 @@
             const StateDot = NATIVE.StateDot ?? null;
             // ---- CSS: own stable class names, values mirrored from the shell ----
             const CSS = `
-.dbs-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;font-family:var(--dsw-font-family,inherit)}
+/* The native regionArea bleeds right by --dsh-sidebar-inline-padding
+   (margin-right: -12px, ui-sidebar.js) for its own scroll model; our rows
+   don't follow that bleed, so pull the nav back inside the padded column —
+   verified in the live page: removing the parent's margin-right reads
+   "normal", this counter-margin is the same geometry from our side. */
+.dbs-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;font-family:var(--dsw-font-family,inherit);margin-right:var(--dsh-sidebar-inline-padding,12px)}
 .dbs-navGroup{display:flex;flex-direction:column;min-height:0}
 .dbs-navGroup[data-open="true"]{flex:1 1 auto}
 .dbs-navGroup[data-open="false"]{flex:none}
@@ -323,6 +328,7 @@
 .dbs-fileChip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--dsw-alias-interactive-bg-hover);font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);cursor:pointer;max-width:100%;user-select:none}
 .dbs-fileChip:hover{color:var(--dsw-alias-label-primary)}
 .dbs-fileChipName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dbs-setLabel{font-size:12px;line-height:16px;color:var(--dsw-alias-label-tertiary);margin:8px 0 4px}
 .dbs-chatbar{flex:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08))}
 .dbs-chatbarName{font-size:14px;line-height:20px;font-weight:600;color:var(--dsw-alias-label-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .dbs-scrollBody{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}
@@ -458,6 +464,16 @@
                 'chat.stop.noop': '当前没有进行中的生成',
                 'media.openFailed': '打开失败，文件可能已移动或被删除',
                 'chat.members.manage': '管理成员',
+                'chat.settings': '设置',
+                'chat.settings.title': '会话设置',
+                'chat.settings.name': '名称',
+                'chat.settings.desc': '简介',
+                'chat.settings.workspace': '工作区隔离',
+                'chat.settings.root': '工作区根目录',
+                'chat.settings.rootPh': '留空 = 不启用',
+                'chat.settings.paths': '额外可写路径（逗号分隔）',
+                'chat.settings.pathsPh': '/tmp/xxx, /Users/you/shared',
+                'chat.settings.hint': '写入被沙盒限制在工作区（含额外路径）内，读取不受限；同 slug 的 Bot 共享同一目录。',
                 'modal.members.title': '管理群成员',
                 'modal.members.hint': '勾选的 Bot 为群成员；保存后立即生效（可随时再改）。',
                 'action.delete': '删除',
@@ -560,6 +576,16 @@
                 'chat.stop.noop': 'No generation in progress',
                 'media.openFailed': 'Open failed — the file may have moved or been deleted',
                 'chat.members.manage': 'Manage members',
+                'chat.settings': 'Settings',
+                'chat.settings.title': 'Session settings',
+                'chat.settings.name': 'Name',
+                'chat.settings.desc': 'Description',
+                'chat.settings.workspace': 'Workspace jail',
+                'chat.settings.root': 'Workspace root',
+                'chat.settings.rootPh': 'Empty = disabled',
+                'chat.settings.paths': 'Extra writable paths (comma-separated)',
+                'chat.settings.pathsPh': '/tmp/xxx, /Users/you/shared',
+                'chat.settings.hint': 'Writes are sandboxed to the workspace (plus extra paths); reads stay unrestricted. Bots sharing a slug share one directory.',
                 'modal.members.title': 'Manage group members',
                 'modal.members.hint': 'Checked bots are members; changes apply immediately on save (editable again anytime).',
                 'action.delete': 'Delete',
@@ -762,6 +788,7 @@
                 confirmDelete: null,
                 /** Manage-members dialog: group agentId | null (system modal). */
                 manageMembers: null,
+                settingsAgentId: null,
                 /** Bumped on a language switch so module-scope `t` output re-renders. */
                 localeRev: 0,
             };
@@ -1380,6 +1407,13 @@
                     return null;
                 return e('div', { className: 'dbs-mediaRefs' }, imgs.map((r) => e(MediaImage, { key: r, path: r })), files.map((r) => e(FileChip, { key: r, path: r })));
             }
+            /**
+             * Settings glyph — three sliders, drawn inline (the primitives package
+             * exposes no verified gear export; same policy as SendUpIcon).
+             */
+            function SettingsGlyph() {
+                return e('svg', { viewBox: '0 0 16 16', width: '16', height: '16', 'aria-hidden': true }, e('g', { stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round' }, e('line', { x1: 2, y1: 4, x2: 14, y2: 4 }), e('line', { x1: 2, y1: 8, x2: 14, y2: 8 }), e('line', { x1: 2, y1: 12, x2: 14, y2: 12 })), e('g', { fill: 'currentColor' }, e('circle', { cx: 10, cy: 4, r: 2 }), e('circle', { cx: 5.5, cy: 8, r: 2 }), e('circle', { cx: 11.5, cy: 12, r: 2 })));
+            }
             function ToolCard(p) {
                 const [open, setOpen] = React.useState(false);
                 const en = p.entry;
@@ -1695,12 +1729,16 @@
                     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')), isGroup
+                }), 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
                     ? e(Button, {
                         variant: 'ghost', size: 'sm', title: t('chat.members.manage'), 'aria-label': t('chat.members.manage'),
                         onClick: () => patch({ manageMembers: p.agentId }),
                     }, t('chat.members.manage'))
-                    : null, e('span', { style: { flex: 1 } })), error !== null
+                    : null, e('button', {
+                    className: 'dbs-railBtn', type: 'button',
+                    title: t('chat.settings'), 'aria-label': t('chat.settings'),
+                    onClick: () => patch({ settingsAgentId: p.agentId }),
+                }, e(SettingsGlyph, null))), error !== null
                     ? e('div', { className: 'dbs-error', onClick: () => setError(null) }, error)
                     : 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%' } }))
@@ -2161,6 +2199,113 @@
                     onClick: () => void submit(),
                 }, working ? t('action.saving') : t('action.save')))));
             }
+            /**
+             * Per-session settings: name (+ description) for every chat; singles
+             * additionally get the §14 workspace-jail editor (root + extra writable
+             * paths). updateAgent merges only the name/description/title/avatar
+             * fields engine-side, so saving cannot clobber the rest of a profile;
+             * an empty root removes the jail (workspaceRoot: null).
+             */
+            function AgentSettingsModal() {
+                const s = useStore();
+                const agent = agentById(s.settingsAgentId);
+                const isGroup = agent?.isGroup === true;
+                const [name, setName] = React.useState('');
+                const [desc, setDesc] = React.useState('');
+                const [root, setRoot] = React.useState('');
+                const [paths, setPaths] = React.useState('');
+                const [wsLoaded, setWsLoaded] = React.useState(false);
+                const [working, setWorking] = React.useState(false);
+                const [err, setErr] = React.useState(null);
+                React.useEffect(() => {
+                    if (agent === null || agent === undefined)
+                        return;
+                    setName(String(agent.name ?? ''));
+                    setDesc(String(agent.description ?? ''));
+                    if (agent.isGroup === true) {
+                        setWsLoaded(true);
+                        return;
+                    }
+                    let alive = true;
+                    botsCall('workspaceGet', { agentId: agent.id })
+                        .then((c) => {
+                        if (alive === false)
+                            return;
+                        setRoot(c.workspaceRoot ?? '');
+                        setPaths((c.allowPaths ?? []).join(', '));
+                        setWsLoaded(true);
+                    })
+                        .catch(() => { if (alive)
+                        setWsLoaded(true); });
+                    return () => { alive = false; };
+                    // eslint-disable-next-line react-hooks/exhaustive-deps
+                }, [s.settingsAgentId]);
+                if (agent === null || agent === undefined)
+                    return null;
+                const valid = name.trim() !== '';
+                async function save() {
+                    if (working || valid === false)
+                        return;
+                    setWorking(true);
+                    setErr(null);
+                    try {
+                        await botsCall('update', { id: agent.id, profile: { name: name.trim(), description: desc.trim() } });
+                        if (agent.isGroup !== true && wsLoaded === true) {
+                            const list = paths.split(/[,,]/).map((x) => x.trim()).filter((x) => x !== '');
+                            await botsCall('workspaceSet', {
+                                agentId: agent.id,
+                                workspaceRoot: root.trim() === '' ? null : root.trim(),
+                                allowPaths: list,
+                            });
+                        }
+                        patch({ settingsAgentId: null });
+                        await refreshAgents();
+                        return;
+                    }
+                    catch (e2) {
+                        setErr(String(e2?.message ?? e2));
+                    }
+                    setWorking(false);
+                }
+                return e('div', {
+                    className: 'dbs-modalBackdrop',
+                    onClick: () => { if (working === false)
+                        patch({ settingsAgentId: null }); },
+                }, e('div', {
+                    className: 'dbs-modalCard', role: 'dialog', 'aria-modal': true,
+                    'aria-label': t('chat.settings.title'),
+                    onClick: (ev) => { ev.stopPropagation(); },
+                }, e('div', { className: 'dbs-modalTitleRow' }, e('span', { className: 'dbs-modalTitle' }, t('chat.settings.title')), e(Button, {
+                    variant: 'ghost', size: 'sm', title: t('action.close'), 'aria-label': t('action.close'),
+                    disabled: working,
+                    icon: Ico('IconCloseOutline16', { size: 16 }),
+                    onClick: () => patch({ settingsAgentId: null }),
+                })), e('div', { className: 'dbs-modalBody' }, e('div', { className: 'dbs-setLabel' }, t('chat.settings.name')), e(Input, {
+                    value: name, autoFocus: true, disabled: working,
+                    onChange: (ev) => setName(ev.target.value),
+                }), isGroup === false
+                    ? e('div', null, e('div', { className: 'dbs-setLabel' }, t('chat.settings.desc')), e(Input, {
+                        value: desc, disabled: working,
+                        onChange: (ev) => setDesc(ev.target.value),
+                    }), e('div', { className: 'dbs-setLabel', style: { marginTop: 12, fontWeight: 600 } }, t('chat.settings.workspace')), e('div', { className: 'dbs-setLabel' }, t('chat.settings.root')), e(Input, {
+                        value: root, disabled: working || wsLoaded === false,
+                        placeholder: t('chat.settings.rootPh'),
+                        onChange: (ev) => setRoot(ev.target.value),
+                    }), e('div', { className: 'dbs-setLabel' }, t('chat.settings.paths')), e(Input, {
+                        value: paths, disabled: working || wsLoaded === false,
+                        placeholder: t('chat.settings.pathsPh'),
+                        onChange: (ev) => setPaths(ev.target.value),
+                    }), e('div', { className: 'dbs-meta', style: { marginTop: 8 } }, t('chat.settings.hint')))
+                    : null, err !== null
+                    ? e('div', { className: 'dbs-error', onClick: () => { setErr(null); } }, err)
+                    : null), e('div', { className: 'dbs-modalFooter' }, e(Button, {
+                    variant: 'ghost', size: 'sm', disabled: working,
+                    onClick: () => patch({ settingsAgentId: null }),
+                }, t('action.cancel')), e(Button, {
+                    variant: 'primary', size: 'sm', disabled: valid === false || working,
+                    onClick: () => void save(),
+                }, working === true ? t('action.saving') : t('action.save')))));
+            }
             /** Delete confirmation modal: same system-dialog chrome as CreateModal. */
             function ConfirmDeleteModal() {
                 const s = useStore();
@@ -2239,6 +2384,8 @@
                     layers.push(e(CreateModal, { key: 'create' }));
                 if (s.manageMembers !== null)
                     layers.push(e(ManageMembersModal, { key: 'manage-members' }));
+                if (s.settingsAgentId !== null)
+                    layers.push(e(AgentSettingsModal, { key: 'agent-settings' }));
                 if (s.confirmDelete !== null)
                     layers.push(e(ConfirmDeleteModal, { key: 'confirm-delete' }));
                 return layers.length === 0 ? null : e('div', null, layers);

package/package.json

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