@paramms/chat-widget 0.1.0 → 1.0.1

package/src/__tests__/render_new.test.ts

@@ -1,441 +0,0 @@
-// @vitest-environment jsdom
-import { describe, it, expect, vi } from 'vitest'
-import { asUserId, asConversationId, asMessageId, asActionId } from '../protocol/index.js'
-import { ChatStore } from '../store.js'
-import { Renderer } from '../renderer.js'
-
-const me = 'alice'
-const cid = asConversationId('c1')
-
-function openedConv() {
-  return {
-    type: 'opened' as const,
-    conversation: {
-      id: cid, tenantId: 't' as never, profileId: 'p' as never,
-      guestId: asUserId(me), participants: [asUserId(me)],
-      state: 'open', lastSeq: 0, createdAt: 0, updatedAt: 0,
-    },
-  }
-}
-
-// ── Reaction UI ───────────────────────────────────────────────────────────────
-
-describe('Renderer — reaction UI', () => {
-  it('renders existing reaction pills from message data', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'message', message: {
-        id: asMessageId('m1'), conversationId: cid, seq: 1,
-        senderId: asUserId('bob'), senderRole: 'agent',
-        content: { kind: 'text', text: 'Hi!' }, ts: 1,
-        reactions: { '👍': [asUserId('carol')], '❤️': [asUserId('alice'), asUserId('dave')] },
-      },
-    })
-    r.render(store)
-
-    const pills = root.querySelectorAll('.ocw-react-pill')
-    expect(pills.length).toBe(2)
-    expect(Array.from(pills).map(p => p.textContent)).toEqual(
-      expect.arrayContaining(['👍 1', '❤️ 2']),
-    )
-  })
-
-  it('marks my own reaction pill with "mine" class', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'message', message: {
-        id: asMessageId('m1'), conversationId: cid, seq: 1,
-        senderId: asUserId('bob'), senderRole: 'agent',
-        content: { kind: 'text', text: 'Hi!' }, ts: 1,
-        reactions: { '👍': [asUserId(me)] },
-      },
-    })
-    r.render(store)
-    const pill = root.querySelector('.ocw-react-pill') as HTMLElement
-    expect(pill.classList.contains('mine')).toBe(true)
-  })
-
-  it('clicking an existing reaction pill calls onReact with remove=true if already reacted', () => {
-    const root = document.createElement('div')
-    const onReact = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'message', message: {
-        id: asMessageId('m1'), conversationId: cid, seq: 1,
-        senderId: asUserId('bob'), senderRole: 'agent',
-        content: { kind: 'text', text: 'Hi!' }, ts: 1,
-        reactions: { '👍': [asUserId(me)] },
-      },
-    })
-    r.render(store)
-    ;(root.querySelector('.ocw-react-pill') as HTMLButtonElement).click()
-    expect(onReact).toHaveBeenCalledWith('m1', '👍', true)  // remove=true (was mine)
-  })
-
-  it('shows add-reaction (+) button for non-deleted messages with seq > 0', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m2'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'yo' }, ts: 1 } })
-    r.render(store)
-    expect(root.querySelector('.ocw-react-btn')).not.toBeNull()
-  })
-
-  it('clicking + button toggles picker visibility', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m3'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'yo' }, ts: 1 } })
-    r.render(store)
-    const addBtn = root.querySelector('.ocw-react-btn') as HTMLButtonElement
-    const picker = root.querySelector('.ocw-react-picker') as HTMLElement
-    expect(picker.style.display).toBe('none')
-    addBtn.click()
-    expect(picker.style.display).toBe('flex')
-  })
-
-  it('clicking a picker emoji calls onReact with remove=false (new reaction)', () => {
-    const root = document.createElement('div')
-    const onReact = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onReact }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m4'), conversationId: cid, seq: 2, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'hello' }, ts: 2 } })
-    r.render(store)
-    ;(root.querySelector('.ocw-react-btn') as HTMLButtonElement).click()
-    const pickerBtns = root.querySelectorAll('.ocw-react-picker button')
-    expect(pickerBtns.length).toBeGreaterThan(0)
-    ;(pickerBtns[0] as HTMLButtonElement).click()
-    expect(onReact).toHaveBeenCalledWith('m4', expect.any(String), false)
-  })
-
-  it('does not render reaction UI when onReact is not provided', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'message', message: {
-        id: asMessageId('m5'), conversationId: cid, seq: 1,
-        senderId: asUserId('bob'), senderRole: 'agent',
-        content: { kind: 'text', text: 'Hi!' }, ts: 1,
-        reactions: { '👍': [asUserId('carol')] },
-      },
-    })
-    r.render(store)
-    expect(root.querySelector('.ocw-react-btn')).toBeNull()
-    expect(root.querySelector('.ocw-react-pill')).toBeNull()
-    // Falls back to plain text reaction display
-    expect(root.querySelector('.ocw-react')?.textContent).toContain('👍')
-  })
-})
-
-// ── CSAT panel ────────────────────────────────────────────────────────────────
-
-describe('Renderer — CSAT panel', () => {
-  it('shows star rating panel when state is terminal (resolved)', () => {
-    const root = document.createElement('div')
-    const onCsat = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onCsat }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state: 'resolved', lastSeq: 1, createdAt: 0, updatedAt: 0 } })
-    store.apply({ type: 'message', message: { id: asMessageId('m1'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'Done!' }, ts: 1 } })
-    r.render(store)
-    const panel = root.querySelector('.ocw-csat') as HTMLElement
-    expect(panel.style.display).not.toBe('none')
-    expect(panel.querySelectorAll('.ocw-csat-star').length).toBe(5)
-  })
-
-  it('does not show CSAT when state is not terminal', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onCsat: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state: 'open', lastSeq: 0, createdAt: 0, updatedAt: 0 } })
-    r.render(store)
-    const panel = root.querySelector('.ocw-csat') as HTMLElement
-    expect(panel.style.display).toBe('none')
-  })
-
-  it('clicking a star calls onCsat with the correct score and replaces panel', () => {
-    const root = document.createElement('div')
-    const onCsat = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onCsat }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state: 'resolved', lastSeq: 1, createdAt: 0, updatedAt: 0 } })
-    store.apply({ type: 'message', message: { id: asMessageId('m1'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'Done!' }, ts: 1 } })
-    r.render(store)
-
-    const stars = root.querySelectorAll('.ocw-csat-star')
-    ;(stars[3] as HTMLButtonElement).click()  // 4th star = score 4
-    expect(onCsat).toHaveBeenCalledWith(4)
-    // Panel replaced with thank-you
-    expect(root.querySelector('.ocw-csat')!.textContent).toContain('4★')
-    expect(root.querySelector('.ocw-csat-star')).toBeNull()
-  })
-
-  it('does not show CSAT when onCsat handler not provided', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state: 'resolved', lastSeq: 1, createdAt: 0, updatedAt: 0 } })
-    store.apply({ type: 'message', message: { id: asMessageId('m1'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'Done!' }, ts: 1 } })
-    r.render(store)
-    expect((root.querySelector('.ocw-csat') as HTMLElement).style.display).toBe('none')
-  })
-
-  it('CSAT does not show again after being submitted', () => {
-    const root = document.createElement('div')
-    const onCsat = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onCsat }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state: 'resolved', lastSeq: 1, createdAt: 0, updatedAt: 0 } })
-    store.apply({ type: 'message', message: { id: asMessageId('m1'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'Done!' }, ts: 1 } })
-    r.render(store)
-    ;(root.querySelectorAll('.ocw-csat-star')[0] as HTMLButtonElement).click()
-    // Re-render: CSAT should remain in thank-you state, not re-show stars
-    r.render(store)
-    expect(root.querySelector('.ocw-csat-star')).toBeNull()
-    expect(onCsat).toHaveBeenCalledTimes(1)
-  })
-
-  it('shows for other terminal states: sold, closed, issued, checked_out', () => {
-    for (const state of ['sold', 'closed', 'issued', 'checked_out']) {
-      const root = document.createElement('div')
-      const onCsat = vi.fn()
-      const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onCsat }
-      const store = new ChatStore(asUserId(me))
-      const r = new Renderer(root, me, h)
-      store.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: asUserId(me), participants: [asUserId(me)], state, lastSeq: 1, createdAt: 0, updatedAt: 0 } })
-      store.apply({ type: 'message', message: { id: asMessageId('mx'), conversationId: cid, seq: 1, senderId: asUserId('agent'), senderRole: 'agent', content: { kind: 'text', text: 'done' }, ts: 1 } })
-      r.render(store)
-      expect((root.querySelector('.ocw-csat') as HTMLElement).style.display).not.toBe('none'), `CSAT should show for state="${state}"`
-    }
-  })
-})
-
-// ── Select field type ─────────────────────────────────────────────────────────
-
-describe('Renderer — select field in form actions', () => {
-  it('renders a <select> element for select-type fields', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'manifest', conversationId: cid, version: 1, actions: [
-        {
-          id: asActionId('book'), label: 'Book Room', audience: 'guest', surface: 'toolbar',
-          input: [
-            { name: 'room_type', label: 'Room Type', type: 'select', required: true, options: ['Standard', 'Deluxe', 'Suite'] },
-          ],
-        },
-      ],
-    })
-    r.render(store)
-    ;(root.querySelector('.ocw-chip') as HTMLButtonElement).click()
-
-    const sel = root.querySelector('.ocw-form-input') as HTMLSelectElement
-    expect(sel.tagName).toBe('SELECT')
-    const options = Array.from(sel.options).map(o => o.value)
-    expect(options).toEqual(expect.arrayContaining(['Standard', 'Deluxe', 'Suite']))
-  })
-
-  it('select field invokes with chosen value on submit', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'manifest', conversationId: cid, version: 1, actions: [
-        {
-          id: asActionId('tier'), label: 'Choose Tier', audience: 'guest', surface: 'toolbar',
-          input: [{ name: 'tier', label: 'Tier', type: 'select', required: true, options: ['Basic', 'Pro', 'Enterprise'] }],
-        },
-      ],
-    })
-    r.render(store)
-    ;(root.querySelector('.ocw-chip') as HTMLButtonElement).click()
-
-    const sel = root.querySelector('.ocw-form-input') as HTMLSelectElement
-    sel.value = 'Pro'
-    ;(root.querySelector('.ocw-form-submit') as HTMLButtonElement).click()
-    expect(h.onInvoke).toHaveBeenCalledWith('tier', { tier: 'Pro' })
-  })
-
-  it('mixes select and text fields in the same form', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({
-      type: 'manifest', conversationId: cid, version: 1, actions: [
-        {
-          id: asActionId('booking'), label: 'Book', audience: 'guest', surface: 'toolbar',
-          input: [
-            { name: 'type', label: 'Type', type: 'select', required: true, options: ['A', 'B'] },
-            { name: 'note', label: 'Note', type: 'text', required: false },
-          ],
-        },
-      ],
-    })
-    r.render(store)
-    ;(root.querySelector('.ocw-chip') as HTMLButtonElement).click()
-
-    const formInputs = root.querySelectorAll('.ocw-form-input')
-    expect(formInputs.length).toBe(2)
-    expect(formInputs[0]!.tagName).toBe('SELECT')
-    expect(formInputs[1]!.tagName).toBe('INPUT')
-  })
-})
-
-// ── History / load-more ───────────────────────────────────────────────────────
-
-describe('Renderer — load-more history', () => {
-  it('shows load-more button when store.hasMoreHistory and onLoadMore provided', () => {
-    const root = document.createElement('div')
-    const onLoadMore = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onLoadMore }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    // Fake hasMoreHistory by injecting a synthetic history frame
-    store.apply({ type: 'history', conversationId: cid, messages: [], hasMore: true })
-    r.render(store)
-    const btn = root.querySelector('.ocw-load-more') as HTMLButtonElement
-    expect(btn).not.toBeNull()
-    btn.click()
-    expect(onLoadMore).toHaveBeenCalledTimes(1)
-  })
-
-  it('hides load-more button when hasMoreHistory is false', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onLoadMore: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'history', conversationId: cid, messages: [], hasMore: false })
-    r.render(store)
-    expect(root.querySelector('.ocw-load-more')).toBeNull()
-  })
-
-  it('hides load-more button when onLoadMore not provided', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'history', conversationId: cid, messages: [], hasMore: true })
-    r.render(store)
-    expect(root.querySelector('.ocw-load-more')).toBeNull()
-  })
-})
-
-// ── Edit / delete context menu ────────────────────────────────────────────────
-
-describe('Renderer — edit/delete context menu', () => {
-  it('shows edit and delete buttons on own non-deleted messages', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onEdit: vi.fn(), onDelete: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m1'), conversationId: cid, seq: 1, senderId: asUserId(me), senderRole: 'guest', content: { kind: 'text', text: 'my msg' }, ts: 1 } })
-    r.render(store)
-    const menu = root.querySelector('.ocw-msg-menu')
-    expect(menu).not.toBeNull()
-    expect(menu!.querySelectorAll('button').length).toBe(2)
-  })
-
-  it('delete button calls onDelete with message id', () => {
-    const root = document.createElement('div')
-    const onDelete = vi.fn()
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onDelete }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m2'), conversationId: cid, seq: 2, senderId: asUserId(me), senderRole: 'guest', content: { kind: 'text', text: 'bye' }, ts: 2 } })
-    r.render(store)
-    const delBtn = root.querySelector('.ocw-msg-menu .del') as HTMLButtonElement
-    expect(delBtn).not.toBeNull()
-    delBtn.click()
-    expect(onDelete).toHaveBeenCalledWith('m2')
-  })
-
-  it('does not show context menu on other users messages', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn(), onEdit: vi.fn(), onDelete: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m3'), conversationId: cid, seq: 1, senderId: asUserId('bob'), senderRole: 'agent', content: { kind: 'text', text: 'hi' }, ts: 1 } })
-    r.render(store)
-    expect(root.querySelector('.ocw-msg-menu')).toBeNull()
-  })
-
-  it('does not show context menu when handlers not provided', () => {
-    const root = document.createElement('div')
-    const h = { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() }
-    const store = new ChatStore(asUserId(me))
-    const r = new Renderer(root, me, h)
-    store.apply(openedConv())
-    store.apply({ type: 'message', message: { id: asMessageId('m4'), conversationId: cid, seq: 1, senderId: asUserId(me), senderRole: 'guest', content: { kind: 'text', text: 'hi' }, ts: 1 } })
-    r.render(store)
-    expect(root.querySelector('.ocw-msg-menu')).toBeNull()
-  })
-})
-
-// ── Connection status indicator ───────────────────────────────────────────────
-
-describe('Renderer — connection status', () => {
-  it('setConnStatus("connecting") shows connecting label', () => {
-    const root = document.createElement('div')
-    const r = new Renderer(root, me, { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() })
-    r.setConnStatus('connecting')
-    const el = root.querySelector('.ocw-conn-status') as HTMLElement
-    expect(el.style.display).not.toBe('none')
-    expect(el.textContent).toContain('connecting')
-  })
-
-  it('setConnStatus("reconnecting") shows warn class', () => {
-    const root = document.createElement('div')
-    const r = new Renderer(root, me, { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() })
-    r.setConnStatus('reconnecting')
-    const el = root.querySelector('.ocw-conn-status') as HTMLElement
-    expect(el.classList.contains('warn')).toBe(true)
-    expect(el.textContent).toContain('reconnecting')
-  })
-
-  it('setConnStatus("open") hides the indicator', () => {
-    const root = document.createElement('div')
-    const r = new Renderer(root, me, { onSend: vi.fn(), onInvoke: vi.fn(), onTyping: vi.fn(), onReadUpTo: vi.fn() })
-    r.setConnStatus('connecting')
-    r.setConnStatus('open')
-    const el = root.querySelector('.ocw-conn-status') as HTMLElement
-    expect(el.style.display).toBe('none')
-  })
-})

package/src/__tests__/store.test.ts

@@ -1,86 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import {
-  asUserId, asConversationId, asMessageId,
-  type ServerFrame, type Message,
-} from '../protocol/index.js'
-import { ChatStore } from '../store.js'
-
-const me = asUserId('alice')
-const cid = asConversationId('c1')
-
-function srvMsg(seq: number, from: string, text: string): Message {
-  return { id: asMessageId(`s${seq}`), conversationId: cid, seq, senderId: asUserId(from), senderRole: from === 'alice' ? 'guest' : 'agent', content: { kind: 'text', text }, ts: seq }
-}
-
-describe('ChatStore', () => {
-  it('reconciles an optimistic send on ack (rekey, seq, status)', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: me, participants: [me], state: 'open', lastSeq: 0, createdAt: 0, updatedAt: 0 } })
-    s.addOptimistic('cm1', { kind: 'text', text: 'hi' })
-    expect(s.messages()[0]!.status).toBe('pending')
-    s.apply({ type: 'ack', clientMsgId: 'cm1', messageId: asMessageId('s1'), seq: 1, ts: 10 })
-    const m = s.messages()[0]!
-    expect(m.id).toBe('s1')
-    expect(m.seq).toBe(1)
-    expect(m.status).toBe('sent')
-    expect(s.messages()).toHaveLength(1)   // not duplicated
-  })
-
-  it('dedups the same message arriving live and via sync', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'message', message: srvMsg(2, 'bob', 'yo') })
-    s.apply({ type: 'sync', conversationId: cid, messages: [srvMsg(1, 'bob', 'first'), srvMsg(2, 'bob', 'yo')] })
-    expect(s.messages().map(m => m.seq)).toEqual([1, 2])   // seq-ordered, no dup of seq 2
-  })
-
-  it('progresses own-message status delivered → read', () => {
-    const s = new ChatStore(me)
-    s.addOptimistic('cm1', { kind: 'text', text: 'hi' })
-    s.apply({ type: 'ack', clientMsgId: 'cm1', messageId: asMessageId('s1'), seq: 1, ts: 1 })
-    s.apply({ type: 'delivered', conversationId: cid, seq: 1, to: me })
-    expect(s.messages()[0]!.status).toBe('delivered')
-    s.apply({ type: 'read', conversationId: cid, seq: 1, by: asUserId('bob') })
-    expect(s.messages()[0]!.status).toBe('read')
-    expect(s.lastReadByOthers).toBe(1)
-  })
-
-  it('tracks typing from others only', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'typing', conversationId: cid, userId: asUserId('bob'), isTyping: true })
-    s.apply({ type: 'typing', conversationId: cid, userId: me, isTyping: true })   // self ignored
-    expect([...s.typing]).toEqual(['bob'])
-    s.apply({ type: 'typing', conversationId: cid, userId: asUserId('bob'), isTyping: false })
-    expect(s.typing.size).toBe(0)
-  })
-
-  it('toggles reactions and applies edit/delete', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'message', message: srvMsg(1, 'bob', 'hi') })
-    s.apply({ type: 'reaction', conversationId: cid, messageId: asMessageId('s1'), emoji: '👍', by: me, removed: false })
-    expect(s.messages()[0]!.reactions).toEqual({ '👍': [me] })
-    s.apply({ type: 'reaction', conversationId: cid, messageId: asMessageId('s1'), emoji: '👍', by: me, removed: true })
-    expect(s.messages()[0]!.reactions).toEqual({})
-    s.apply({ type: 'edited', conversationId: cid, messageId: asMessageId('s1'), content: { kind: 'text', text: 'edited' }, editedAt: 5 })
-    expect(s.messages()[0]!.content).toEqual({ kind: 'text', text: 'edited' })
-    s.apply({ type: 'deleted', conversationId: cid, messageId: asMessageId('s1'), ts: 6 })
-    expect(s.messages()[0]!.deletedAt).toBe(6)
-  })
-
-  it('filters visible actions by conversation state', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'manifest', conversationId: cid, version: 1, actions: [
-      { id: asMessageId('a1') as never, label: 'Always', audience: 'guest', surface: 'toolbar' },
-      { id: asMessageId('a2') as never, label: 'Closed only', audience: 'guest', surface: 'toolbar', availableInStates: ['closed'] },
-    ] })
-    s.apply({ type: 'opened', conversation: { id: cid, tenantId: 't' as never, profileId: 'p' as never, guestId: me, participants: [me], state: 'open', lastSeq: 0, createdAt: 0, updatedAt: 0 } })
-    expect(s.visibleActions().map(a => a.label)).toEqual(['Always'])
-    s.apply({ type: 'state', conversationId: cid, state: 'closed' })
-    expect(s.visibleActions().map(a => a.label)).toEqual(['Always', 'Closed only'])
-  })
-
-  it('reports highest seq for the sync cursor', () => {
-    const s = new ChatStore(me)
-    s.apply({ type: 'sync', conversationId: cid, messages: [srvMsg(3, 'bob', 'c'), srvMsg(7, 'bob', 'g')] })
-    expect(s.highestSeq()).toBe(7)
-  })
-})