@roaming-ai/dsh-group-chat 0.2.2 → 0.3.1

package/src/client/lib/composer-draft.ts

@@ -0,0 +1,47 @@
+/**
+ * 未发送草稿：按会话 id 分槽，模块级跨挂载存活。
+ * 主会话⇄群聊会整页卸载 composer，contentEditable 的 HTML 必须自行记住。
+ * @module dsh-group-chat/client/composer-draft
+ */
+
+export interface ComposerDraft {
+  html: string
+  text: string
+}
+
+const LIMIT = 32
+const drafts = new Map<string, ComposerDraft>()
+
+const empty = (): ComposerDraft => ({ html: '', text: '' })
+
+/** 读指定会话草稿；命中则提到 LRU 最近端。 */
+export function readComposerDraft(sessionId: string | null | undefined): ComposerDraft {
+  if (!sessionId) return empty()
+  const hit = drafts.get(sessionId)
+  if (!hit) return empty()
+  drafts.delete(sessionId)
+  drafts.set(sessionId, hit)
+  return hit
+}
+
+/** 写入；空草稿删槽。超出上限淘汰最旧槽。 */
+export function writeComposerDraft(sessionId: string | null | undefined, html: string, text: string): void {
+  if (!sessionId) return
+  drafts.delete(sessionId)
+  if (!html && !text) return
+  drafts.set(sessionId, { html, text })
+  if (drafts.size > LIMIT) {
+    const oldest = drafts.keys().next().value
+    if (oldest !== undefined) drafts.delete(oldest)
+  }
+}
+
+/** 发送成功或明确丢弃时摘槽。 */
+export function clearComposerDraft(sessionId: string | null | undefined): void {
+  if (sessionId) drafts.delete(sessionId)
+}
+
+/** 测试用：清空全部槽位。 */
+export function resetComposerDrafts(): void {
+  drafts.clear()
+}

package/src/client/lib/model.ts

@@ -3,7 +3,7 @@
  * @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'
@@ -104,16 +104,3 @@ export function draftFromRole(role: SnapshotRole): RoleDraft {
 export function blankDraft(): RoleDraft {
   return { name: '', color: null, persona: '', provider: '', model: '', temperature: undefined, reasoningEffort: 'default', enabled: true, thinking: false }
 }
-
-/** 工具调用行的展示参数。 */
-export type ToolCallView = ToolCallRecord
-
-/** 草稿是否可作为角色落库（宿主侧再校验一次）。 */
-export function draftMissing(draft: RoleDraft): string {
-  if (!draft.name.trim()) return '角色名称不能为空'
-  if (!draft.provider || !draft.model) return '请选择角色绑定的模型'
-  return ''
-}
-
-/** RoleRecord 兼容视图（快照角色行即其展示子集）。 */
-export type RoleView = RoleRecord

package/src/client/lib/styles.ts

@@ -62,7 +62,32 @@ export const CSS = [
   '.dsgc-seambtn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.15));color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-border-l3,rgba(128,128,128,.4))}',
   '.dsgc-seambtn.left{left:0;border-left:none;border-radius:0 8px 8px 0;box-shadow:3px 0 10px rgba(0,0,0,.07)}',
   '.dsgc-seambtn.right{right:0;border-right:none;border-radius:8px 0 0 8px;box-shadow:-3px 0 10px rgba(0,0,0,.07)}',
-  '.dsgc-chathead{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(128,128,128,.2))}',
+  '.dsgc-chathead{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(128,128,128,.2))}',
+  '.dsgc-chathead-row{display:flex;gap:10px;align-items:center;min-width:0}',
+  '.dsgc-constraints{align-self:center;box-sizing:border-box;width:76%;max-width:76%;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));background:var(--dsw-alias-bg-layer-3,rgba(128,128,128,.06));border-radius:12px;animation:dsgc-fade-in .18s ease-out}',
+  '.dsgc-chead{display:flex;flex-direction:column;gap:2px;min-width:0}',
+  '.dsgc-ctitle{margin:0;font:inherit;font-size:12px;font-weight:600;line-height:1.5;color:var(--dsw-alias-label-primary,inherit)}',
+  '.dsgc-cdesc{margin:0;font-size:11.5px;line-height:1.5;color:var(--dsw-alias-label-tertiary,inherit)}',
+  '.dsgc-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .16s ease-in}',
+  '.dsgc-fold.open{grid-template-rows:1fr;transition:grid-template-rows .22s cubic-bezier(.16,1,.3,1)}',
+  '.dsgc-fold-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .12s ease-in}',
+  '.dsgc-fold.open .dsgc-fold-inner{opacity:1;transition:opacity .18s cubic-bezier(.16,1,.3,1)}',
+  '.dsgc-clip{--dsgc-clip-from:var(--dsw-alias-bg-layer-3,rgba(128,128,128,.18));position:relative;min-width:0}',
+  '.dsgc-clip::before,.dsgc-clip::after{content:"";position:absolute;left:0;right:0;height:14px;pointer-events:none;z-index:1;opacity:0;transition:opacity .12s}',
+  '.dsgc-clip::before{top:0;background:linear-gradient(to bottom,var(--dsgc-clip-from),transparent)}',
+  '.dsgc-clip::after{bottom:0;background:linear-gradient(to top,var(--dsgc-clip-from),transparent)}',
+  '.dsgc-clip.can-up::before,.dsgc-clip.can-down::after{opacity:1}',
+  '.dsgc-clip-scroll{min-width:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l2,rgba(128,128,128,.35)) transparent}',
+  '.dsgc-clist{display:flex;flex-direction:column;gap:2px;min-width:0}',
+  '.dsgc-constraint{display:flex;gap:8px;align-items:flex-start;min-width:0;font-size:11.5px;line-height:1.5}',
+  '.dsgc-ckind{flex:none;font-weight:500}',
+  '.dsgc-ckind.decided{color:var(--dsw-alias-label-secondary,inherit)}',
+  '.dsgc-ckind.rejected{color:var(--dsw-alias-state-error-primary,#e5484d)}',
+  '.dsgc-ckind.open{color:var(--dsw-alias-label-tertiary,inherit)}',
+  '.dsgc-ctext{min-width:0;color:var(--dsw-alias-label-primary,inherit);overflow-wrap:break-word}',
+  '.dsgc-cmore{align-self:flex-start;border:none;background:none;padding:0;font:inherit;font-size:11.5px;line-height:1.5;color:var(--dsw-alias-label-tertiary,inherit);cursor:pointer}',
+  '.dsgc-cmore:hover{color:var(--dsw-alias-label-secondary,inherit)}',
+  '.dsgc-cmore:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--dsw-alias-state-business-primary,#4f6ef7));outline-offset:1px}',
   '.dsgc-sess-title{flex:none;font-weight:600;font-size:14px;color:var(--dsw-alias-label-primary,inherit);max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
   '.dsgc-topic{flex:1;background:transparent;border:none;border-bottom:1px solid transparent;padding:2px;min-height:20px;color:var(--dsw-alias-label-secondary,inherit);font:inherit;outline:none;min-width:0;transition:color .12s,border-color .12s}',
   '.dsgc-topic:hover{border-bottom-color:var(--dsw-alias-border-l2,rgba(128,128,128,.3))}',
@@ -99,7 +124,8 @@ export const CSS = [
   '.dsgc-think .dsgc-thinkrow{font-size:12px;color:var(--dsw-alias-label-secondary,inherit);border-radius:8px;padding:3px 8px;transition:background-color .12s}',
   '.dsgc-think .dsgc-thinkrow:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.1))}',
   '.dsgc-think .dsgc-thinksummary{color:var(--dsw-alias-label-tertiary,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44ch;font-size:11.5px;margin-left:6px}',
-  '.dsgc-think .dsgc-thinkbody{font-size:12.5px;line-height:1.7;color:var(--dsw-alias-label-secondary,inherit);white-space:pre-wrap;word-break:break-word;border-left:2px solid var(--dsw-alias-border-l2,rgba(128,128,128,.25));margin:2px 0 4px;padding:2px 0 2px 10px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l2,rgba(128,128,128,.35)) transparent;animation:dsgc-think-in .2s ease-out}',
+  '.dsgc-think .dsgc-clip{margin:2px 0 4px;padding-left:10px;border-left:2px solid var(--dsw-alias-border-l2,rgba(128,128,128,.25))}',
+  '.dsgc-think .dsgc-thinkbody{font-size:12.5px;line-height:1.7;color:var(--dsw-alias-label-secondary,inherit);white-space:pre-wrap;word-break:break-word}',
   /* 首 delta 前的「思考中」占位行：ThinkRow 同语言（思考图标 + 次要色 12px 小字）
      + 三点交错呼吸动画——深度思考模型首字节可能等数秒到数十秒，空白气泡会被
      感知为卡死；delta 到达后被真实思考行/正文自然替换 */
@@ -111,17 +137,42 @@ export const CSS = [
   '.dsgc-pendingdots i:nth-child(3){animation-delay:.4s}',
   '@keyframes dsgc-dot-breathe{0%,100%{opacity:.25}50%{opacity:1}}',
   '.dsgc-sysmsg{align-self:center;font-size:11.5px;color:var(--dsw-alias-label-secondary,inherit);background:var(--dsw-alias-bg-module-platform,rgba(128,128,128,.1));border-radius:999px;padding:2px 10px;text-align:center;max-width:90%;animation:dsgc-sys-in .24s ease-out}',
+  /* 消息操作条：气泡外下方；角色左齐、自己右齐。占位常在，悬停显现；失败卡 always 常驻 */
+  '.dsgc-msgops{display:inline-flex;align-items:center;gap:2px;margin-top:2px;min-height:24px;visibility:hidden;opacity:0;transition:opacity .12s,visibility .12s}',
+  '.dsgc-msg:hover .dsgc-msgops,.dsgc-msg:focus-within .dsgc-msgops,.dsgc-msgops.always{visibility:visible;opacity:1}',
+  '@media (hover:none){.dsgc-msg .dsgc-msgops{visibility:visible;opacity:1}}',
+  '.dsgc-msg.mine .dsgc-msgops{justify-content:flex-end}',
+  '.dsgc-msgop{border:none;background:none;color:var(--dsw-alias-label-tertiary,inherit);cursor:pointer;padding:3px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:11.5px;line-height:16px;transition:background-color .12s,color .12s}',
+  '.dsgc-msgop svg{flex:none}',
+  '.dsgc-msgop:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.15));color:var(--dsw-alias-label-primary,inherit)}',
+  '.dsgc-msgop:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--dsw-alias-state-business-primary,#4f6ef7));outline-offset:1px}',
+  '.dsgc-msgop.done{color:var(--dsw-alias-state-success-primary,#30a46c)}',
+  '.dsgc-msgop.retry{color:var(--dsw-alias-state-error-primary,#e5484d)}',
+  '.dsgc-msgop.retry:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#e5484d) 10%,transparent);color:var(--dsw-alias-state-error-primary,#e5484d)}',
+  '.dsgc-msgop:disabled{opacity:.4;cursor:default}',
+  /* 失败卡：角色消息形态，人话标题 + 可展开原文；不用左侧色条，避免 craft-floor 禁令 */
+  '.dsgc-fail{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#e5484d) 8%,var(--dsw-alias-bg-layer-3,rgba(128,128,128,.06)));border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#e5484d) 28%,var(--dsw-alias-border-l1,rgba(128,128,128,.15)));border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0;animation:dsgc-fade-in .18s ease-out}',
+  '.dsgc-failhead{display:flex;align-items:flex-start;gap:8px;min-width:0}',
+  '.dsgc-failicon{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--dsw-alias-state-error-primary,#e5484d);background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#e5484d) 12%,transparent);margin-top:1px}',
+  '.dsgc-failcopy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}',
+  '.dsgc-failtitle{font-size:13px;font-weight:600;line-height:1.4;color:var(--dsw-alias-label-primary,inherit)}',
+  '.dsgc-faildetail{font-size:12px;line-height:1.5;color:var(--dsw-alias-label-secondary,inherit);overflow-wrap:anywhere}',
+  '.dsgc-failmore{align-self:flex-start;border:none;background:none;padding:0;font:inherit;font-size:11.5px;line-height:1.5;color:var(--dsw-alias-label-tertiary,inherit);cursor:pointer}',
+  '.dsgc-failmore:hover{color:var(--dsw-alias-label-secondary,inherit)}',
+  '.dsgc-failmore:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--dsw-alias-state-business-primary,#4f6ef7));outline-offset:1px}',
+  '.dsgc-fail .dsgc-clip{--dsgc-clip-from:var(--dsw-alias-bg-layer-2,rgba(128,128,128,.12));border-radius:8px}',
+  '.dsgc-failraw{margin:0;font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent);color:var(--dsw-alias-label-secondary,inherit)}',
   /* ===== 工具调用行 / 确认卡片（对标思考折叠语言） ===== */
   '.dsgc-tool{margin:2px 0}',
   '.dsgc-tool .dsgc-toolrow{font-size:12px;color:var(--dsw-alias-label-secondary,inherit);border-radius:8px;padding:3px 8px;transition:background-color .12s}',
   '.dsgc-tool .dsgc-toolrow:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.1))}',
   '.dsgc-tool .dsgc-toolsummary{color:var(--dsw-alias-label-tertiary,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch;font-size:11.5px;margin-left:6px}',
-  '.dsgc-tool .dsgc-toolbody{font-size:12px;line-height:1.6;color:var(--dsw-alias-label-secondary,inherit);white-space:pre-wrap;word-break:break-word;border-left:2px solid var(--dsw-alias-border-l2,rgba(128,128,128,.25));margin:2px 0 4px;padding:2px 0 2px 10px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l2,rgba(128,128,128,.35)) transparent}',
+  '.dsgc-tool .dsgc-clip{margin:2px 0 4px;padding-left:10px;border-left:2px solid var(--dsw-alias-border-l2,rgba(128,128,128,.25))}',
+  '.dsgc-tool .dsgc-toolbody{font-size:12px;line-height:1.6;color:var(--dsw-alias-label-secondary,inherit);white-space:pre-wrap;word-break:break-word}',
   '.dsgc-confirm{border:1px solid var(--dsw-alias-state-business-primary,#4f6ef7);border-radius:12px;background:var(--dsw-alias-bg-layer-3,rgba(128,128,128,.06));padding:10px 12px;display:flex;flex-direction:column;gap:8px;max-width:76%;animation:dsgc-fade-in .18s ease-out}',
   '.dsgc-confirmtitle{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary,inherit);display:flex;align-items:center;gap:6px}',
   '.dsgc-confirmcmd{font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));border-radius:8px;padding:8px 10px;background:var(--dsw-alias-bg-layer-2,transparent);color:var(--dsw-alias-label-primary,inherit);max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l2,rgba(128,128,128,.35)) transparent}',
   '.dsgc-confirmops{display:flex;gap:8px;justify-content:flex-end}',
-  '.dsgc-sysmsg.err{color:var(--dsw-alias-state-error-primary,#e5484d)}',
   /* 清空确认弹窗内的说明列表 */
   '.dsgc-clearnotes{margin:0;padding-left:18px;font-size:13px;line-height:1.8;color:var(--dsw-alias-label-secondary,inherit);display:flex;flex-direction:column;gap:2px}',
   '.dsgc-err{font-size:12px;color:var(--dsw-alias-state-error-primary,#e5484d);animation:dsgc-fade-in .18s ease-out}',
@@ -152,8 +203,11 @@ export const CSS = [
   '.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}',
-  '.dsgc-parts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;row-gap:4px;height:24px}',
-  '.dsgc-partslabel{font-size:12px;color:var(--dsw-alias-label-tertiary,inherit);flex:none}',
+  /* 标签固定在左；芯片在右侧独立换行，后续行与首行芯片左缘对齐（不折到「参与角色」下面）。
+     单行 24px；角色过多时随内容增高，避免固定高度把后续行溢出叠到下方输入卡上 */
+  '.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}',
   '.dsgc-partchip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));background:transparent;color:var(--dsw-alias-label-secondary,inherit);border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.5;cursor:pointer;transition:background-color .12s,color .12s,border-color .12s;font-family:inherit}',
   '.dsgc-partchip:hover{color:var(--dsw-alias-label-primary,inherit)}',
   '.dsgc-partchip.on{background:var(--dsw-alias-interactive-bg-active,rgba(128,128,128,.18));color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-border-l2,rgba(128,128,128,.3))}',
@@ -176,6 +230,12 @@ export const CSS = [
   '.dsgc-rounds .dsgc-roundbtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.15));color:var(--dsw-alias-label-primary,inherit)}',
   '.dsgc-rounds .dsgc-roundbtn:disabled{opacity:.4;cursor:default}',
   '.dsgc-rounds .dsgc-roundnum{width:26px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary,inherit)}',
+  /* hover 气泡：对齐宿主 Tooltip.module.css，portal 到 body 以躲开 container-type */
+  '.dsgc-hovertip{position:fixed;z-index:100;width:max-content;max-width:50vw;padding:3px 7px;border-radius:8px;background:var(--dsw-alias-tooltip-bg,#1f1f1f);color:var(--dsw-static-neutral-bluish-00,#fff);font-size:13px;line-height:20px;white-space:pre-line;overflow-wrap:break-word;pointer-events:none;animation:dsgc-hovertip-in 150ms var(--ds-ease-in-out,ease)}',
+  '.dsgc-hovertip[data-side="right"]{transform:translateY(-50%)}',
+  '.dsgc-hovertip[data-side="top"]{transform:translate(-50%,-100%)}',
+  '.dsgc-hovertip[data-side="bottom"]{transform:translateX(-50%)}',
+  '@keyframes dsgc-hovertip-in{from{opacity:0}}',
   /* ===== @成员 / @文件弹层 ===== */
   '.dsgc-mentionwrap{position:relative}',
   '.dsgc-mention{animation:dsgc-pop-in .16s cubic-bezier(.16,1,.3,1);position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));border-radius:10px;box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.18));max-height:220px;overflow-y:auto;padding:4px;z-index:30;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l2,rgba(128,128,128,.35)) transparent}',
@@ -214,10 +274,12 @@ export const CSS = [
   '.dsgc-rolename{font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary,inherit)}',
   '.dsgc-role.off .dsgc-rolename{color:var(--dsw-alias-label-tertiary,inherit)}',
   '.dsgc-rolepersona{font-size:11.5px;color:var(--dsw-alias-label-tertiary,inherit);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}',
-  '.dsgc-rolemodel{width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-module-platform,rgba(128,128,128,.12));border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;color:var(--dsw-alias-label-secondary,inherit)}',
-  '.dsgc-roleops{display:flex;gap:2px;flex:none;opacity:0;transition:opacity .12s}',
+  '.dsgc-rolemeta{display:flex;align-items:center;gap:6px;min-width:0;flex:1}',
+  '.dsgc-rolemodel{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-module-platform,rgba(128,128,128,.12));border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;color:var(--dsw-alias-label-secondary,inherit)}',
+  '.dsgc-rolethink{display:inline-flex;align-items:center;flex:none;color:var(--dsw-alias-label-tertiary,inherit)}',
+  '.dsgc-roleops{display:flex;gap:2px;flex:none;margin-left:auto;opacity:0;transition:opacity .12s}',
   '.dsgc-role:hover .dsgc-roleops,.dsgc-role:focus-within .dsgc-roleops{opacity:1}',
-  '.dsgc-rolemenu{display:flex;align-items:center;justify-content:space-between;gap:8px}',
+  '.dsgc-rolemenu{display:flex;align-items:center;gap:8px}',
   /* ===== 表单与控件（角色抽屉内） ===== */
   '.dsgc-field{display:flex;flex-direction:column;gap:5px}',
   '.dsgc-field>label{font-size:12px;font-weight:500;color:var(--dsw-alias-label-secondary,inherit)}',
@@ -239,7 +301,6 @@ export const CSS = [
   '@keyframes dsgc-drawer-out{to{transform:translateX(32px);opacity:0}}',
   '@keyframes dsgc-msg-in{from{opacity:0;transform:translateY(6px)}}',
   '@keyframes dsgc-sys-in{from{opacity:0;transform:scale(.96)}}',
-  '@keyframes dsgc-think-in{from{opacity:0;transform:translateY(-3px)}}',
   '@keyframes dsgc-pop-in{from{opacity:0;transform:translateY(4px)}}',
   '@keyframes dsgc-rise-in{from{opacity:0;transform:translate(-50%,6px)}}',
   '@keyframes dsgc-fade-in{from{opacity:0}}',
@@ -269,7 +330,7 @@ export const CSS = [
   '.dsgc-partchip:focus-visible,.dsgc-mentionitem:focus-visible,.dsgc-dot:focus-visible,.dsgc-opbtn:focus-visible,.dsgc-twist:focus-visible,.dsgc-addsess:focus-visible,.dsgc-grow-row:focus-visible,.dsgc-sess-row:focus-visible,.dsgc-rename:focus-visible,.dsgc-fbrow:focus-visible,.dsgc-role:focus-visible,.dsgc-roundbtn:focus-visible,.dsgc-tobtn:focus-visible,.dsgc-seambtn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--dsw-alias-state-business-primary,#4f6ef7));outline-offset:1px}',
   /* ===== 窄容器：右栏覆盖式呈现 ===== */
   '@container (max-width: 880px){.dsgc-aside{position:absolute;top:0;right:0;bottom:0;z-index:15;width:min(304px,88%);box-shadow:-12px 0 32px rgba(0,0,0,.16);border-left:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}.dsgc-aside.closed{width:min(304px,88%);padding-left:12px;padding-right:12px;border-left-width:1px;transform:translateX(calc(100% + 14px));opacity:0;transition:transform .26s ease-in,opacity .18s ease-in,visibility 0s .24s}.dsgc-seambtn.right:not(.closed){right:min(304px,88%)}}',
-  '@container (max-width: 640px){.dsgc-nav{width:200px}.dsgc-msgbody{max-width:88%}}',
+  '@container (max-width: 640px){.dsgc-nav{width:200px}.dsgc-msgbody{max-width:88%}.dsgc-constraints{width:88%;max-width:88%}}',
   /* ===== 侧边栏入口对齐（外壳将插槽内容包在 panelGlyph span 内，必须用后代 :has） ===== */
   '[class*="panelList"]:has(.dsgc-entryOverlay){margin-top:4px}',
   '[class*="panelRow"]:has(.dsgc-entryOverlay){position:relative;box-sizing:border-box;height:36px;min-height:36px;padding:0 10px;font-size:13px;transition:background-color .12s,color .12s}',
@@ -292,7 +353,7 @@ export const CSS = [
   '.dsgc-entryIcon svg{width:18px;height:18px;display:block}',
   '[data-sidebar-collapsed] .dsgc-entryOverlay,[class*="collapsed"] .dsgc-entryOverlay{justify-content:center;padding:0}',
   '[data-sidebar-collapsed] [class*="panelRow"]:has(.dsgc-entryOverlay),[class*="collapsed"] [class*="panelRow"]:has(.dsgc-entryOverlay){margin:0 auto}',
-  '@media (prefers-reduced-motion:reduce){.dsgc-dot,.dsgc-partchip,.dsgc-mentionitem,.dsgc-grow-row,.dsgc-sess-row,.dsgc-opbtn,.dsgc-addsess,.dsgc-topic,.dsgc-role,.dsgc-rename,.dsgc-input,.dsgc-select,.dsgc-textarea,.dsgc-fbrow,.dsgc-twist svg,.dsgc-roleops,.dsgc-roundbtn,.dsgc-permtrigger,.dsgc-permchevron,.dsgc-tobtn,.dsgc-seambtn,.dsgc-aside,.dsgc-aside.closed,.dsgc-nav,.dsgc-nav.closed,.dsgc-clearbtn,[class*="panelRow"]:has(.dsgc-entryOverlay){transition:none}.dsgc-dot:hover{transform:none}.dsgc-drawer,.dsgc-msg,.dsgc-sysmsg,.dsgc-mention,.dsgc-tobottom,.dsgc-err,.dsgc-empty,.dsgc-fb,.dsgc-think .dsgc-thinkbody,.dsgc-msg.live .dsgc-avatar,.dsgc-loading svg,.dsgc-pendingdots i,.dsgc-typing{animation:none}.dsgc-typing{background-position:0 0;background-size:100% 100%}}',
+  '@media (prefers-reduced-motion:reduce){.dsgc-dot,.dsgc-partchip,.dsgc-mentionitem,.dsgc-grow-row,.dsgc-sess-row,.dsgc-opbtn,.dsgc-addsess,.dsgc-topic,.dsgc-role,.dsgc-rename,.dsgc-input,.dsgc-select,.dsgc-textarea,.dsgc-fbrow,.dsgc-twist svg,.dsgc-roleops,.dsgc-roundbtn,.dsgc-permtrigger,.dsgc-permchevron,.dsgc-tobtn,.dsgc-seambtn,.dsgc-aside,.dsgc-aside.closed,.dsgc-nav,.dsgc-nav.closed,.dsgc-clearbtn,.dsgc-cmore,.dsgc-msgops,.dsgc-msgop,.dsgc-failmore,.dsgc-clip::before,.dsgc-clip::after,.dsgc-fold,.dsgc-fold-inner,.dsgc-fold.open,.dsgc-fold.open .dsgc-fold-inner,[class*="panelRow"]:has(.dsgc-entryOverlay){transition:none}.dsgc-dot:hover{transform:none}.dsgc-drawer,.dsgc-msg,.dsgc-sysmsg,.dsgc-mention,.dsgc-tobottom,.dsgc-err,.dsgc-empty,.dsgc-fb,.dsgc-msg.live .dsgc-avatar,.dsgc-loading svg,.dsgc-pendingdots i,.dsgc-typing,.dsgc-constraints,.dsgc-hovertip,.dsgc-fail{animation:none}.dsgc-typing{background-position:0 0;background-size:100% 100%}}',
   /* ===== 设置页（同一卡片语言） ===== */
   '.dgcs-page{display:flex;flex-direction:column;gap:14px;padding:4px 0}',
   '.dgcs-head{display:flex;flex-direction:column;gap:6px}',

package/src/client/react-dom-shim.d.ts

@@ -1,6 +1,8 @@
 /** Platform modules (react-dom / client) have no @types in this plugin. */
 declare module 'react-dom' {
+  import type { ReactNode } from 'react'
   export function flushSync(fn: () => void): void
+  export function createPortal(children: ReactNode, container: Element | DocumentFragment): ReactNode
 }
 
 declare module 'react-dom/client' {

package/src/client/utils/utils.ts

@@ -57,10 +57,10 @@ export function serializeInput(root: HTMLElement): string {
   return Array.from(root.childNodes).map(walk).join('')
 }
 
-/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
-export function chipHtml(role: { id: string, name: string, color?: string }): string {
+/** @角色芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh=插入后需营救选区，加 data-new 标记）。 */
+export function chipHtml(role: { id: string, name: string, color?: string }, fresh = false): string {
   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">' +
+  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>'
 }
 
@@ -81,11 +81,11 @@ function fileTypeIconMarkup(path: string, kind: 'file' | 'directory'): string {
   }
 }
 
-/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删）。 */
-export function fileChipHtml(path: string, kind: 'file' | 'directory'): string {
+/** @文件芯片的 HTML（原子元素：contenteditable=false + draggable，退格整删；fresh 同 chipHtml）。 */
+export function fileChipHtml(path: string, kind: 'file' | 'directory', fresh = false): string {
   const basename = path.split('/').pop() || path
   const dir = kind === 'directory'
-  return '<span class="dsgc-chipin dsgc-chipin-file" data-kind="file"' + (dir ? ' data-dir="1"' : '') + ' data-path="' + escapeHtml(path) + '" contenteditable="false" draggable="true">' +
+  return '<span class="dsgc-chipin dsgc-chipin-file"' + (fresh ? ' data-new=""' : '') + ' data-kind="file"' + (dir ? ' 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>'
 }
 

package/src/core/constraints.ts

@@ -0,0 +1,204 @@
+/**
+ * 会话约束备忘纯逻辑：滑动 40 条窗口、挤出集、压行、临时原文、解析与截断。
+ * @module dsh-group-chat/core/constraints
+ */
+
+import { looseJson } from './json.ts'
+import { TRANSCRIPT_TOOL_SUMMARY } from './tools.ts'
+import { asConstraintKind, type MessageRecord, type SessionConstraint, type SessionRecord } from './types.ts'
+
+/** 当场原文窗口（含系统行）。 */
+export const WINDOW_SIZE = 40
+/** 折叠失败时临时原文条数上限。 */
+export const TEMP_MAX_MESSAGES = 20
+/** 折叠失败时临时原文总长上限。 */
+export const TEMP_MAX_CHARS = 16000
+/** 单轮折叠最多消耗的挤出条数（含系统行；超出留待下一轮）。 */
+export const FOLD_MAX_MESSAGES = 40
+/** 单轮折叠输入总长上限（格式化后）。 */
+export const FOLD_MAX_CHARS = 16000
+/** 备忘条数上限。 */
+export const CONSTRAINT_MAX_ITEMS = 12
+/** 备忘总长上限（条目前缀+正文）。 */
+export const CONSTRAINT_MAX_CHARS = 1200
+/** 单条备忘正文上限。 */
+export const CONSTRAINT_ITEM_MAX_CHARS = 160
+
+export const KIND_LABEL: Record<SessionConstraint['kind'], string> = {
+  decided: '已定',
+  rejected: '否决',
+  open: '未决',
+}
+
+/** 已折入水位（缺省 0）。 */
+export function constraintsWatermark(sess: SessionRecord): number {
+  return typeof sess.constraintsUpToSeq === 'number' && sess.constraintsUpToSeq > 0 ? sess.constraintsUpToSeq : 0
+}
+
+/** 重试：只取失败卡之前的时间线；untilId 不在列表则原样。 */
+export function prefixIds(ids: string[], untilId?: string): string[] {
+  if (!untilId) return ids
+  const i = ids.indexOf(untilId)
+  return i >= 0 ? ids.slice(0, i) : ids
+}
+
+/**
+ * 新挤出：seq > 水位 且不在最近 40 条。只扫窗口外前缀（旧→新）。
+ * untilId：重试时把窗口截到该消息之前，不带上后面已经发生的发言。
+ */
+export function squeezedMessages(
+  messages: Map<string, MessageRecord>,
+  sess: SessionRecord,
+  untilId?: string,
+): MessageRecord[] {
+  const ids = prefixIds(sess.messageIds, untilId)
+  if (ids.length <= WINDOW_SIZE) return []
+  const end = ids.length - WINDOW_SIZE
+  const upTo = constraintsWatermark(sess)
+  const last = messages.get(ids[end - 1])
+  if (last && last.seq <= upTo) return []
+  const out: MessageRecord[] = []
+  for (let i = 0; i < end; i++) {
+    const m = messages.get(ids[i])
+    if (!m || m.seq <= upTo) continue
+    out.push(m)
+  }
+  return out
+}
+
+/** 说话人展示名（折叠输入 / transcript 共用）。 */
+export function speakerLabel(speaker: string, roleName?: string): string {
+  if (speaker === 'user') return '用户'
+  if (speaker === 'system') return '系统'
+  return roleName || '成员'
+}
+
+/** 单条消息压成 transcript 行（正文 8k + 工具一行摘要）。 */
+export function formatTranscriptLine(m: MessageRecord, name: string): string {
+  let text = m.text || ''
+  if (text.length > 8000) text = text.slice(0, 8000) + '…(已截断)'
+  let line = '【' + name + '】' + text
+  if (Array.isArray(m.toolCalls)) {
+    for (const c of m.toolCalls) {
+      if (!c || typeof c.tool !== 'string') continue
+      let brief = ''
+      try {
+        brief = JSON.stringify(c.args) || ''
+      } catch {
+        brief = ''
+      }
+      if (brief.length > 60) brief = brief.slice(0, 60) + '…'
+      const st = c.status === 'ok' ? '成功' : c.status === 'denied' ? '用户拒绝' : '失败'
+      let ob = String(c.output || '')
+      if (ob.length > TRANSCRIPT_TOOL_SUMMARY) ob = ob.slice(0, TRANSCRIPT_TOOL_SUMMARY) + '…'
+      line += '\n  [工具] ' + c.tool + ' ' + brief + ' → ' + st + (ob ? '（' + ob.replace(/\s+/g, ' ') + '）' : '')
+    }
+  }
+  return line
+}
+
+/**
+ * 单轮折叠消耗前缀：从最旧挤出起，最多 40 条 / 16k；系统行与失败卡计入消耗但不进模型。
+ * 水位只能推到 consumed 的 max seq，剩余留待下一轮。
+ */
+export function takeFoldBatch(squeezed: MessageRecord[], nameOf: (m: MessageRecord) => string): {
+  consumed: MessageRecord[]
+  lines: string[]
+  hasUser: boolean
+  allSystem: boolean
+} {
+  const consumed: MessageRecord[] = []
+  const lines: string[] = []
+  let hasUser = false
+  let chars = 0
+  for (const m of squeezed) {
+    if (m.speaker === 'system' || m.error) {
+      consumed.push(m)
+      if (consumed.length >= FOLD_MAX_MESSAGES) break
+      continue
+    }
+    const line = formatTranscriptLine(m, nameOf(m))
+    const extra = line.length + (lines.length ? 2 : 0)
+    if (lines.length > 0 && chars + extra > FOLD_MAX_CHARS) break
+    if (m.speaker === 'user') hasUser = true
+    lines.push(line)
+    chars += extra
+    consumed.push(m)
+    if (consumed.length >= FOLD_MAX_MESSAGES) break
+  }
+  return { consumed, lines, hasUser, allSystem: lines.length === 0 }
+}
+
+/**
+ * 未折入的挤出原文（失败缓冲）：只格式化最近 20 条，再按 16k 从最旧往下丢。
+ */
+export function tempTranscript(squeezed: MessageRecord[], nameOf: (m: MessageRecord) => string): string {
+  if (!squeezed.length) return ''
+  const usable = squeezed.filter((m) => m.speaker !== 'system' && !m.error)
+  if (!usable.length) return ''
+  const batch = usable.length > TEMP_MAX_MESSAGES ? usable.slice(-TEMP_MAX_MESSAGES) : usable
+  const lines = batch.map((m) => formatTranscriptLine(m, nameOf(m)))
+  let start = 0
+  let total = lines[0] ? lines[0].length : 0
+  for (let i = 1; i < lines.length; i++) {
+    total += 2 + lines[i].length
+  }
+  while (start < lines.length - 1 && total > TEMP_MAX_CHARS) {
+    total -= lines[start].length + 2
+    start++
+  }
+  let block = lines.slice(start).join('\n\n')
+  if (block.length > TEMP_MAX_CHARS) block = block.slice(0, TEMP_MAX_CHARS) + '…(已截断)'
+  return block
+}
+
+/** 水位 = 本批挤出的 max(seq)；空批为 0。 */
+export function squeezedMaxSeq(squeezed: MessageRecord[]): number {
+  let max = 0
+  for (const m of squeezed) if (m.seq > max) max = m.seq
+  return max
+}
+
+/** hydrate / 模型输出：非法 kind 丢条目；空 text 丢；条数与总长截断。 */
+export function sanitizeConstraints(raw: unknown): SessionConstraint[] {
+  if (!Array.isArray(raw)) return []
+  const out: SessionConstraint[] = []
+  let total = 0
+  for (const item of raw) {
+    if (out.length >= CONSTRAINT_MAX_ITEMS) break
+    if (!item || typeof item !== 'object') continue
+    const kind = asConstraintKind((item as { kind?: unknown }).kind)
+    const text = typeof (item as { text?: unknown }).text === 'string' ? (item as { text: string }).text.trim() : ''
+    if (!kind || !text) continue
+    const clipped = text.length > CONSTRAINT_ITEM_MAX_CHARS ? text.slice(0, CONSTRAINT_ITEM_MAX_CHARS) + '…' : text
+    const cost = KIND_LABEL[kind].length + clipped.length
+    if (total + cost > CONSTRAINT_MAX_CHARS) break
+    out.push({ kind, text: clipped })
+    total += cost
+  }
+  return out
+}
+
+/**
+ * 解析折叠模型输出。null = 解析失败（水位不推）；[] = 无新结论（水位推、备忘不动）。
+ */
+export function parseConstraints(raw: string): SessionConstraint[] | null {
+  const o = looseJson(raw.replace(/```(?:json)?/g, ''))
+  if (o === null) return null
+  if (!Object.prototype.hasOwnProperty.call(o, 'constraints')) return null
+  if (!Array.isArray(o.constraints)) return null
+  return sanitizeConstraints(o.constraints)
+}
+
+/** 本批无用户消息时，新的已定/否决降为未决。 */
+export function downgradeWithoutUser(list: SessionConstraint[], hasUser: boolean): SessionConstraint[] {
+  if (hasUser) return list
+  return list.map((c) => c.kind === 'open' ? c : { kind: 'open', text: c.text })
+}
+
+/** system 提示词「已确认约束」块；空则空串。 */
+export function constraintBlock(list: SessionConstraint[] | undefined): string {
+  if (!list || !list.length) return ''
+  const lines = list.map((c) => '- ' + KIND_LABEL[c.kind] + '：' + c.text)
+  return '\n# 已确认约束\n' + lines.join('\n')
+}