@roaming-ai/dsh-group-chat 0.3.0 → 0.3.2

package/lib/types/client/components/AsidePanel.d.ts

@@ -1,31 +1,15 @@
 /**
- * 右侧成员与工作区栏组件
+ * 右侧成员与工作区栏组件。工作区目录编辑态（草稿、文件浏览器）为栏内自有状态。
  * @module dsh-group-chat/client/components
  */
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type ClientSnapshot, type SnapshotRole } from '../lib/model.ts';
 interface AsidePanelProps {
     snap: ClientSnapshot;
     group: ClientSnapshot['groups'][number];
     asideOpen: boolean;
-    wsDraft: string | null;
-    setWsDraft: (val: string | null) => void;
-    fileBrowser: {
-        open: boolean;
-        loading: boolean;
-        list: import('../../core/types.ts').BrowseResult | null;
-        error: string;
-    } | null;
-    setFileBrowser: (val: {
-        open: boolean;
-        loading: boolean;
-        list: import('../../core/types.ts').BrowseResult | null;
-        error: string;
-    } | null) => void;
     mutate: (args: Record<string, unknown>) => Promise<unknown>;
-    openRoleEditor: (role: SnapshotRole | null) => Promise<void>;
-    openBrowser: (path: string | undefined) => Promise<void>;
-    selectCurrentDir: () => void;
+    openRoleEditor: (role: SnapshotRole | null) => void;
 }
 export declare function AsidePanel(props: AsidePanelProps): ReactNode;
 export {};

package/lib/types/client/components/NavPanel.d.ts

@@ -1,9 +1,15 @@
 /**
- * 左侧导航栏组件
+ * 左侧导航栏组件（群组 → 会话目录树；群组行与会话行共用重命名/删除三件套）。
  * @module dsh-group-chat/client/components
  */
 import type { ReactNode } from 'react';
 import { type ClientSnapshot } from '../lib/model.ts';
+/** 目录树节点编辑态形状（群组/会话共用）。 */
+type NodeEdit = {
+    kind: 'group' | 'session';
+    id: string;
+    value: string;
+};
 interface NavPanelProps {
     snap: ClientSnapshot;
     search: string;
@@ -15,16 +21,8 @@ interface NavPanelProps {
     setGid: (val: string) => void;
     setSid: (val: string) => void;
     setPartsSel: (val: string[] | null) => void;
-    renameDraft: {
-        kind: 'group' | 'session';
-        id: string;
-        value: string;
-    } | null;
-    setRenameDraft: (val: {
-        kind: 'group' | 'session';
-        id: string;
-        value: string;
-    } | null) => void;
+    renameDraft: NodeEdit | null;
+    setRenameDraft: (val: NodeEdit | null) => void;
     confirmDel: {
         kind: 'group' | 'session';
         id: string;

package/lib/types/client/components/RoleDrawer.d.ts

@@ -7,11 +7,12 @@ import { type ModelsResponse, type RoleDraft } from '../lib/model.ts';
 export interface RoleDrawerProps {
     draft: RoleDraft;
     set: (draft: RoleDraft) => void;
+    /** 保存目标群组（upsertRole 落库）。 */
+    groupId: string;
     models: ModelsResponse | null;
     modelsError: string | null;
     onRetryModels: () => void;
-    onSave: () => void;
+    mutate: (args: Record<string, unknown>) => Promise<unknown>;
     onCancel: () => void;
-    formError: string;
 }
 export declare function RoleDrawer(props: RoleDrawerProps): ReactNode;

package/lib/types/client/components/ToolRow.d.ts

@@ -3,7 +3,7 @@
  * @module dsh-group-chat/client/ToolRow
  */
 import { type ReactNode } from 'react';
-import type { ToolCallView } from '../lib/model.ts';
+import type { ToolCallRecord } from '../../core/types.ts';
 export declare function ToolRow(props: {
-    c: ToolCallView;
+    c: ToolCallRecord;
 }): ReactNode;

package/lib/types/client/hooks/useGroupChatState.d.ts

@@ -47,26 +47,10 @@ export declare function useGroupChatState(): {
     setConfirmClear: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     roleDraft: RoleDraft | null;
     setRoleDraft: import("react").Dispatch<import("react").SetStateAction<RoleDraft | null>>;
-    roleFormError: string;
-    setRoleFormError: import("react").Dispatch<import("react").SetStateAction<string>>;
     models: ModelsResponse | null;
     setModels: import("react").Dispatch<import("react").SetStateAction<ModelsResponse | null>>;
     modelsError: string | null;
     setModelsError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    fileBrowser: {
-        open: boolean;
-        loading: boolean;
-        list: import("../../core/types.ts").BrowseResult | null;
-        error: string;
-    } | null;
-    setFileBrowser: import("react").Dispatch<import("react").SetStateAction<{
-        open: boolean;
-        loading: boolean;
-        list: import("../../core/types.ts").BrowseResult | null;
-        error: string;
-    } | null>>;
-    wsDraft: string | null;
-    setWsDraft: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     partsSel: string[] | null;
     setPartsSel: import("react").Dispatch<import("react").SetStateAction<string[] | null>>;
     rounds: number;

package/lib/types/client/lib/model.d.ts

@@ -2,7 +2,7 @@
  * 浏览器半共享常量与小工具（纯函数，无 React 依赖）。
  * @module dsh-group-chat/client/model
  */
-import type { RoleRecord, Snapshot, ToolCallRecord } from '../../core/types.ts';
+import type { Snapshot } from '../../core/types.ts';
 /** 会话列表状态派生与文案（core 纯函数，供 NavPanel 渲染）。 */
 export { sessStatus, SESS_STATUS_LABEL, type SessStatus } from '../../core/status.ts';
 /** 角色标识色调色板（与宿主半一致）。 */
@@ -72,9 +72,3 @@ export interface RoleDraft {
 }
 export declare function draftFromRole(role: SnapshotRole): RoleDraft;
 export declare function blankDraft(): RoleDraft;
-/** 工具调用行的展示参数。 */
-export type ToolCallView = ToolCallRecord;
-/** 草稿是否可作为角色落库（宿主侧再校验一次）。 */
-export declare function draftMissing(draft: RoleDraft): string;
-/** RoleRecord 兼容视图（快照角色行即其展示子集）。 */
-export type RoleView = RoleRecord;

package/lib/types/client/utils/utils.d.ts

@@ -13,14 +13,14 @@ export declare function execCommand(commandId: 'delete' | 'insertHTML' | 'insert
  * DIV/P 块前补换行（防粘贴残留的块级包裹）。
  */
 export declare function serializeInput(root: HTMLElement): string;
-/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
+/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh=插入后需营救选区，加 data-new 标记）。 */
 export declare function chipHtml(role: {
     id: string;
     name: string;
     color?: string;
-}): string;
-/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
-export declare function fileChipHtml(path: string, kind: 'file' | 'directory'): string;
+}, fresh?: boolean): string;
+/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh 同 chipHtml）。 */
+export declare function fileChipHtml(path: string, kind: 'file' | 'directory', fresh?: boolean): string;
 /**
  * 光标前的活跃 @token（角色或文件弹层触发判定）。
  *

package/lib/types/core/json.d.ts

@@ -7,3 +7,9 @@ import type { MessageRecord, RoleRecord } from './types.ts';
 export declare function messageJson(m: Partial<MessageRecord> | undefined): Record<string, unknown> | null;
 /** 角色 → 落盘 JSON（groupId 由目录归属，不再写入）。 */
 export declare function roleJson(r: Partial<RoleRecord>): Record<string, unknown>;
+/**
+ * 宽容 JSON 提取（模型输出/供应商错误原文的统一解析入口）：
+ * 取首个 { 至末个 } 的片段解析，仅接受普通对象；失败返回 null。
+ * 代码围栏剥离由调用方按需先行处理（供应商错误原文不剥）。
+ */
+export declare function looseJson(raw: string): Record<string, unknown> | null;

package/lib/types/core/types.d.ts

@@ -128,7 +128,8 @@ export interface RunState {
     confirmSignal: {
         resolve: (allowed: boolean) => void;
     } | null;
-    childProc: import('node:child_process').ChildProcess | null;
+    /** 正在执行的 run_command 的中止句柄（stop/dispose 时 abort，执行器 kill 进程）。 */
+    commandAbort: AbortController | null;
     /** 最近一次 run 的结束标记：会话列表「已完成/已出错」状态的数据源。 */
     finished: RunFinished | null;
     /** 原地重试时被覆盖的失败消息 id；普通 send 为 null。 */
@@ -193,78 +194,72 @@ export interface FileSearchResult {
     }[];
     error?: string;
 }
-/** 发到客户端的全量快照（wire 形态）。 */
+/** 快照内的会话行（wire 形态：不含 hydrate 用的固定标记与折入水位）。 */
+export type SnapshotSession = Omit<SessionRecord, 'namePinned' | 'topicPinned' | 'constraintsUpToSeq'>;
+/** 快照内的消息行（wire 形态：思考全文与摘要不外发）。 */
+export type SnapshotMessage = Omit<MessageRecord, 'reasoningFull' | 'thinkingSummary'>;
+/** 发到客户端的全量快照（wire 形态；各表行由领域记录派生，字段增删由编译器同步）。 */
 export interface Snapshot {
     revision: number;
-    run: {
-        running: boolean;
-        sessionId: string | null;
-        currentRoleId: string | null;
-        partial: string;
-        partialReasoning: string;
-        pendingConfirm: PendingConfirm | null;
-        finished: RunFinished | null;
-        replaceMessageId: string | null;
-    };
+    run: Omit<RunState, 'stopping' | 'queue' | 'confirmSignal' | 'commandAbort'>;
     lastCreated: LastCreated | null;
-    groups: {
-        id: string;
-        name: string;
-        workspaceDir: string;
-        permissionTier: PermissionTier;
-        roleIds: string[];
-        sessionIds: string[];
-    }[];
-    sessions: {
-        id: string;
-        groupId: string;
-        name: string;
-        topic: string;
-        constraints?: SessionConstraint[];
-        messageIds: string[];
-        createdAt: number;
-    }[];
-    roles: {
-        id: string;
-        groupId: string;
-        name: string;
-        color?: string;
-        persona: string;
-        provider: string;
-        model: string;
-        temperature?: number;
-        reasoningEffort?: string;
-        enabled: boolean;
-        thinking: boolean;
-    }[];
-    messages: {
-        id: string;
-        sessionId: string;
-        seq: number;
-        speaker: string;
-        text: string;
-        reasoning?: string;
-        model?: string;
-        error?: boolean;
-        failedRoleId?: string;
-        toolCalls?: ToolCallRecord[];
-        ts: number;
-    }[];
+    groups: GroupRecord[];
+    sessions: SnapshotSession[];
+    roles: RoleRecord[];
+    messages: SnapshotMessage[];
     error?: string;
 }
-/** mutate 动作的参数形态（op 分发见 host/service）。 */
-export interface MutateArgs {
-    op: string;
-    groupId?: string;
-    sessionId?: string;
-    roleId?: string;
-    role?: Partial<RoleRecord>;
+/** mutate 动作的参数形态（判别联合：按 op 收窄各分支字段；wire 上字段可缺，消费方各自守卫）。 */
+export type MutateArgs = {
+    op: 'createGroup';
     name?: string;
+} | {
+    op: 'renameGroup';
+    groupId: string;
+    name?: string;
+} | {
+    op: 'deleteGroup';
+    groupId: string;
+} | {
+    op: 'createSession';
+    groupId: string;
+    name?: string;
+} | {
+    op: 'renameSession';
+    sessionId: string;
+    name?: string;
+} | {
+    op: 'deleteSession';
+    sessionId: string;
+} | {
+    op: 'setTopic';
+    sessionId: string;
     topic?: string;
+} | {
+    op: 'upsertRole';
+    groupId: string;
+    role?: Partial<RoleRecord>;
+} | {
+    op: 'deleteRole';
+    roleId: string;
+} | {
+    op: 'setRoleEnabled';
+    roleId: string;
+    enabled?: boolean;
+} | {
+    op: 'setWorkspaceDir';
+    groupId: string;
     path?: string;
+} | {
+    op: 'setPermissionTier';
+    groupId: string;
     tier?: string;
-    enabled?: boolean;
-}
+} | {
+    op: 'ackFinish';
+} | {
+    op: 'clearMessages';
+    sessionId: string;
+};
 /** send 动作的参数形态。 */
 export interface SendArgs {
     sessionId: string;

package/lib/types/host/engine/defaults.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 引擎共享小件：DSH 默认模型读取 + 发言人展示名（retitle / fold / conversation 共用）。
+ * @module dsh-group-chat/host/engine/defaults
+ */
+import type { RoleRecord } from '../../core/types.ts';
+import type { HostState } from '../state.ts';
+/** DSH 默认模型（agentDefaultModel 服务缺位或未配置时返回 null，调用方静默跳过）。 */
+export declare const defaultModel: (core: HostState) => {
+    provider: string;
+    model: string;
+} | null;
+/** 发言人展示名（roles 表内查角色名；user/system 固定文案，见 speakerLabel）。 */
+export declare const speakerNameOf: (roles: Map<string, RoleRecord>, speaker: string) => string;

package/lib/types/host/persistence/persistence.d.ts

@@ -13,16 +13,14 @@ export interface Persistence {
         roles?: string | null;
         workspace?: string | null;
     }) => void;
-    /** 同步 flush：写全部脏文件（dispose 最终落盘用）。 */
-    flushNow: () => void;
     /** 删除群组/会话后摘除脏标记（对应文件已删/将删，flush 跳过）。 */
     dropDirty: (targets: {
         session?: string | null;
         roles?: string | null;
         workspace?: string | null;
     }) => void;
-    /** dispose：同步最终 flush → 释放锁 → 摘除句柄。 */
-    release: () => void;
+    /** dispose：停止新调度 → 等待挂起 flush → 最终 flush → 释放锁（异步）。 */
+    release: () => Promise<void>;
 }
 /**
  * 创建持久化面：构造即完成 store 初始化 + hydrate（v1 迁移 → 残留清理 →

package/lib/types/host/persistence/store.d.ts

@@ -32,7 +32,11 @@ export declare class Store {
     private acquireLock;
     release(): void;
     fsyncDir(dir: string): void;
-    /** 原子写：tmp+fsync+rename；目录 fsync 由调用方按 flush 批量执行（每目录一次）。 */
+    /**
+     * 同步原子写（tmp+fsync+rename）：仅供构造期 v1 迁移（migrateV1）与测试
+     * 直用；运行时 flush 走 persistence.ts 的 writeFileAtomic（异步、wx 独占
+     * 创建 + 随机后缀 + 符号链接安全，无 per-file fsync，对齐 DSH 基座标准）。
+     */
     atomicWrite(file: string, text: string): void;
     quarantine(file: string): void;
     /** 读 JSON；缺失返回 null；损坏则隔离后返回 null。 */

package/lib/types/host/service.d.ts

@@ -19,8 +19,8 @@ export interface GroupChatService {
     subscribePush(push: () => void): () => void;
     /** 设置停用时中止正在进行的群聊。 */
     stopAll(): void;
-    /** 卸载/热重载：唤醒确认等待 + kill 子进程 → 同步最终 flush → 释放锁。 */
-    dispose(): void;
+    /** 卸载/热重载：唤醒确认等待 + kill 子进程 → 异步最终 flush → 释放锁（cordis 会 await）。 */
+    dispose(): Promise<void>;
 }
 /**
  * 创建群聊宿主服务（装配各模块；持久化锁失败时降级内存态运行）。

package/lib/types/host/state.d.ts

@@ -27,6 +27,7 @@ export interface HostState {
     ctx: Context;
     llm: Context['llm'];
     fs: Context['fs'];
+    shell: Context['shell'];
     groups: Map<string, GroupRecord>;
     sessions: Map<string, SessionRecord>;
     roles: Map<string, RoleRecord>;

package/lib/types/host/tools/tools.d.ts

@@ -1,7 +1,8 @@
 /**
  * 工具执行（TOOLS.md §2：沙箱 / §3：确认闸门）：read_file / list_dir /
  * run_command 三件套；realpath 硬边界 + 分隔符比较；run_command 按群组
- * 权限档位走逐条确认或直接执行。
+ * 权限档位走逐条确认或直接执行，经 `shell` 服务（ctx.shell 沙箱执行器）
+ * 以 per-call sandboxPolicy 收紧到群工作区。
  * @module dsh-group-chat/host/tools
  */
 import { TOOL_SCHEMAS } from '../../core/tools.ts';

package/lib/types/index.d.ts

@@ -14,6 +14,9 @@
  *    （engine/fold.ts；立刻 idle、fire-and-forget，不产生消息）
  *  - 群组工作区目录经 `fs` 服务读取（根下一层文本文件，最多 20 个），
  *    以「共享资料」块注入每个角色的 system 提示词；无独立笔记/文件清单
+ *  - 工具执行（read_file/list_dir/run_command）见 docs/TOOLS.md：run_command
+ *    经 `shell` 服务（ctx.shell 沙箱执行器）执行，per-call sandboxPolicy
+ *    收紧到群工作区（workspace_write 档）或免受限（full_access 档）
  *  - 经 `webServer` 暴露 HTTP API：
  *      GET  /api/group-chat/state   全量快照
  *      POST /api/group-chat/action   { kind: mutate|send|stop|confirmCommand|models|efforts|browse|fileSearch, ... }

package/lib/types/shared/file-mention-grammar.d.ts

@@ -4,6 +4,9 @@
  * Sourced from @deepseek-ai/dsh-file-reference/lib/types/grammar.js
  * Cannot import directly due to client bundle purity gate (dsh-client-bundle-purity).
  *
+ * 只保留输入侧的 @token 识别（activeAtToken）；候选的文本化（formatFileMention）
+ * 未被本插件采用——目录钻入走「插入整颗芯片」语义，见 docs/DESIGN.md Composer 契约。
+ *
  * @module dsh-group-chat/shared
  */
 export interface AtToken {
@@ -14,10 +17,6 @@ export interface AtToken {
     /** Whether the token uses quoted form @"..." */
     quoted: boolean;
 }
-export interface FileCandidate {
-    kind: 'file' | 'directory';
-    path: string;
-}
 /**
  * Extract active @token at cursor position.
  * Matches @ at word boundary (line start or after whitespace).
@@ -27,11 +26,3 @@ export interface FileCandidate {
  * @returns Token or undefined if no active @token at cursor
  */
 export declare function activeAtToken(line: string, cursor: number): AtToken | undefined;
-/**
- * Format file/directory candidate as @mention text.
- *
- * @param candidate - File or directory to format
- * @param preserveQuote - Keep quotes even when unnecessary (for drill-down continuity)
- * @returns Formatted @path or undefined for invalid paths
- */
-export declare function formatFileMention(candidate: FileCandidate, preserveQuote: boolean): string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roaming-ai/dsh-group-chat",
   "description": "DSH 模型群聊：多模型角色群组对话面板。角色绑定不同 provider/model，群内共享对话记录；设置页支持启用/停用。",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"
@@ -30,6 +30,7 @@
     "README.md"
   ],
   "license": "MIT",
+  "author": "localSummer (https://github.com/localSummer)",
   "repository": {
     "type": "git",
     "url": "https://github.com/localSummer/dsh-group-chat"
@@ -55,6 +56,7 @@
     }
   },
   "dependencies": {
+    "@deepseek-ai/dsh-atomic-write": "0.1.5-rc.2",
     "@deepseek-ai/dsh-file-reference": "0.1.5-rc.2",
     "@deepseek-ai/dsh-file-reference-local": "0.1.5-rc.2",
     "schemastery": "^3.18.0"
@@ -78,6 +80,7 @@
     "@deepseek-ai/dsh-host-webserver": "^0.1.5-rc.1",
     "@deepseek-ai/dsh-llm": "^0.1.5-rc.1",
     "@deepseek-ai/dsh-settings": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-shell": "^0.1.5-rc.1",
     "@deepseek-ai/dsh-workspace": "^0.1.5-rc.1",
     "@types/node": "^22.20.0",
     "@types/react": "~18.3.1",

package/src/client/GroupChatPanel.tsx

@@ -41,16 +41,10 @@ export function GroupChatPanel(): ReactNode {
     setConfirmClear,
     roleDraft,
     setRoleDraft,
-    roleFormError,
-    setRoleFormError,
     models,
     setModels,
     modelsError,
     setModelsError,
-    fileBrowser,
-    setFileBrowser,
-    wsDraft,
-    setWsDraft,
     partsSel,
     setPartsSel,
     rounds,
@@ -127,13 +121,15 @@ export function GroupChatPanel(): ReactNode {
 
   const sendMsg = useCallback(async (): Promise<void> => {
     if (busyNow || !sess || sendingRef.current) return
+    // 空内容不可发送（按钮 disabled 之外，Enter 路径在此静默拦截）
+    if (!input.trim()) return
     sendingRef.current = true
     try {
-      const parts = mentionedRoles.length ? mentionedRoles.map((r) => r.id) : participants
-      if (!parts.length) {
-        setErr(mentionedRoles.length ? '' : '请至少选择一个参与角色（或在消息中 @成员）')
-        if (!mentionedRoles.length) return
+      if (!participants.length && !mentionedRoles.length) {
+        setErr('请至少选择一个参与角色（或在消息中 @成员）')
+        return
       }
+      const parts = mentionedRoles.length ? mentionedRoles.map((r) => r.id) : participants
       const res = await action({ kind: 'send', sessionId: sess.id, text: input, participantRoleIds: parts, rounds }) as ActionOk | null
       if (res && !res.ok && res.error) setErr(res.error)
       else if (res && res.ok) {
@@ -220,51 +216,14 @@ export function GroupChatPanel(): ReactNode {
 
   const openRoleEditor = async (role: SnapshotRole | null): Promise<void> => {
     setErr('')
-    setRoleFormError('')
     if (!models || modelsError) await fetchModels()
     setRoleDraft(role ? draftFromRole(role) : blankDraft())
   }
 
-  const saveRole = async (): Promise<void> => {
-    if (!roleDraft) return
-    if (!roleDraft.name.trim()) {
-      setRoleFormError('角色名称不能为空')
-      return
-    }
-    if (!roleDraft.provider || !roleDraft.model) {
-      setRoleFormError('请选择角色绑定的模型')
-      return
-    }
-    const res = await mutate({ op: 'upsertRole', groupId: group.id, role: roleDraft })
-    if (res && res.ok && res.snapshot && !res.snapshot.error) {
-      setRoleDraft(null)
-      setRoleFormError('')
-    }
-  }
-
   const stopRun = async (): Promise<void> => {
     await action({ kind: 'stop', sessionId: sess!.id })
   }
 
-  const openBrowser = async (path: string | undefined): Promise<void> => {
-    setFileBrowser({ open: true, loading: true, list: null, error: '' })
-    try {
-      const res = await api.action({ kind: 'browse', path: path || '' }) as import('../core/types.ts').BrowseResult
-      if (res && res.ok) setFileBrowser({ open: true, loading: false, list: res, error: '' })
-      else setFileBrowser({ open: true, loading: false, list: null, error: (res && res.error) || '浏览失败' })
-    } catch (e) {
-      setFileBrowser({ open: true, loading: false, list: null, error: String((e && (e as Error).message) || e) })
-    }
-  }
-
-  const selectCurrentDir = (): void => {
-    if (!fileBrowser || !fileBrowser.list || !group) return
-    const path = fileBrowser.list.path!
-    void mutate({ op: 'setWorkspaceDir', groupId: group.id, path })
-    setWsDraft(null)
-    setFileBrowser(null)
-  }
-
   return (
     <div className="dsgc-root">
       <NavPanel
@@ -338,14 +297,8 @@ export function GroupChatPanel(): ReactNode {
         snap={snap}
         group={group}
         asideOpen={asideOpen}
-        wsDraft={wsDraft}
-        setWsDraft={setWsDraft}
-        fileBrowser={fileBrowser}
-        setFileBrowser={setFileBrowser}
         mutate={mutate}
         openRoleEditor={openRoleEditor}
-        openBrowser={openBrowser}
-        selectCurrentDir={selectCurrentDir}
       />
       {sess && confirmClear
         ? (
@@ -386,12 +339,12 @@ export function GroupChatPanel(): ReactNode {
           <RoleDrawer
             draft={roleDraft}
             set={setRoleDraft}
+            groupId={group.id}
             models={models}
             modelsError={modelsError}
             onRetryModels={() => { void fetchModels() }}
-            onSave={() => { void saveRole() }}
-            onCancel={() => { setRoleDraft(null); setRoleFormError('') }}
-            formError={roleFormError}
+            mutate={mutate}
+            onCancel={() => { setRoleDraft(null) }}
           />
           )
         : null}