chatCrossClientSync.test.ts 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425
  1. import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
  2. import { createPinia, setActivePinia } from 'pinia'
  3. import type { TranscriptSnapshot } from '@shared/chatTranscript'
  4. import type { RpcEventFrame, RealtimeConnectionState } from '@shared/types'
  5. const wire = vi.hoisted(() => ({
  6. event: undefined as ((e: RpcEventFrame['params']) => void) | undefined,
  7. state: undefined as ((s: RealtimeConnectionState) => void) | undefined,
  8. request: vi.fn(),
  9. clients: [] as any[],
  10. owner: 0,
  11. supported: true,
  12. }))
  13. const api = vi.hoisted(() => ({ messages: vi.fn(), sessions: vi.fn() }))
  14. vi.mock('@/api/realtime', () => ({
  15. RpcError: class extends Error {},
  16. ChatRpcSocket: class {
  17. get transcriptSupported() {
  18. return wire.supported
  19. }
  20. onEvent(f: typeof wire.event) {
  21. wire.event = f
  22. }
  23. onState(f: typeof wire.state) {
  24. wire.state = f
  25. }
  26. async connect() {
  27. wire.state?.('ready')
  28. }
  29. close() {}
  30. async request(...args: unknown[]) {
  31. return wire.request(...args)
  32. }
  33. },
  34. }))
  35. vi.mock('@/api/chatTranscript', () => ({
  36. ChatTranscriptClient: class {
  37. close = vi.fn()
  38. loadOlder = vi.fn()
  39. restore = vi.fn()
  40. run = vi.fn()
  41. constructor(
  42. readonly profile: string,
  43. readonly id: string,
  44. readonly changed: (value: TranscriptSnapshot) => Promise<void>,
  45. readonly failed: (error: Error) => void,
  46. ) {
  47. wire.clients.push(this)
  48. }
  49. },
  50. }))
  51. vi.mock('@/api/sessions', () => ({
  52. getMessages: api.messages,
  53. getSessions: api.sessions,
  54. getSession: vi.fn(),
  55. deleteSession: vi.fn(),
  56. getSessionUnread: vi.fn(),
  57. markSessionRead: vi.fn(),
  58. updateSession: vi.fn(),
  59. requestHistorySync: vi.fn(),
  60. }))
  61. vi.mock('@/api/profiles', () => ({ getModels: vi.fn() }))
  62. vi.mock('@/stores/auth', () => ({
  63. useAuthStore: () => ({
  64. user: { id: `v2-viewer-${wire.owner}` },
  65. activeProfile: { name: 'p' },
  66. status: 'authenticated',
  67. isAuthenticated: true,
  68. }),
  69. }))
  70. import { useChatStore } from '@/stores/chat'
  71. import { ScopedCache } from '@/utils/cache'
  72. function session(id = 's', owned = true) {
  73. return {
  74. id,
  75. profile: 'p',
  76. owned,
  77. source: 'web',
  78. title: id,
  79. messageCount: 0,
  80. toolCallCount: 0,
  81. startedAt: 1,
  82. updatedAt: 1,
  83. }
  84. }
  85. function snapshot(messages: any[], id = 's', extra: Partial<TranscriptSnapshot> = {}): TranscriptSnapshot {
  86. return {
  87. protocol: 'ordinary-chat-transcript-v2',
  88. epoch: 'test',
  89. cursor: 1,
  90. profile: 'p',
  91. sessionId: id,
  92. messages,
  93. session: {},
  94. hasOlder: false,
  95. total: messages.length,
  96. state: 'current',
  97. running: false,
  98. queued: false,
  99. ...extra,
  100. }
  101. }
  102. const answer = (content = '规范正文', extra = {}) => ({
  103. id: 'canonical-answer',
  104. seq: 2,
  105. revision: 1,
  106. source_message_id: 'upstream',
  107. turn_id: 'turn',
  108. role: 'assistant',
  109. content,
  110. status: 'complete',
  111. ...extra,
  112. })
  113. function emit(type: string, payload: any = {}) {
  114. wire.event?.({ type, session_id: 'runtime', profile: 'p', payload })
  115. }
  116. describe('ordinary v2 cross-client store', () => {
  117. let chat: ReturnType<typeof useChatStore>
  118. beforeEach(() => {
  119. setActivePinia(createPinia())
  120. wire.owner++
  121. wire.clients = []
  122. wire.supported = true
  123. wire.request
  124. .mockReset()
  125. .mockResolvedValue({ session_id: 'runtime', stored_session_id: 's', running: false })
  126. api.messages.mockReset().mockResolvedValue({ messages: [], total: 0, returned: 0, hasMore: false })
  127. api.sessions.mockReset().mockResolvedValue({ items: [session()] })
  128. chat = useChatStore()
  129. chat.sessions = [session()]
  130. })
  131. afterEach(() => {
  132. chat.disconnect()
  133. vi.useRealTimers()
  134. })
  135. async function open(id = 's') {
  136. await chat.selectSession(id, 'p')
  137. await vi.waitFor(() => expect(wire.clients.some((c) => c.id === id)).toBe(true))
  138. return wire.clients.filter((c) => c.id === id).at(-1)!
  139. }
  140. it.each(['image_path', 'path', 'ref_path'])('preserves uploaded image %s in pending and canonical messages', async field => {
  141. const client = await open()
  142. const paths = ['/home/user/.hermes/images/照片 one.png', '/tmp/photo-two.png']
  143. let uploaded = 0
  144. wire.request.mockImplementation((method: string) => Promise.resolve(
  145. method === 'image.attach_bytes' ? { [field]: paths[uploaded++] } : {},
  146. ))
  147. await chat.send('查看图片', paths.map((_, index) => new File(['image'], `photo-${index}.png`, { type: 'image/png' })))
  148. const submission = wire.request.mock.calls.find(([method]) => method === 'prompt.submit')![1]
  149. expect(submission.text).toBe([
  150. '查看图片',
  151. `[用户附加图片:photo-0.png]\n@image:${paths[0]}\n[screenshot]`,
  152. `[用户附加图片:photo-1.png]\n@image:${paths[1]}\n[screenshot]`,
  153. ].join('\n\n'))
  154. const pending = chat.messages.find(message => message.role === 'user')!
  155. expect(pending.attachments?.map(file => file.path)).toEqual(paths)
  156. const checkDownloads = () => chat.messages[0]!.attachments?.forEach((file, index) => {
  157. const url = new URL(file.url!, 'https://yaoyao.test')
  158. expect(url.pathname).toBe('/api/files/download')
  159. expect(url.searchParams.get('path')).toBe(paths[index])
  160. expect(url.searchParams.get('profile')).toBe('p')
  161. })
  162. checkDownloads()
  163. await client.changed(snapshot([{
  164. id: 'canonical-image', seq: 1, revision: 1, role: 'user', status: 'complete',
  165. client_message_id: pending.clientMessageId, content: submission.text,
  166. }]))
  167. expect(chat.messages).toHaveLength(1)
  168. expect(chat.messages[0]!.content).toBe('查看图片')
  169. expect(chat.messages[0]!.attachments?.map(file => file.path)).toEqual(paths)
  170. checkDownloads()
  171. })
  172. it('does not fabricate an image path when an older upload response omits it', async () => {
  173. await open()
  174. wire.request.mockResolvedValue({})
  175. await chat.send('', [new File(['image'], 'photo.png', { type: 'image/png' })])
  176. const submission = wire.request.mock.calls.find(([method]) => method === 'prompt.submit')![1]
  177. expect(submission.text).toBe('[用户附加图片:photo.png]\n[screenshot]')
  178. expect(chat.messages[0]!.attachments?.[0]?.url).toBeUndefined()
  179. })
  180. it.each(['failed', 'unknown-receipt'] as const)('keeps an older %s input before newer messages through sync and cache restoration', async stage => {
  181. const client = await open()
  182. const oldAnswer = answer('之前的回复', { timestamp: 10 })
  183. await client.changed(snapshot([oldAnswer]))
  184. chat.activeRouteState!.messages.push({
  185. id: 'local-failed', clientMessageId: 'local-failed', sessionId: 's', profile: 'p',
  186. role: 'user', content: '再试试', timestamp: 15, stage,
  187. })
  188. const newerUser = { id: 'new-user', seq: 3, revision: 1, role: 'user', content: '再试试', timestamp: 20, status: 'complete' }
  189. const newerAnswer = answer('新的回复', { id: 'new-answer', seq: 4, timestamp: 21 })
  190. const expected = ['canonical-answer', 'local-failed', 'new-user', 'new-answer']
  191. await client.changed(snapshot([oldAnswer, newerUser, newerAnswer], 's', { cursor: 2 }))
  192. expect(chat.messages.map(m => m.id)).toEqual(expected)
  193. await client.changed(snapshot([oldAnswer, newerUser, { ...newerAnswer, revision: 2 }], 's', { cursor: 3 }))
  194. expect(chat.messages.map(m => m.id)).toEqual(expected)
  195. const cached = await new ScopedCache<{ messages: { id: string }[] }>('chat-history-v1').get(`v2-viewer-${wire.owner}:p`, 's')
  196. expect(cached?.messages.map(m => m.id)).toEqual(expected)
  197. chat.disconnect()
  198. setActivePinia(createPinia())
  199. chat = useChatStore()
  200. chat.sessions = [session()]
  201. wire.clients = []
  202. const restored = await open()
  203. expect(chat.messages.map(m => m.id)).toEqual(expected)
  204. await restored.changed(snapshot([oldAnswer, newerUser, newerAnswer], 's', { cursor: 4 }))
  205. expect(chat.messages.map(m => m.id)).toEqual(expected)
  206. expect(chat.messages.find(m => m.id === 'local-failed')?.stage).toBe(stage)
  207. })
  208. it('keeps a model-switch confirmation through transcript updates and sends after confirmation', async () => {
  209. const client = await open()
  210. const model = { id: 'model-b', name: 'Model B', provider: 'provider-b' }
  211. chat.models = [model]
  212. wire.request.mockImplementation(async (method, params) => {
  213. if (method === 'session.resume') return { session_id: 'runtime', stored_session_id: 's', running: false }
  214. if (method === 'config.set' && params.key === 'model') return params.confirm_expensive_model
  215. ? { value: model.id, scope: 'session' }
  216. : { confirm_required: true, confirm_message: 'Switching this long conversation loses its cached input.' }
  217. return {}
  218. })
  219. await chat.setModel(model)
  220. await expect(chat.send('待发送')).rejects.toThrow('请先确认模型切换')
  221. const confirmation = chat.pendingApproval
  222. expect(confirmation?.message).toContain('cached input')
  223. await client.changed(snapshot([answer()], 's', { pendingApproval: null }))
  224. expect(chat.pendingApproval).toEqual(confirmation)
  225. await chat.respondToApproval(confirmation!.id, 'once')
  226. expect(wire.request).toHaveBeenCalledWith('config.set', expect.objectContaining({
  227. key: 'model', confirm_expensive_model: true,
  228. }))
  229. expect(chat.pendingApproval).toBeUndefined()
  230. wire.request.mockClear()
  231. await chat.send('确认后继续')
  232. expect(wire.request).toHaveBeenCalledWith('prompt.submit', expect.objectContaining({ text: '确认后继续' }), expect.anything(), expect.anything())
  233. expect(wire.request.mock.calls.some(([method, params]) => method === 'config.set' && params.key === 'model')).toBe(false)
  234. })
  235. it('keeps native approvals separate and dismisses a superseded model confirmation', async () => {
  236. const client = await open()
  237. const first = { id: 'model-b', provider: 'provider', name: 'B' }
  238. const second = { id: 'model-c', provider: 'provider', name: 'C' }
  239. wire.request.mockImplementation(async (method, params) => method === 'config.set' && params.key === 'model'
  240. ? { confirm_required: true, confirm_message: `Confirm ${params.value}` } : {})
  241. await chat.setModel(first)
  242. const staleId = chat.pendingApproval!.id
  243. await chat.setModel(second)
  244. const confirmation = chat.pendingApproval!
  245. expect(confirmation.id).not.toBe(staleId)
  246. await client.changed(snapshot([], 's', { pendingApproval: { request_id: 'tool-approval', message: '允许工具' } }))
  247. expect(chat.pendingApproval?.id).toBe(confirmation.id)
  248. wire.request.mockClear()
  249. await chat.respondToApproval(staleId, 'once')
  250. expect(wire.request).not.toHaveBeenCalled()
  251. await chat.respondToApproval(confirmation.id, 'deny')
  252. expect(chat.pendingApproval?.id).toBe('tool-approval')
  253. await chat.respondToApproval('tool-approval', 'once')
  254. expect(wire.request).toHaveBeenCalledWith('approval.respond', expect.objectContaining({ choice: 'once' }))
  255. })
  256. it('renders only canonical messages and ignores raw upstream bodies and completions', async () => {
  257. const client = await open()
  258. await client.changed(snapshot([answer('前半', { status: 'streaming' })], 's', { running: true }))
  259. emit('message.delta', { text: '不应追加' })
  260. emit('message.interim', { text: '不应重复' })
  261. emit('message.complete', { text: '不应替换' })
  262. expect(chat.messages.map((m) => m.content)).toEqual(['前半'])
  263. expect(chat.isStreaming).toBe(true)
  264. await client.changed(snapshot([answer('完整正文', { revision: 2 })], 's', { cursor: 2 }))
  265. expect(chat.messages.map((m) => m.content)).toEqual(['完整正文'])
  266. expect(chat.isStreaming).toBe(false)
  267. expect(api.messages).not.toHaveBeenCalled()
  268. })
  269. it('keeps checkpoint state when a usage update replaces the route during outbox persistence', async () => {
  270. const client = await open()
  271. const original = ScopedCache.prototype.set
  272. let entered!: () => void, release!: () => void
  273. const started = new Promise<void>(resolve => { entered = resolve })
  274. const gate = new Promise<void>(resolve => { release = resolve })
  275. const spy = vi.spyOn(ScopedCache.prototype, 'set').mockImplementation(async function(this: ScopedCache<unknown>, scope, key, value, durable) {
  276. if ((this as unknown as { namespace: string }).namespace === 'ordinary-outbox-v2') {
  277. entered()
  278. await gate
  279. }
  280. await original.call(this, scope, key, value, durable)
  281. })
  282. const saving = client.changed(snapshot([answer('正在处理', { status: 'streaming' })], 's', {
  283. running: true, liveStatus: '正在思考', pendingApproval: { request_id: 'approval-1', message: '请确认' },
  284. }))
  285. try {
  286. await started
  287. wire.event?.({ type: 'session.usage', session_id: 's', profile: 'p', payload: { input_tokens: 7 } })
  288. release()
  289. await saving
  290. expect(chat.messages.map(m => m.content)).toEqual(['正在处理'])
  291. expect(chat.isStreaming).toBe(true)
  292. expect(chat.pendingApproval?.id).toBe('approval-1')
  293. expect(chat.contextUsage?.inputTokens).toBe(7)
  294. } finally {
  295. release()
  296. await saving.catch(() => {})
  297. spy.mockRestore()
  298. }
  299. })
  300. it('does not materialize a resume snapshot beside the canonical reply', async () => {
  301. wire.request.mockResolvedValue({
  302. session_id: 'runtime',
  303. stored_session_id: 's',
  304. running: true,
  305. inflight: { assistant: '旧恢复快照' },
  306. })
  307. const client = await open()
  308. await client.changed(snapshot([answer('当前正文')]))
  309. expect(chat.messages.map((m) => m.content)).toEqual(['当前正文'])
  310. expect(chat.messages[0]!.id).toBe('canonical-answer')
  311. })
  312. it('restores tools and pending interactions from the canonical snapshot', async () => {
  313. const client = await open()
  314. await client.changed(
  315. snapshot(
  316. [
  317. answer('', {
  318. status: 'streaming',
  319. tool_calls: [{ id: 'tool', name: 'terminal', status: 'running' }],
  320. }),
  321. ],
  322. 's',
  323. {
  324. running: true,
  325. pendingApproval: { request_id: 'approval', message: '允许执行' },
  326. pendingClarification: { request_id: 'clarify', question: '请选择' },
  327. },
  328. ),
  329. )
  330. expect(chat.messages[0]!.toolCalls?.[0]?.id).toBe('tool')
  331. expect(chat.pendingApproval?.id).toBe('approval')
  332. expect(chat.pendingClarification?.id).toBe('clarify')
  333. await client.changed(
  334. snapshot([answer()], 's', { cursor: 2, pendingApproval: null, pendingClarification: null }),
  335. )
  336. expect(chat.pendingApproval).toBeUndefined()
  337. expect(chat.pendingClarification).toBeUndefined()
  338. })
  339. it('rejects a closed session callback after switching to another conversation', async () => {
  340. const first = await open()
  341. chat.sessions.push(session('second'))
  342. wire.request.mockResolvedValue({ session_id: 'runtime-2', stored_session_id: 'second' })
  343. const second = await open('second')
  344. await second.changed(snapshot([answer('第二个会话')], 'second'))
  345. await first.changed(snapshot([answer('旧回调')]))
  346. expect(chat.activeSessionId).toBe('second')
  347. expect(chat.messages[0]!.content).toBe('第二个会话')
  348. })
  349. it('does not let a late submit receipt re-open a completed turn or duplicate the user', async () => {
  350. const client = await open()
  351. let accept!: (value: any) => void
  352. wire.request.mockImplementation((method: string) =>
  353. method === 'prompt.submit'
  354. ? new Promise((resolve) => {
  355. accept = resolve
  356. })
  357. : Promise.resolve({}),
  358. )
  359. const sending = chat.send('问题')
  360. await vi.waitFor(() => expect(accept).toBeTypeOf('function'))
  361. const local = chat.messages.find((m) => m.role === 'user')!
  362. await client.changed(
  363. snapshot(
  364. [
  365. {
  366. id: 'canonical-user',
  367. seq: 1,
  368. revision: 2,
  369. source_message_id: 'persisted-user',
  370. client_message_id: local.clientMessageId,
  371. role: 'user',
  372. content: '问题',
  373. status: 'complete',
  374. },
  375. answer(),
  376. ],
  377. 's',
  378. { cursor: 3, running: false },
  379. ),
  380. )
  381. accept({ status: 'streaming' })
  382. await sending
  383. expect(chat.messages.filter((m) => m.role === 'user')).toHaveLength(1)
  384. expect(chat.messages[0]!.stage).toBe('settled')
  385. expect(chat.isStreaming).toBe(false)
  386. })
  387. it('keeps a pending local input during a new generation replacement', async () => {
  388. const client = await open()
  389. let reject!: (error: Error) => void
  390. wire.request.mockImplementation((method: string) =>
  391. method === 'prompt.submit'
  392. ? new Promise((_resolve, r) => {
  393. reject = r
  394. })
  395. : Promise.resolve({}),
  396. )
  397. const sending = chat.send('待确认').catch(() => {})
  398. await vi.waitFor(() => expect(reject).toBeTypeOf('function'))
  399. const local = chat.messages[0]!.id
  400. await client.changed(snapshot([answer('历史重建')], 's', { epoch: 'rebuilt' }))
  401. expect(chat.messages.some((m) => m.id === local)).toBe(true)
  402. reject(new Error('connection lost'))
  403. await sending
  404. })
  405. it('uses transcript pagination without requesting legacy message pages', async () => {
  406. const client = await open()
  407. await client.changed(snapshot([answer()], 's', { hasOlder: true }))
  408. await chat.loadOlder()
  409. expect(client.loadOlder).toHaveBeenCalledOnce()
  410. expect(api.messages).not.toHaveBeenCalled()
  411. })
  412. it('requires v2 and never falls back to legacy history for owned chat', async () => {
  413. wire.supported = false
  414. await expect(chat.selectSession('s', 'p')).rejects.toThrow('升级服务端')
  415. expect(api.messages).not.toHaveBeenCalled()
  416. })
  417. it('keeps read-only native history outside the ordinary transcript', async () => {
  418. chat.sessions = [session('s', false)]
  419. await chat.selectSession('s', 'p')
  420. expect(api.messages).toHaveBeenCalledOnce()
  421. expect(wire.request).not.toHaveBeenCalled()
  422. })
  423. })