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

package/src/client/components/NavPanel.tsx

@@ -1,5 +1,5 @@
 /**
- * 左侧导航栏组件
+ * 左侧导航栏组件（群组 → 会话目录树；群组行与会话行共用重命名/删除三件套）。
  * @module dsh-group-chat/client/components
  */
 
@@ -8,6 +8,9 @@ import { Icon, P } from '../lib/ui.ts'
 import { HoverTip } from './HoverTip.tsx'
 import { groupById, sessById, sessStatus, SESS_STATUS_LABEL, type ClientSnapshot } from '../lib/model.ts'
 
+/** 目录树节点编辑态形状（群组/会话共用）。 */
+type NodeEdit = { kind: 'group' | 'session', id: string, value: string }
+
 interface NavPanelProps {
   snap: ClientSnapshot
   search: string
@@ -19,14 +22,55 @@ interface NavPanelProps {
   setGid: (val: string) => void
   setSid: (val: string) => void
   setPartsSel: (val: string[] | null) => void
-  renameDraft: { kind: 'group' | 'session', id: string, value: string } | null
-  setRenameDraft: (val: { kind: 'group' | 'session', id: string, value: string } | null) => void
+  renameDraft: NodeEdit | null
+  setRenameDraft: (val: NodeEdit | null) => void
   confirmDel: { kind: 'group' | 'session', id: string } | null
   setConfirmDel: (val: { kind: 'group' | 'session', id: string } | null) => void
   mutate: (args: Record<string, unknown>) => Promise<unknown>
   navOpen: boolean
 }
 
+/** 内联重命名输入（群组行/会话行同款）。 */
+function RenameField(props: { draft: NodeEdit, set: (d: NodeEdit | null) => void, commit: () => void, keyDown: (e: ReactKeyboardEvent<HTMLInputElement>) => void }): ReactNode {
+  const { draft, set, commit, keyDown } = props
+  return (
+    <input
+      className="dsgc-rename"
+      value={draft.value}
+      autoFocus
+      onChange={(e) => { set({ kind: draft.kind, id: draft.id, value: e.target.value }) }}
+      onBlur={() => { commit() }}
+      onKeyDown={keyDown}
+      onClick={(e) => { e.stopPropagation() }}
+    />
+  )
+}
+
+/** 行尾操作钮：重命名 + 两次点击确认删除（群组行/会话行同款）。 */
+function NodeOps(props: { renameLabel: string, deleteLabel: string, deleteTitle: string, danger: boolean, onRename: () => void, onDelete: () => void }): ReactNode {
+  const { renameLabel, deleteLabel, deleteTitle, danger, onRename, onDelete } = props
+  return (
+    <span className="dsgc-nodeops">
+      <button
+        className="dsgc-opbtn"
+        title={renameLabel}
+        aria-label={renameLabel}
+        onClick={(e) => { e.stopPropagation(); onRename() }}
+      >
+        {Icon(P.IconEditOutline16, 14)}
+      </button>
+      <button
+        className={'dsgc-opbtn' + (danger ? ' danger' : '')}
+        title={deleteTitle}
+        aria-label={deleteLabel}
+        onClick={(e) => { e.stopPropagation(); onDelete() }}
+      >
+        {Icon(P.IconTrashOutline16, 14)}
+      </button>
+    </span>
+  )
+}
+
 export function NavPanel(props: NavPanelProps): ReactNode {
   const { snap, search, setSearch, collapsedGroups, setCollapsedGroups, gid, sid, setGid, setSid, setPartsSel, renameDraft, setRenameDraft, confirmDel, setConfirmDel, mutate, navOpen } = props
 
@@ -58,6 +102,22 @@ export function NavPanel(props: NavPanelProps): ReactNode {
     else await mutate({ op: 'deleteSession', sessionId: d.id })
   }
 
+  // 选中即清编辑态（四连调用收敛为一处）
+  const clearEdits = (): void => {
+    setPartsSel(null)
+    setConfirmDel(null)
+    setRenameDraft(null)
+  }
+  const pickGroup = (id: string): void => {
+    setGid(id)
+    clearEdits()
+  }
+  const pickSession = (gidToSet: string, sidToSet: string): void => {
+    setGid(gidToSet)
+    setSid(sidToSet)
+    clearEdits()
+  }
+
   const q = search.trim().toLowerCase()
   const groupMatches = (g: ClientSnapshot['groups'][number]): { show: boolean, filterSessions: boolean } => {
     if (!q) return { show: true, filterSessions: false }
@@ -67,6 +127,7 @@ export function NavPanel(props: NavPanelProps): ReactNode {
   }
 
   const group = gid ? groupById(snap, gid) : null
+  const selected = sid ? sessById(snap, sid) : null
 
   const treeNodes: ReactNode[] = []
   for (const g of snap.groups) {
@@ -76,14 +137,13 @@ export function NavPanel(props: NavPanelProps): ReactNode {
     const isRenameGroup = renameDraft && renameDraft.kind === 'group' && renameDraft.id === g.id
     const isConfirmGroup = confirmDel && confirmDel.kind === 'group' && confirmDel.id === g.id
     const groupChildren: ReactNode[] = []
-    
+
     if (expanded) {
       for (const sessionId of g.sessionIds) {
         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
         // 会话状态（对齐主 GUI StateDot：idle 不渲染点）
@@ -95,11 +155,11 @@ export function NavPanel(props: NavPanelProps): ReactNode {
             className={'dsgc-sess-row' + (isActive ? ' on' : '')}
             role="button"
             tabIndex={0}
-            onClick={() => { setGid(g.id); setSid(s.id); setPartsSel(null); setConfirmDel(null); setRenameDraft(null) }}
+            onClick={() => { 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)
               }
             }}
           >
@@ -114,66 +174,45 @@ export function NavPanel(props: NavPanelProps): ReactNode {
                 : null}
             </span>
             {isRenameSess
-              ? (
-                <input
-                  className="dsgc-rename"
-                  value={renameDraft!.value}
-                  autoFocus
-                  onChange={(e) => { setRenameDraft({ kind: 'session', id: s.id, value: e.target.value }) }}
-                  onBlur={() => { void commitRename() }}
-                  onKeyDown={renameKeyDown}
-                  onClick={(e) => { e.stopPropagation() }}
-                />
-                )
+              ? <RenameField draft={renameDraft!} set={setRenameDraft} commit={() => { void commitRename() }} keyDown={renameKeyDown} />
               : (
                 <HoverTip label={s.name} side="right" delayMs={500} className="dsgc-sess-name">
                   {s.name}
                 </HoverTip>
                 )}
-            <span className="dsgc-nodeops">
-              <button
-                className="dsgc-opbtn"
-                title="重命名会话"
-                aria-label="重命名会话"
-                onClick={(e) => { e.stopPropagation(); setRenameDraft({ kind: 'session', id: s.id, value: s.name }) }}
-              >
-                {Icon(P.IconEditOutline16, 14)}
-              </button>
-              <button
-                className={'dsgc-opbtn' + (isConfirm ? ' danger' : '')}
-                title={isConfirm ? '再次点击确认删除' : '删除会话'}
-                aria-label="删除会话"
-                onClick={(e) => {
-                  e.stopPropagation()
-                  if (isConfirm) void doDelete()
-                  else setConfirmDel({ kind: 'session', id: s.id })
-                }}
-              >
-                {Icon(P.IconTrashOutline16, 14)}
-              </button>
-            </span>
+            <NodeOps
+              renameLabel="重命名会话"
+              deleteLabel="删除会话"
+              deleteTitle={isConfirm ? '再次点击确认删除' : '删除会话'}
+              danger={!!isConfirm}
+              onRename={() => { setRenameDraft({ kind: 'session', id: s.id, value: s.name }) }}
+              onDelete={() => {
+                if (isConfirm) void doDelete()
+                else setConfirmDel({ kind: 'session', id: s.id })
+              }}
+            />
           </div>,
         )
       }
-      
+
       groupChildren.push(
         <button key="__add" className="dsgc-addsess" onClick={() => { void mutate({ op: 'createSession', groupId: g.id }) }}>
           {Icon(P.IconPlusOutline16, 14)}新会话
         </button>,
       )
     }
-    
+
     treeNodes.push(
       <div key={g.id} className="dsgc-gnode">
         <div
           className={'dsgc-grow-row' + (g.id === group?.id ? ' on' : '')}
           role="button"
           tabIndex={0}
-          onClick={() => { setGid(g.id); setPartsSel(null); setConfirmDel(null); setRenameDraft(null) }}
+          onClick={() => { 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)
             }
           }}
         >
@@ -194,40 +233,19 @@ export function NavPanel(props: NavPanelProps): ReactNode {
             {Icon(P.IconChevronDownOutline14, 14)}
           </button>
           {isRenameGroup
-            ? (
-              <input
-                className="dsgc-rename"
-                value={renameDraft!.value}
-                autoFocus
-                onChange={(e) => { setRenameDraft({ kind: 'group', id: g.id, value: e.target.value }) }}
-                onBlur={() => { void commitRename() }}
-                onKeyDown={renameKeyDown}
-                onClick={(e) => { e.stopPropagation() }}
-              />
-              )
+            ? <RenameField draft={renameDraft!} set={setRenameDraft} commit={() => { void commitRename() }} keyDown={renameKeyDown} />
             : <span className="dsgc-gname">{g.name}</span>}
-          <span className="dsgc-nodeops">
-            <button
-              className="dsgc-opbtn"
-              title="重命名群组"
-              aria-label="重命名群组"
-              onClick={(e) => { e.stopPropagation(); setRenameDraft({ kind: 'group', id: g.id, value: g.name }) }}
-            >
-              {Icon(P.IconEditOutline16, 14)}
-            </button>
-            <button
-              className={'dsgc-opbtn' + (isConfirmGroup ? ' danger' : '')}
-              title={isConfirmGroup ? '再次点击确认删除' : '删除群组'}
-              aria-label="删除群组"
-              onClick={(e) => {
-                e.stopPropagation()
-                if (isConfirmGroup) void doDelete()
-                else setConfirmDel({ kind: 'group', id: g.id })
-              }}
-            >
-              {Icon(P.IconTrashOutline16, 14)}
-            </button>
-          </span>
+          <NodeOps
+            renameLabel="重命名群组"
+            deleteLabel="删除群组"
+            deleteTitle={isConfirmGroup ? '再次点击确认删除' : '删除群组'}
+            danger={!!isConfirmGroup}
+            onRename={() => { setRenameDraft({ kind: 'group', id: g.id, value: g.name }) }}
+            onDelete={() => {
+              if (isConfirmGroup) void doDelete()
+              else setConfirmDel({ kind: 'group', id: g.id })
+            }}
+          />
         </div>
         {expanded ? <div className="dsgc-sess-list">{groupChildren}</div> : null}
       </div>,

package/src/client/components/RoleDrawer.tsx

@@ -3,31 +3,38 @@
  * @module dsh-group-chat/client/drawer
  */
 
-import { useEffect, useState, type ReactNode } from 'react'
+import { useEffect, useRef, useState, type ReactNode } from 'react'
 import { Icon, P } from '../lib/ui.ts'
 import { api } from '../lib/api.ts'
 import { PALETTE, type EffortsResponse, type ModelsResponse, type RoleDraft } from '../lib/model.ts'
+import type { MutateResponse } from '../hooks/useGroupChatState.ts'
 
 export interface RoleDrawerProps {
   draft: RoleDraft
   set: (draft: RoleDraft) => void
+  /** 保存目标群组（upsertRole 落库）。 */
+  groupId: string
   models: ModelsResponse | null
   modelsError: string | null
   onRetryModels: () => void
-  onSave: () => void
+  mutate: (args: Record<string, unknown>) => Promise<unknown>
   onCancel: () => void
-  formError: string
 }
 
 export function RoleDrawer(props: RoleDrawerProps): ReactNode {
-  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] = useState(false)
+  // Esc 监听挂在空依赖上，闭包看的是首帧 closing（恒 false）——用 ref 挡住
+  // 退场动画窗口内的重复触发
+  const closingRef = useRef(false)
+  const [formError, setFormError] = useState('')
   const [effortsInfo, setEffortsInfo] = useState<EffortsResponse | null>(null)
   const close = (): void => {
-    if (closing) return
+    if (closingRef.current) return
+    closingRef.current = true
     setClosing(true)
     window.setTimeout(() => props.onCancel(), 140)
   }
@@ -37,6 +44,21 @@ export function RoleDrawer(props: RoleDrawerProps): ReactNode {
     // 换模型路线后旧推理级别失效，重置为默认
     set(Object.assign({}, draft, { provider: p, model: list.length ? list[0].id : '', reasoningEffort: 'default' }))
   }
+  /** 保存（校验在本地，落库经 mutate；失败文案与原实现逐字一致）。 */
+  const save = async (): Promise<void> => {
+    if (!draft.name.trim()) {
+      setFormError('角色名称不能为空')
+      return
+    }
+    if (!draft.provider || !draft.model) {
+      setFormError('请选择角色绑定的模型')
+      return
+    }
+    const res = await props.mutate({ op: 'upsertRole', groupId, role: draft }) as MutateResponse | null
+    if (res && res.ok && res.snapshot && !res.snapshot.error) {
+      props.onCancel()
+    }
+  }
   useEffect(() => {
     const onKey = (e: KeyboardEvent): void => { if (e.key === 'Escape') close() }
     document.addEventListener('keydown', onKey)
@@ -174,12 +196,12 @@ export function RoleDrawer(props: RoleDrawerProps): ReactNode {
               </div>
               )
             : null}
-          {props.formError ? <div className="dsgc-formerr">{props.formError}</div> : null}
+          {formError ? <div className="dsgc-formerr">{formError}</div> : null}
         </div>
       </div>
       <div className="dsgc-drawerfoot">
         <P.Button variant="outline" onClick={close}>取消</P.Button>
-        <P.Button variant="primary" onClick={props.onSave}>{draft.id ? '保存' : '添加'}</P.Button>
+        <P.Button variant="primary" onClick={() => { void save() }}>{draft.id ? '保存' : '添加'}</P.Button>
       </div>
     </div>
   )

package/src/client/components/ToolRow.tsx

@@ -5,12 +5,12 @@
 
 import { useState, type ReactNode } from 'react'
 import { Icon, P, pickPrimitive } from '../lib/ui.ts'
-import type { ToolCallView } from '../lib/model.ts'
+import type { ToolCallRecord } from '../../core/types.ts'
 import { ClipWell, Fold } from './Fold.tsx'
 
 const TOOL_ICONS: Record<string, string> = { read_file: 'IconBrowseOutline16', list_dir: 'IconFolderOpenOutline16', run_command: 'IconCodeOutline16' }
 
-export function ToolRow(props: { c: ToolCallView }): ReactNode {
+export function ToolRow(props: { c: ToolCallRecord }): ReactNode {
   const c = props.c
   const [expanded, setExpanded] = useState(false)
   let brief = ''

package/src/client/hooks/useComposer.ts

@@ -127,14 +127,14 @@ export function useMentionChip(
   setMentionIdx: (val: number) => void,
   syncFromDOM: () => void,
 ) {
-  /** 弹层候选 → 删掉光标前的 @词、插入原子芯片 + 尾随空格 */
-  const insertChip = useCallback((role: SnapshotRole): void => {
+  /** 弹层候选 → 删掉光标前的 @词、插入带 data-new 标记的芯片 + 尾随空格。 */
+  const insertChipHtml = useCallback((html: string): void => {
     const el = inputRef.current
     const sel = window.getSelection()
     if (!el || !sel) return
     if (!sel.anchorNode || !el.contains(sel.anchorNode)) return
     el.focus({ preventScroll: true })
-    
+
     // 1. 删除光标前的 @token（包括引号）
     const node = sel.anchorNode
     if (node.nodeType === Node.TEXT_NODE) {
@@ -157,12 +157,13 @@ export function useMentionChip(
         }
       }
     }
-    
-    // 2. 插入芯片
-    execCommand('insertHTML', chipHtml(role).replace('class="dsgc-chipin"', 'class="dsgc-chipin" data-new=""'))
+
+    // 2. 插入芯片（fresh 标记：部分浏览器把选区落进 contenteditable=false 芯片内部，
+    //    曾致空格丢失与光标不可见）
+    execCommand('insertHTML', html)
     const chip = el.querySelector<HTMLElement>('.dsgc-chipin[data-new]')
     if (!chip) return
-    
+
     // 3. 选区显式钉到芯片之后，再补尾随空格
     const after = document.createRange()
     after.setStartAfter(chip)
@@ -176,53 +177,13 @@ export function useMentionChip(
     syncFromDOM()
   }, [inputRef, setMention, setMentionIdx, syncFromDOM])
 
+  const insertChip = useCallback((role: SnapshotRole): void => {
+    insertChipHtml(chipHtml(role, true))
+  }, [insertChipHtml])
+
   const insertFileChip = useCallback((path: string, kind: 'file' | 'directory'): void => {
-    const el = inputRef.current
-    const sel = window.getSelection()
-    if (!el || !sel) return
-    if (!sel.anchorNode || !el.contains(sel.anchorNode)) return
-    el.focus({ preventScroll: true })
-    
-    // 1. 删除光标前的 @token（包括引号）
-    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')
-        }
-      }
-    }
-    
-    // 2. 插入文件芯片
-    execCommand('insertHTML', fileChipHtml(path, kind).replace('class="dsgc-chipin dsgc-chipin-file"', 'class="dsgc-chipin dsgc-chipin-file" data-new=""'))
-    const chip = el.querySelector<HTMLElement>('.dsgc-chipin[data-new]')
-    if (!chip) return
-    
-    // 3. 选区显式钉到芯片之后，再补尾随空格
-    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])
 
   return { insertChip, insertFileChip }
 }

package/src/client/hooks/useGroupChatState.ts

@@ -70,17 +70,12 @@ export function useGroupChatState() {
   const [confirmDel, setConfirmDel] = useState<{ kind: 'group' | 'session', id: string } | null>(null)
   const [confirmClear, setConfirmClear] = useState(false)
   const [topicDraft, setTopicDraft] = useState<string | null>(null)
-  const [wsDraft, setWsDraft] = useState<string | null>(null)
-  
-  // 角色编辑
+
+  // 角色编辑（models 目录与保存/校验态在 RoleDrawer 内自理）
   const [roleDraft, setRoleDraft] = useState<RoleDraft | null>(null)
-  const [roleFormError, setRoleFormError] = useState('')
   const [models, setModels] = useState<ModelsResponse | null>(null)
   const [modelsError, setModelsError] = useState<string | null>(null)
   
-  // 文件浏览器
-  const [fileBrowser, setFileBrowser] = useState<{ open: boolean, loading: boolean, list: import('../../core/types.ts').BrowseResult | null, error: string } | null>(null)
-  
   // 参与角色选择
   const [partsSel, setPartsSel] = useState<string[] | null>(null)
   const [rounds, setRounds] = useState(1)
@@ -174,16 +169,10 @@ export function useGroupChatState() {
     setConfirmClear,
     roleDraft,
     setRoleDraft,
-    roleFormError,
-    setRoleFormError,
     models,
     setModels,
     modelsError,
     setModelsError,
-    fileBrowser,
-    setFileBrowser,
-    wsDraft,
-    setWsDraft,
     partsSel,
     setPartsSel,
     rounds,

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/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

@@ -3,6 +3,7 @@
  * @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'
 
@@ -182,18 +183,11 @@ export function sanitizeConstraints(raw: unknown): SessionConstraint[] {
  * 解析折叠模型输出。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
-  }
+  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)
 }
 
 /** 本批无用户消息时，新的已定/否决降为未决。 */

package/src/core/errors.ts

@@ -111,17 +111,7 @@ export function repairFailedMessage(
   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
-  }
-}
+import { looseJson } from './json.ts'
 
 function httpStatus(text: string): number | null {
   const m = text.match(/\b([1-5]\d{2})\b/)
@@ -141,7 +131,7 @@ function resetHint(message: string): string | undefined {
  */
 export function classifySpeakFailure(raw: string): SpeakFailureView {
   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

package/src/core/json.ts

@@ -27,3 +27,20 @@ export function roleJson(r: Partial<RoleRecord>): Record<string, unknown> {
   if (typeof r.reasoningEffort === 'string' && r.reasoningEffort && r.reasoningEffort !== 'default') o.reasoningEffort = r.reasoningEffort
   return o
 }
+
+/**
+ * 宽容 JSON 提取（模型输出/供应商错误原文的统一解析入口）：
+ * 取首个 { 至末个 } 的片段解析，仅接受普通对象；失败返回 null。
+ * 代码围栏剥离由调用方按需先行处理（供应商错误原文不剥）。
+ */
+export function looseJson(raw: string): Record<string, unknown> | null {
+  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)) as unknown
+    return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed as Record<string, unknown> : null
+  } catch {
+    return null
+  }
+}