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

package/lib/client.js

@@ -197,8 +197,8 @@ window.__ModuleLoader__.load({
 			".dsgc-ph{position:absolute;left:14px;top:6px;max-width:calc(100% - 22px);color:var(--dsw-alias-label-tertiary,inherit);pointer-events:none;user-select:none;font-size:13px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",
 			".dsgc-chipin{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--role-color,#888) 15%,transparent);border-radius:999px;padding:1px 7px 1px 5px;margin:0 1px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary,inherit);white-space:nowrap;user-select:all}",
 			".dsgc-card .dsgc-sendrow{padding:0 12px 10px}",
-			".dsgc-stopbtn{background:var(--dsw-alias-state-error-primary,#e5484d);border-color:transparent;color:#fff;font-weight:600}",
-			".dsgc-stopbtn:hover:not(:disabled){filter:brightness(1.08);color:#fff}",
+			"button.dsgc-stopbtn{background:var(--dsw-alias-state-error-primary,#e5484d);border-color:transparent;color:#fff;font-weight:600}",
+			"button.dsgc-stopbtn:hover:not(:disabled){background:var(--dsw-alias-state-error-primary,#e5484d);filter:brightness(1.08);color:#fff}",
 			".dsgc-parts{display:flex;align-items:flex-start;gap:6px;min-height:24px}",
 			".dsgc-partslabel{font-size:12px;line-height:24px;color:var(--dsw-alias-label-tertiary,inherit);flex:none}",
 			".dsgc-partlist{display:flex;flex-wrap:wrap;align-items:center;gap:6px;row-gap:4px;flex:1;min-width:0}",
@@ -492,14 +492,17 @@ window.__ModuleLoader__.load({
 		* @module dsh-group-chat/client/drawer
 		*/
 		function RoleDrawer(props) {
-			const { draft, set } = props;
+			const { draft, set, groupId } = props;
 			const models = props.models;
 			const providers = models && models.providers || [];
 			const modelsOf = models && models.modelsByProvider && models.modelsByProvider[draft.provider] || [];
 			const [closing, setClosing] = (0, react.useState)(false);
+			const closingRef = (0, react.useRef)(false);
+			const [formError, setFormError] = (0, react.useState)("");
 			const [effortsInfo, setEffortsInfo] = (0, react.useState)(null);
 			const close = () => {
-				if (closing) return;
+				if (closingRef.current) return;
+				closingRef.current = true;
 				setClosing(true);
 				window.setTimeout(() => props.onCancel(), 140);
 			};
@@ -512,6 +515,23 @@ window.__ModuleLoader__.load({
 					reasoningEffort: "default"
 				}));
 			};
+			/** 保存（校验在本地，落库经 mutate；失败文案与原实现逐字一致）。 */
+			const save = async () => {
+				if (!draft.name.trim()) {
+					setFormError("角色名称不能为空");
+					return;
+				}
+				if (!draft.provider || !draft.model) {
+					setFormError("请选择角色绑定的模型");
+					return;
+				}
+				const res = await props.mutate({
+					op: "upsertRole",
+					groupId,
+					role: draft
+				});
+				if (res && res.ok && res.snapshot && !res.snapshot.error) props.onCancel();
+			};
 			(0, react.useEffect)(() => {
 				const onKey = (e) => {
 					if (e.key === "Escape") close();
@@ -729,9 +749,9 @@ window.__ModuleLoader__.load({
 										children: "当前模型未提供推理等级，将使用默认"
 									})]
 								}) : null,
-								props.formError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								formError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsgc-formerr",
-									children: props.formError
+									children: formError
 								}) : null
 							]
 						})
@@ -744,7 +764,9 @@ window.__ModuleLoader__.load({
 							children: "取消"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 							variant: "primary",
-							onClick: props.onSave,
+							onClick: () => {
+								save();
+							},
 							children: draft.id ? "保存" : "添加"
 						})]
 					})
@@ -866,6 +888,55 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/NavPanel.tsx
+		/** 内联重命名输入（群组行/会话行同款）。 */
+		function RenameField(props) {
+			const { draft, set, commit, keyDown } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				className: "dsgc-rename",
+				value: draft.value,
+				autoFocus: true,
+				onChange: (e) => {
+					set({
+						kind: draft.kind,
+						id: draft.id,
+						value: e.target.value
+					});
+				},
+				onBlur: () => {
+					commit();
+				},
+				onKeyDown: keyDown,
+				onClick: (e) => {
+					e.stopPropagation();
+				}
+			});
+		}
+		/** 行尾操作钮：重命名 + 两次点击确认删除（群组行/会话行同款）。 */
+		function NodeOps(props) {
+			const { renameLabel, deleteLabel, deleteTitle, danger, onRename, onDelete } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "dsgc-nodeops",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: "dsgc-opbtn",
+					title: renameLabel,
+					"aria-label": renameLabel,
+					onClick: (e) => {
+						e.stopPropagation();
+						onRename();
+					},
+					children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, 14)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: "dsgc-opbtn" + (danger ? " danger" : ""),
+					title: deleteTitle,
+					"aria-label": deleteLabel,
+					onClick: (e) => {
+						e.stopPropagation();
+						onDelete();
+					},
+					children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, 14)
+				})]
+			});
+		}
 		function NavPanel(props) {
 			const { snap, search, setSearch, collapsedGroups, setCollapsedGroups, gid, sid, setGid, setSid, setPartsSel, renameDraft, setRenameDraft, confirmDel, setConfirmDel, mutate, navOpen } = props;
 			const commitRename = async () => {
@@ -907,6 +978,20 @@ window.__ModuleLoader__.load({
 					sessionId: d.id
 				});
 			};
+			const clearEdits = () => {
+				setPartsSel(null);
+				setConfirmDel(null);
+				setRenameDraft(null);
+			};
+			const pickGroup = (id) => {
+				setGid(id);
+				clearEdits();
+			};
+			const pickSession = (gidToSet, sidToSet) => {
+				setGid(gidToSet);
+				setSid(sidToSet);
+				clearEdits();
+			};
 			const q = search.trim().toLowerCase();
 			const groupMatches = (g) => {
 				if (!q) return {
@@ -923,6 +1008,7 @@ window.__ModuleLoader__.load({
 				};
 			};
 			const group = gid ? groupById(snap, gid) : null;
+			const selected = sid ? sessById(snap, sid) : null;
 			const treeNodes = [];
 			for (const g of snap.groups) {
 				const match = groupMatches(g);
@@ -936,8 +1022,7 @@ window.__ModuleLoader__.load({
 						const s = sessById(snap, sessionId);
 						if (!s) continue;
 						if (match.filterSessions && !s.name.toLowerCase().includes(q)) continue;
-						const sess = sid ? sessById(snap, sid) : null;
-						const isActive = sess && s.id === sess.id && g.id === group?.id;
+						const isActive = selected && s.id === selected.id && g.id === group?.id;
 						const isRenameSess = renameDraft && renameDraft.kind === "session" && renameDraft.id === s.id;
 						const isConfirm = confirmDel && confirmDel.kind === "session" && confirmDel.id === s.id;
 						const st = sessStatus(snap.run, s.id);
@@ -946,20 +1031,12 @@ window.__ModuleLoader__.load({
 							role: "button",
 							tabIndex: 0,
 							onClick: () => {
-								setGid(g.id);
-								setSid(s.id);
-								setPartsSel(null);
-								setConfirmDel(null);
-								setRenameDraft(null);
+								pickSession(g.id, s.id);
 							},
 							onKeyDown: (e) => {
 								if (e.key === "Enter" || e.key === " ") {
 									e.preventDefault();
-									setGid(g.id);
-									setSid(s.id);
-									setPartsSel(null);
-									setConfirmDel(null);
-									setRenameDraft(null);
+									pickSession(g.id, s.id);
 								}
 							},
 							children: [
@@ -975,24 +1052,13 @@ window.__ModuleLoader__.load({
 										})
 									}) : null
 								}),
-								isRenameSess ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									className: "dsgc-rename",
-									value: renameDraft.value,
-									autoFocus: true,
-									onChange: (e) => {
-										setRenameDraft({
-											kind: "session",
-											id: s.id,
-											value: e.target.value
-										});
-									},
-									onBlur: () => {
+								isRenameSess ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenameField, {
+									draft: renameDraft,
+									set: setRenameDraft,
+									commit: () => {
 										commitRename();
 									},
-									onKeyDown: renameKeyDown,
-									onClick: (e) => {
-										e.stopPropagation();
-									}
+									keyDown: renameKeyDown
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverTip, {
 									label: s.name,
 									side: "right",
@@ -1000,35 +1066,25 @@ window.__ModuleLoader__.load({
 									className: "dsgc-sess-name",
 									children: s.name
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dsgc-nodeops",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsgc-opbtn",
-										title: "重命名会话",
-										"aria-label": "重命名会话",
-										onClick: (e) => {
-											e.stopPropagation();
-											setRenameDraft({
-												kind: "session",
-												id: s.id,
-												value: s.name
-											});
-										},
-										children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, 14)
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsgc-opbtn" + (isConfirm ? " danger" : ""),
-										title: isConfirm ? "再次点击确认删除" : "删除会话",
-										"aria-label": "删除会话",
-										onClick: (e) => {
-											e.stopPropagation();
-											if (isConfirm) doDelete();
-											else setConfirmDel({
-												kind: "session",
-												id: s.id
-											});
-										},
-										children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, 14)
-									})]
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeOps, {
+									renameLabel: "重命名会话",
+									deleteLabel: "删除会话",
+									deleteTitle: isConfirm ? "再次点击确认删除" : "删除会话",
+									danger: !!isConfirm,
+									onRename: () => {
+										setRenameDraft({
+											kind: "session",
+											id: s.id,
+											value: s.name
+										});
+									},
+									onDelete: () => {
+										if (isConfirm) doDelete();
+										else setConfirmDel({
+											kind: "session",
+											id: s.id
+										});
+									}
 								})
 							]
 						}, s.id));
@@ -1051,18 +1107,12 @@ window.__ModuleLoader__.load({
 						role: "button",
 						tabIndex: 0,
 						onClick: () => {
-							setGid(g.id);
-							setPartsSel(null);
-							setConfirmDel(null);
-							setRenameDraft(null);
+							pickGroup(g.id);
 						},
 						onKeyDown: (e) => {
 							if (e.key === "Enter" || e.key === " ") {
 								e.preventDefault();
-								setGid(g.id);
-								setPartsSel(null);
-								setConfirmDel(null);
-								setRenameDraft(null);
+								pickGroup(g.id);
 							}
 						},
 						children: [
@@ -1081,57 +1131,36 @@ window.__ModuleLoader__.load({
 								},
 								children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, 14)
 							}),
-							isRenameGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								className: "dsgc-rename",
-								value: renameDraft.value,
-								autoFocus: true,
-								onChange: (e) => {
-									setRenameDraft({
-										kind: "group",
-										id: g.id,
-										value: e.target.value
-									});
-								},
-								onBlur: () => {
+							isRenameGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenameField, {
+								draft: renameDraft,
+								set: setRenameDraft,
+								commit: () => {
 									commitRename();
 								},
-								onKeyDown: renameKeyDown,
-								onClick: (e) => {
-									e.stopPropagation();
-								}
+								keyDown: renameKeyDown
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsgc-gname",
 								children: g.name
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dsgc-nodeops",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsgc-opbtn",
-									title: "重命名群组",
-									"aria-label": "重命名群组",
-									onClick: (e) => {
-										e.stopPropagation();
-										setRenameDraft({
-											kind: "group",
-											id: g.id,
-											value: g.name
-										});
-									},
-									children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, 14)
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsgc-opbtn" + (isConfirmGroup ? " danger" : ""),
-									title: isConfirmGroup ? "再次点击确认删除" : "删除群组",
-									"aria-label": "删除群组",
-									onClick: (e) => {
-										e.stopPropagation();
-										if (isConfirmGroup) doDelete();
-										else setConfirmDel({
-											kind: "group",
-											id: g.id
-										});
-									},
-									children: Icon(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, 14)
-								})]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeOps, {
+								renameLabel: "重命名群组",
+								deleteLabel: "删除群组",
+								deleteTitle: isConfirmGroup ? "再次点击确认删除" : "删除群组",
+								danger: !!isConfirmGroup,
+								onRename: () => {
+									setRenameDraft({
+										kind: "group",
+										id: g.id,
+										value: g.name
+									});
+								},
+								onDelete: () => {
+									if (isConfirmGroup) doDelete();
+									else setConfirmDel({
+										kind: "group",
+										id: g.id
+									});
+								}
 							})
 						]
 					}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1170,8 +1199,14 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/AsidePanel.tsx
+		/**
+		* 右侧成员与工作区栏组件。工作区目录编辑态（草稿、文件浏览器）为栏内自有状态。
+		* @module dsh-group-chat/client/components
+		*/
 		function AsidePanel(props) {
-			const { snap, group, asideOpen, wsDraft, setWsDraft, fileBrowser, setFileBrowser, mutate, openRoleEditor, openBrowser, selectCurrentDir } = props;
+			const { snap, group, asideOpen, mutate, openRoleEditor } = props;
+			const [wsDraft, setWsDraft] = (0, react.useState)(null);
+			const [fileBrowser, setFileBrowser] = (0, react.useState)(null);
 			const commitWsDir = () => {
 				if (wsDraft !== null && group && wsDraft !== (group.workspaceDir || "")) mutate({
 					op: "setWorkspaceDir",
@@ -1180,6 +1215,50 @@ window.__ModuleLoader__.load({
 				});
 				setWsDraft(null);
 			};
+			const openBrowser = async (path) => {
+				setFileBrowser({
+					open: true,
+					loading: true,
+					list: null,
+					error: ""
+				});
+				try {
+					const res = await api.action({
+						kind: "browse",
+						path: path || ""
+					});
+					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.message || e)
+					});
+				}
+			};
+			const selectCurrentDir = () => {
+				if (!fileBrowser || !fileBrowser.list || !group) return;
+				const path = fileBrowser.list.path;
+				mutate({
+					op: "setWorkspaceDir",
+					groupId: group.id,
+					path
+				});
+				setWsDraft(null);
+				setFileBrowser(null);
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsgc-aside" + (asideOpen ? "" : " closed"),
 				"aria-hidden": asideOpen ? void 0 : "true",
@@ -1455,6 +1534,24 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/core/json.ts
+		/**
+		* 宽容 JSON 提取（模型输出/供应商错误原文的统一解析入口）：
+		* 取首个 { 至末个 } 的片段解析，仅接受普通对象；失败返回 null。
+		* 代码围栏剥离由调用方按需先行处理（供应商错误原文不剥）。
+		*/
+		function looseJson(raw) {
+			const start = raw.indexOf("{");
+			const end = raw.lastIndexOf("}");
+			if (start < 0 || end <= start) return null;
+			try {
+				const parsed = JSON.parse(raw.slice(start, end + 1));
+				return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+			} catch {
+				return null;
+			}
+		}
+		//#endregion
 		//#region src/core/types.ts
 		/** 全部合法档位（展示顺序）。 */
 		const PERMISSION_TIERS = [
@@ -1467,6 +1564,13 @@ window.__ModuleLoader__.load({
 			return typeof value === "string" && PERMISSION_TIERS.includes(value) ? value : void 0;
 		}
 		//#endregion
+		//#region src/core/constraints.ts
+		const KIND_LABEL = {
+			decided: "已定",
+			rejected: "否决",
+			open: "未决"
+		};
+		//#endregion
 		//#region src/core/errors.ts
 		const PREFIX = "模型输出异常终止: ";
 		const LEGACY_ROLE = /^角色「([^」]+)」发言失败[:：]\s*/;
@@ -1504,17 +1608,6 @@ window.__ModuleLoader__.load({
 			const hits = roles.filter((r) => r.name === parsed.roleName);
 			return hits.length === 1 ? hits[0] : null;
 		}
-		function pickJsonBlob(text) {
-			const start = text.indexOf("{");
-			const end = text.lastIndexOf("}");
-			if (start < 0 || end <= start) return null;
-			try {
-				const parsed = JSON.parse(text.slice(start, end + 1));
-				return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
-			} catch {
-				return null;
-			}
-		}
 		function httpStatus(text) {
 			const m = text.match(/\b([1-5]\d{2})\b/);
 			if (!m) return null;
@@ -1531,7 +1624,7 @@ window.__ModuleLoader__.load({
 		*/
 		function classifySpeakFailure(raw) {
 			const source = unwrapSpeakFailure(raw);
-			const blob = pickJsonBlob(source);
+			const blob = looseJson(source);
 			const code = blob && typeof blob.code === "string" ? blob.code : "";
 			const type = blob && typeof blob.type === "string" ? blob.type : "";
 			const message = blob && typeof blob.message === "string" ? blob.message : source;
@@ -1974,11 +2067,6 @@ window.__ModuleLoader__.load({
 		* 会话流折点处：只读结论备忘卡（超过 4 条默认露 3 条）。
 		* @module dsh-group-chat/client/components
 		*/
-		const KIND_LABEL = {
-			decided: "已定",
-			rejected: "否决",
-			open: "未决"
-		};
 		function ConstraintRow(props) {
 			const { item } = props;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2154,6 +2242,7 @@ window.__ModuleLoader__.load({
 			}, "__confirm") : null;
 			let livePlaced = false;
 			if (sess) {
+				const groupRoles = snap.roles.filter((r) => r.groupId === sess.groupId);
 				const ids = sess.messageIds;
 				const memo = sess.constraints && sess.constraints.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConstraintList, { items: sess.constraints }, sess.id + "-constraints") : null;
 				const foldAt = memo && ids.length > 40 ? ids.length - 40 : 0;
@@ -2162,7 +2251,7 @@ window.__ModuleLoader__.load({
 					if (memo && foldAt > 0 && i === foldAt) bubbles.push(memo);
 					const m = msgById[ids[i]];
 					if (!m) continue;
-					const role = resolveFailedRole(m, snap.roles.filter((r) => r.groupId === sess.groupId)) || (m.speaker !== "user" && m.speaker !== "system" ? roleById(snap, m.speaker) : null);
+					const role = resolveFailedRole(m, groupRoles) || (m.speaker !== "user" && m.speaker !== "system" ? roleById(snap, m.speaker) : null);
 					if (replaceId && m.id === replaceId) {
 						if (live) bubbles.push(live);
 						if (confirm) bubbles.push(confirm);
@@ -2526,7 +2615,7 @@ window.__ModuleLoader__.load({
 								!input.trim() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsgc-ph",
 									"aria-hidden": "true",
-									children: "发消息给全群，@成员 点名让其回应（留空则让角色自由讨论）…"
+									children: "发消息给全群，@成员 点名让其回应…"
 								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsgc-edit",
@@ -2609,7 +2698,7 @@ window.__ModuleLoader__.load({
 									onClick: () => {
 										sendMsg();
 									},
-									disabled: !participants.length && !mentionedRoles.length || !sess,
+									disabled: !input.trim() || !participants.length && !mentionedRoles.length || !sess,
 									children: [Icon(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline16, 16), "发送"]
 								})
 							]
@@ -2712,7 +2801,7 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsgc-hint",
-									children: enabledRoles.length ? "发送消息开始讨论；@成员 点名让其优先回应；留空直接发送可让角色自由讨论——每轮全体参与角色按顺序各发言一次，可用右下角轮数控制（1–10 轮）" : "先在右侧添加角色（每个角色可绑定不同模型），再回到这里发起讨论。"
+									children: enabledRoles.length ? "发送消息开始讨论；@成员 点名让其优先回应——每轮全体参与角色按顺序各发言一次，可用右下角轮数控制（1–10 轮）" : "先在右侧添加角色（每个角色可绑定不同模型），再回到这里发起讨论。"
 								})
 							]
 						})
@@ -2835,12 +2924,9 @@ window.__ModuleLoader__.load({
 			const [confirmDel, setConfirmDel] = (0, react.useState)(null);
 			const [confirmClear, setConfirmClear] = (0, react.useState)(false);
 			const [topicDraft, setTopicDraft] = (0, react.useState)(null);
-			const [wsDraft, setWsDraft] = (0, react.useState)(null);
 			const [roleDraft, setRoleDraft] = (0, react.useState)(null);
-			const [roleFormError, setRoleFormError] = (0, react.useState)("");
 			const [models, setModels] = (0, react.useState)(null);
 			const [modelsError, setModelsError] = (0, react.useState)(null);
-			const [fileBrowser, setFileBrowser] = (0, react.useState)(null);
 			const [partsSel, setPartsSel] = (0, react.useState)(null);
 			const [rounds, setRounds] = (0, react.useState)(1);
 			const [input, setInput] = (0, react.useState)(() => readComposerDraft(cachedSid).text);
@@ -2920,16 +3006,10 @@ window.__ModuleLoader__.load({
 				setConfirmClear,
 				roleDraft,
 				setRoleDraft,
-				roleFormError,
-				setRoleFormError,
 				models,
 				setModels,
 				modelsError,
 				setModelsError,
-				fileBrowser,
-				setFileBrowser,
-				wsDraft,
-				setWsDraft,
 				partsSel,
 				setPartsSel,
 				rounds,
@@ -2962,7 +3042,7 @@ window.__ModuleLoader__.load({
 		/**
 		* Extract active @token at cursor position.
 		* Matches @ at word boundary (line start or after whitespace).
-		* 
+		*
 		* @param line - Current line text
 		* @param cursor - Cursor offset in line
 		* @returns Token or undefined if no active @token at cursor
@@ -3020,10 +3100,10 @@ window.__ModuleLoader__.load({
 			};
 			return Array.from(root.childNodes).map(walk).join("");
 		}
-		/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
-		function chipHtml(role) {
+		/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh=插入后需营救选区，加 data-new 标记）。 */
+		function chipHtml(role, fresh = false) {
 			const c = escapeHtml(role.color || "#888");
-			return "<span class=\"dsgc-chipin\" data-role-id=\"" + escapeHtml(role.id) + "\" data-name=\"" + escapeHtml(role.name) + "\" style=\"--role-color:" + c + "\" contenteditable=\"false\" draggable=\"true\"><span class=\"dsgc-chipdot\" style=\"background:" + c + "\"></span>" + escapeHtml(role.name) + "</span>";
+			return "<span class=\"dsgc-chipin\"" + (fresh ? " data-new=\"\"" : "") + " data-role-id=\"" + escapeHtml(role.id) + "\" data-name=\"" + escapeHtml(role.name) + "\" style=\"--role-color:" + c + "\" contenteditable=\"false\" draggable=\"true\"><span class=\"dsgc-chipdot\" style=\"background:" + c + "\"></span>" + escapeHtml(role.name) + "</span>";
 		}
 		/** 把宿主 FileTypeIcon 渲成静态 SVG，再塞进 insertHTML（与检索列表同一套字形）。 */
 		function fileTypeIconMarkup(path, kind) {
@@ -3045,10 +3125,10 @@ window.__ModuleLoader__.load({
 				root.unmount();
 			}
 		}
-		/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
-		function fileChipHtml(path, kind) {
+		/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh 同 chipHtml）。 */
+		function fileChipHtml(path, kind, fresh = false) {
 			const basename = path.split("/").pop() || path;
-			return "<span class=\"dsgc-chipin dsgc-chipin-file\" data-kind=\"file\"" + (kind === "directory" ? " data-dir=\"1\"" : "") + " data-path=\"" + escapeHtml(path) + "\" contenteditable=\"false\" draggable=\"true\"><span class=\"dsgc-chipglyph\" aria-hidden=\"true\">" + fileTypeIconMarkup(path, kind) + "</span>" + escapeHtml(basename) + "</span>";
+			return "<span class=\"dsgc-chipin dsgc-chipin-file\"" + (fresh ? " data-new=\"\"" : "") + " data-kind=\"file\"" + (kind === "directory" ? " data-dir=\"1\"" : "") + " data-path=\"" + escapeHtml(path) + "\" contenteditable=\"false\" draggable=\"true\"><span class=\"dsgc-chipglyph\" aria-hidden=\"true\">" + fileTypeIconMarkup(path, kind) + "</span>" + escapeHtml(basename) + "</span>";
 		}
 		/**
 		* 光标前的活跃 @token（角色或文件弹层触发判定）。
@@ -3158,97 +3238,59 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		function useMentionChip(inputRef, setMention, setMentionIdx, syncFromDOM) {
-			return {
-				insertChip: (0, react.useCallback)((role) => {
-					const el = inputRef.current;
-					const sel = window.getSelection();
-					if (!el || !sel) return;
-					if (!sel.anchorNode || !el.contains(sel.anchorNode)) return;
-					el.focus({ preventScroll: true });
-					const node = sel.anchorNode;
-					if (node.nodeType === Node.TEXT_NODE) {
-						const text = node.nodeValue || "";
-						const off = sel.anchorOffset;
-						const before = text.slice(0, off);
-						const m = /(?:^|\s)@("?)([^"\s@]*)$/.exec(before);
-						if (m) {
-							const prefixLen = m[1] ? 2 : 1;
-							const queryLen = m[2].length;
-							const start = off - prefixLen - queryLen;
-							if (start >= 0) {
-								const range = document.createRange();
-								range.setStart(node, start);
-								range.setEnd(node, off);
-								sel.removeAllRanges();
-								sel.addRange(range);
-								execCommand("delete");
-							}
+			/** 弹层候选 → 删掉光标前的 @词、插入带 data-new 标记的芯片 + 尾随空格。 */
+			const insertChipHtml = (0, react.useCallback)((html) => {
+				const el = inputRef.current;
+				const sel = window.getSelection();
+				if (!el || !sel) return;
+				if (!sel.anchorNode || !el.contains(sel.anchorNode)) return;
+				el.focus({ preventScroll: true });
+				const node = sel.anchorNode;
+				if (node.nodeType === Node.TEXT_NODE) {
+					const text = node.nodeValue || "";
+					const off = sel.anchorOffset;
+					const before = text.slice(0, off);
+					const m = /(?:^|\s)@("?)([^"\s@]*)$/.exec(before);
+					if (m) {
+						const prefixLen = m[1] ? 2 : 1;
+						const queryLen = m[2].length;
+						const start = off - prefixLen - queryLen;
+						if (start >= 0) {
+							const range = document.createRange();
+							range.setStart(node, start);
+							range.setEnd(node, off);
+							sel.removeAllRanges();
+							sel.addRange(range);
+							execCommand("delete");
 						}
 					}
-					execCommand("insertHTML", chipHtml(role).replace("class=\"dsgc-chipin\"", "class=\"dsgc-chipin\" data-new=\"\""));
-					const chip = el.querySelector(".dsgc-chipin[data-new]");
-					if (!chip) return;
-					const after = document.createRange();
-					after.setStartAfter(chip);
-					after.collapse(true);
-					sel.removeAllRanges();
-					sel.addRange(after);
-					execCommand("insertText", " ");
-					chip.removeAttribute("data-new");
-					setMention(null);
-					setMentionIdx(0);
-					syncFromDOM();
-				}, [
-					inputRef,
-					setMention,
-					setMentionIdx,
-					syncFromDOM
-				]),
+				}
+				execCommand("insertHTML", html);
+				const chip = el.querySelector(".dsgc-chipin[data-new]");
+				if (!chip) return;
+				const after = document.createRange();
+				after.setStartAfter(chip);
+				after.collapse(true);
+				sel.removeAllRanges();
+				sel.addRange(after);
+				execCommand("insertText", " ");
+				chip.removeAttribute("data-new");
+				setMention(null);
+				setMentionIdx(0);
+				syncFromDOM();
+			}, [
+				inputRef,
+				setMention,
+				setMentionIdx,
+				syncFromDOM
+			]);
+			return {
+				insertChip: (0, react.useCallback)((role) => {
+					insertChipHtml(chipHtml(role, true));
+				}, [insertChipHtml]),
 				insertFileChip: (0, react.useCallback)((path, kind) => {
-					const el = inputRef.current;
-					const sel = window.getSelection();
-					if (!el || !sel) return;
-					if (!sel.anchorNode || !el.contains(sel.anchorNode)) return;
-					el.focus({ preventScroll: true });
-					const node = sel.anchorNode;
-					if (node.nodeType === Node.TEXT_NODE) {
-						const text = node.nodeValue || "";
-						const off = sel.anchorOffset;
-						const before = text.slice(0, off);
-						const m = /(?:^|\s)@("?)([^"\s@]*)$/.exec(before);
-						if (m) {
-							const prefixLen = m[1] ? 2 : 1;
-							const queryLen = m[2].length;
-							const start = off - prefixLen - queryLen;
-							if (start >= 0) {
-								const range = document.createRange();
-								range.setStart(node, start);
-								range.setEnd(node, off);
-								sel.removeAllRanges();
-								sel.addRange(range);
-								execCommand("delete");
-							}
-						}
-					}
-					execCommand("insertHTML", fileChipHtml(path, kind).replace("class=\"dsgc-chipin dsgc-chipin-file\"", "class=\"dsgc-chipin dsgc-chipin-file\" data-new=\"\""));
-					const chip = el.querySelector(".dsgc-chipin[data-new]");
-					if (!chip) return;
-					const after = document.createRange();
-					after.setStartAfter(chip);
-					after.collapse(true);
-					sel.removeAllRanges();
-					sel.addRange(after);
-					execCommand("insertText", " ");
-					chip.removeAttribute("data-new");
-					setMention(null);
-					setMentionIdx(0);
-					syncFromDOM();
-				}, [
-					inputRef,
-					setMention,
-					setMentionIdx,
-					syncFromDOM
-				])
+					insertChipHtml(fileChipHtml(path, kind, true));
+				}, [insertChipHtml])
 			};
 		}
 		function useInputKeyboard(mention, mentionCandidates, mentionIdxC, setMentionIdx, insertChip, insertFileChip, fileCandidates, setMention, sendMsg) {
@@ -3463,7 +3505,7 @@ window.__ModuleLoader__.load({
 		* @module dsh-group-chat/client/panel
 		*/
 		function GroupChatPanel() {
-			const { snap, gid, setGid, sid, setSid, search, setSearch, collapsedGroups, setCollapsedGroups, renameDraft, setRenameDraft, confirmDel, setConfirmDel, confirmClear, setConfirmClear, roleDraft, setRoleDraft, roleFormError, setRoleFormError, models, setModels, modelsError, setModelsError, fileBrowser, setFileBrowser, wsDraft, setWsDraft, partsSel, setPartsSel, rounds, setRounds, input, setInput, err, setErr, topicDraft, setTopicDraft, mention, setMention, mentionIdx, setMentionIdx, asideOpen, setAsideOpen, navOpen, setNavOpen, atBottom, setAtBottom, inputRef, sendingRef, scrollRef, action, mutate } = useGroupChatState();
+			const { snap, gid, setGid, sid, setSid, search, setSearch, collapsedGroups, setCollapsedGroups, renameDraft, setRenameDraft, confirmDel, setConfirmDel, confirmClear, setConfirmClear, roleDraft, setRoleDraft, models, setModels, modelsError, setModelsError, partsSel, setPartsSel, rounds, setRounds, input, setInput, err, setErr, topicDraft, setTopicDraft, mention, setMention, mentionIdx, setMentionIdx, asideOpen, setAsideOpen, navOpen, setNavOpen, atBottom, setAtBottom, inputRef, sendingRef, scrollRef, action, mutate } = useGroupChatState();
 			const [toast, setToast] = (0, react.useState)(null);
 			const { onMsgsScroll } = useComposerEffects(inputRef, scrollRef, input, atBottom, snap);
 			let group = snap && gid ? groupById(snap, gid) : null;
@@ -3486,13 +3528,14 @@ window.__ModuleLoader__.load({
 			const { insertChip, insertFileChip } = useMentionChip(inputRef, setMention, setMentionIdx, syncFromDOM);
 			const sendMsg = (0, react.useCallback)(async () => {
 				if (busyNow || !sess || sendingRef.current) return;
+				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,
@@ -3607,80 +3650,15 @@ window.__ModuleLoader__.load({
 			};
 			const openRoleEditor = async (role) => {
 				setErr("");
-				setRoleFormError("");
 				if (!models || modelsError) await fetchModels();
 				setRoleDraft(role ? draftFromRole(role) : blankDraft());
 			};
-			const saveRole = async () => {
-				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 () => {
 				await action({
 					kind: "stop",
 					sessionId: sess.id
 				});
 			};
-			const openBrowser = async (path) => {
-				setFileBrowser({
-					open: true,
-					loading: true,
-					list: null,
-					error: ""
-				});
-				try {
-					const res = await api.action({
-						kind: "browse",
-						path: path || ""
-					});
-					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.message || e)
-					});
-				}
-			};
-			const selectCurrentDir = () => {
-				if (!fileBrowser || !fileBrowser.list || !group) return;
-				const path = fileBrowser.list.path;
-				mutate({
-					op: "setWorkspaceDir",
-					groupId: group.id,
-					path
-				});
-				setWsDraft(null);
-				setFileBrowser(null);
-			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsgc-root",
 				children: [
@@ -3757,14 +3735,8 @@ window.__ModuleLoader__.load({
 						snap,
 						group,
 						asideOpen,
-						wsDraft,
-						setWsDraft,
-						fileBrowser,
-						setFileBrowser,
 						mutate,
-						openRoleEditor,
-						openBrowser,
-						selectCurrentDir
+						openRoleEditor
 					}),
 					sess && confirmClear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 						open: true,
@@ -3810,19 +3782,16 @@ window.__ModuleLoader__.load({
 					roleDraft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleDrawer, {
 						draft: roleDraft,
 						set: setRoleDraft,
+						groupId: group.id,
 						models,
 						modelsError,
 						onRetryModels: () => {
 							fetchModels();
 						},
-						onSave: () => {
-							saveRole();
-						},
+						mutate,
 						onCancel: () => {
 							setRoleDraft(null);
-							setRoleFormError("");
-						},
-						formError: roleFormError
+						}
 					}) : null
 				]
 			});