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

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}',
@@ -309,7 +370,7 @@ export function injectStyles(): void {
   if (typeof document === 'undefined') return
   if (document.querySelector('style[data-plugin-css=' + JSON.stringify(TAG_ID) + ']') === null) {
     const tag = document.createElement('style')
-    tag.dataset.plugin = 'dsh-group-chat'
+    tag.dataset.plugin = '@roaming-ai/dsh-group-chat'
     tag.dataset.pluginCss = TAG_ID
     tag.textContent = CSS
     document.head.appendChild(tag)

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/core/constraints.ts

@@ -0,0 +1,210 @@
+/**
+ * 会话约束备忘纯逻辑：滑动 40 条窗口、挤出集、压行、临时原文、解析与截断。
+ * @module dsh-group-chat/core/constraints
+ */
+
+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 body = raw.replace(/```(?:json)?/g, '')
+  const l = body.indexOf('{')
+  const r = body.lastIndexOf('}')
+  if (l < 0 || r <= l) return null
+  try {
+    const o = JSON.parse(body.slice(l, r + 1)) as { constraints?: unknown }
+    if (!Object.prototype.hasOwnProperty.call(o, 'constraints')) return null
+    if (!Array.isArray(o.constraints)) return null
+    return sanitizeConstraints(o.constraints)
+  } catch {
+    return null
+  }
+}
+
+/** 本批无用户消息时，新的已定/否决降为未决。 */
+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')
+}

package/src/core/errors.ts

@@ -0,0 +1,184 @@
+/**
+ * 角色发言失败：供应商原文 → 人话标题/原因（core 纯函数，无 React）。
+ * 原始 JSON 仍落盘在消息 text 里，UI 默认只展示短因，展开才看原文。
+ * @module dsh-group-chat/core/errors
+ */
+
+export interface SpeakFailureView {
+  /** 一行标题，例如「额度已用尽」。 */
+  title: string
+  /** 可选短因：重置时间、HTTP 状态等。 */
+  detail?: string
+  /** 复制/排障用的供应商原文（已剥「模型输出异常终止: 」前缀）。 */
+  raw: string
+}
+
+const PREFIX = '模型输出异常终止: '
+const LEGACY_ROLE = /^角色「([^」]+)」发言失败[:：]\s*/
+
+/** 剥旧系统胶囊与引擎包装前缀，保留供应商原文。 */
+export function unwrapSpeakFailure(raw: string): string {
+  const text = String(raw || '').trim()
+  const legacy = parseLegacyRoleFailure(text)
+  const body = legacy ? legacy.rest : text
+  return body.startsWith(PREFIX) ? body.slice(PREFIX.length).trim() : body
+}
+
+/** 旧系统胶囊文案：角色「名」发言失败：原文。对不上则 null。 */
+export function parseLegacyRoleFailure(text: string): { roleName: string, rest: string } | null {
+  const m = LEGACY_ROLE.exec(String(text || ''))
+  if (!m) return null
+  return { roleName: m[1], rest: String(text).slice(m[0].length) }
+}
+
+export interface RoleRef {
+  id: string
+  name: string
+  provider?: string
+  model?: string
+}
+
+export interface FailedMessageRef {
+  speaker: string
+  text: string
+  error?: boolean
+  failedRoleId?: string
+}
+
+/** 发言失败卡：error 标记，或旧系统胶囊文案。 */
+export function isSpeakFailure(m: FailedMessageRef): boolean {
+  return !!m.error || !!parseLegacyRoleFailure(m.text)
+}
+
+/** 失败回合对应角色：failedRoleId / speaker / 旧文案里的角色名（恰好一名才命中）。 */
+export function resolveFailedRole<T extends RoleRef>(m: FailedMessageRef, roles: T[]): T | null {
+  const byId = (id: string | undefined): T | null => {
+    if (!id) return null
+    for (const r of roles) if (r.id === id) return r
+    return null
+  }
+  const direct = byId(m.failedRoleId) || (m.speaker !== 'user' && m.speaker !== 'system' ? byId(m.speaker) : null)
+  if (direct) return direct
+  const parsed = parseLegacyRoleFailure(m.text)
+  if (!parsed) return null
+  const hits = roles.filter((r) => r.name === parsed.roleName)
+  return hits.length === 1 ? hits[0] : null
+}
+
+/**
+ * 把旧系统失败行挂到对应角色（恰好一名命中才迁）。
+ * 返回是否改写了记录。
+ */
+export function repairFailedMessage(
+  m: { speaker: string, text: string, error?: boolean, failedRoleId?: string, model?: string },
+  roles: RoleRef[],
+): boolean {
+  if (!isSpeakFailure(m)) return false
+  let changed = false
+  if (!m.error) {
+    m.error = true
+    changed = true
+  }
+  if (!m.failedRoleId && m.speaker !== 'user' && m.speaker !== 'system') {
+    m.failedRoleId = m.speaker
+    changed = true
+  }
+  if (!m.failedRoleId && m.speaker === 'system') {
+    const parsed = parseLegacyRoleFailure(m.text)
+    if (parsed) {
+      const hits = roles.filter((r) => r.name === parsed.roleName)
+      if (hits.length === 1) {
+        const role = hits[0]
+        m.speaker = role.id
+        m.failedRoleId = role.id
+        m.text = unwrapSpeakFailure(parsed.rest)
+        if (!m.model && (role.provider || role.model)) m.model = (role.provider || '') + ' / ' + (role.model || '')
+        changed = true
+      }
+    }
+  } else if (m.failedRoleId && m.speaker === 'system') {
+    m.speaker = m.failedRoleId
+    changed = true
+  }
+  // 对不上角色时保留「角色「名」发言失败」原文，客户端才能再解析。
+  if (m.failedRoleId || (m.speaker !== 'user' && m.speaker !== 'system')) {
+    const unwrapped = unwrapSpeakFailure(m.text)
+    if (unwrapped !== m.text) {
+      m.text = unwrapped
+      changed = true
+    }
+  }
+  return changed
+}
+
+function pickJsonBlob(text: string): Record<string, unknown> | null {
+  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)) as unknown
+    return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed as Record<string, unknown> : null
+  } catch {
+    return null
+  }
+}
+
+function httpStatus(text: string): number | null {
+  const m = text.match(/\b([1-5]\d{2})\b/)
+  if (!m) return null
+  const n = Number(m[1])
+  return n >= 100 && n <= 599 ? n : null
+}
+
+function resetHint(message: string): string | undefined {
+  const m = message.match(/reset at ([^.]+\S)/i) || message.match(/将在\s*([^\s。]+)\s*重置/)
+  return m ? '将在 ' + m[1] + ' 重置' : undefined
+}
+
+/**
+ * 把供应商错误压成可扫描的标题 + 短因。
+ * 未知形态回退为「发言失败」，原文仍可展开。
+ */
+export function classifySpeakFailure(raw: string): SpeakFailureView {
+  const source = unwrapSpeakFailure(raw)
+  const blob = pickJsonBlob(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
+  const status = httpStatus(source)
+  const joined = (code + ' ' + type + ' ' + message + ' ' + source).toLowerCase()
+
+  if (/quota|accountquotaexceeded|exceeded the .*quota|额度|配额/.test(joined) || code === 'AccountQuotaExceeded') {
+    return { title: '额度已用尽', detail: resetHint(message), raw: source }
+  }
+  if (status === 429 || /too.?many.?requests|rate.?limit|限流/.test(joined) || type === 'TooManyRequests') {
+    return { title: '请求过于频繁', detail: '稍后再试，或降低并发', raw: source }
+  }
+  if (status === 401 || status === 403 || /unauthorized|forbidden|invalid.?api.?key|鉴权|未授权/.test(joined)) {
+    return { title: '模型鉴权失败', detail: '检查该角色绑定的提供方密钥', raw: source }
+  }
+  if (status === 404 || /model.?not.?found|unknown.?model|模型不存在/.test(joined)) {
+    return { title: '模型不可用', detail: '该角色绑定的模型可能已下线', raw: source }
+  }
+  if (/timeout|timed out|etimedout|超时/.test(joined)) {
+    return { title: '模型响应超时', raw: source }
+  }
+  if (/network|econnreset|econnrefused|enotfound|fetch failed|网络/.test(joined)) {
+    return { title: '网络异常', detail: '检查网络后重试', raw: source }
+  }
+  if (status !== null && status >= 500) {
+    return { title: '模型服务暂时不可用', detail: 'HTTP ' + status, raw: source }
+  }
+  if (status !== null) {
+    return { title: '发言失败', detail: 'HTTP ' + status, raw: source }
+  }
+  return { title: '发言失败', raw: source }
+}
+
+/** 失败卡默认复制内容：标题 + 短因 + 原文。 */
+export function formatSpeakFailureCopy(view: SpeakFailureView): string {
+  const lines = [view.title]
+  if (view.detail) lines.push(view.detail)
+  if (view.raw && view.raw !== view.title) lines.push(view.raw)
+  return lines.join('\n')
+}

package/src/core/json.ts

@@ -14,6 +14,7 @@ export function messageJson(m: Partial<MessageRecord> | undefined): Record<strin
   if (m.reasoningFull !== undefined) o.reasoningFull = m.reasoningFull
   if (m.thinkingSummary !== undefined) o.thinkingSummary = m.thinkingSummary
   if (m.error !== undefined) o.error = m.error
+  if (typeof m.failedRoleId === 'string' && m.failedRoleId) o.failedRoleId = m.failedRoleId
   if (Array.isArray(m.toolCalls) && m.toolCalls.length > 0) o.toolCalls = m.toolCalls
   return o
 }