DataIntegrity

import { state } from '@weft-js/core'import { DataIntegrity } from '@weft-js/warp'import type { IntegrityEvent } from '@weft-js/warp'import type { IntegrityStats } from '@weft-js/warp'export function Channel() {  const stats = state(INTEGRITY_STATS)  const events = state<IntegrityEvent[]>(INTEGRITY_EVENTS)  const log = (note: string, change: Partial<typeof INTEGRITY_STATS>) => {    const seq = stats.value.sent + 1    stats.value = { ...stats.value, sent: seq, ...change }    events.value = [{ id: `e${seq}`, seq, kind: 'title', route: 'You → Jun', note, lag: 40 }, ...events.value].slice(0, 5)  }  return (    <DataIntegrity      channel="runbook:rollback" stats={stats} events={events} live="live"      onInjectDuplicate={() => log('duplicate, ignored', { duplicate: stats.value.duplicate + 1 })}      onInjectReorder={() => log('out of order', { outOfOrder: stats.value.outOfOrder + 1 })}      onReset={() => { stats.value = { sent: 0, received: 0, duplicate: 0, outOfOrder: 0, lagP95: 0 }; events.value = [] }}    />  )}const INTEGRITY_STATS: IntegrityStats = { sent: 42, received: 41, duplicate: 1, outOfOrder: 0, lagP95: 54 }const INTEGRITY_EVENTS: IntegrityEvent[] = [  { id: 'e3', seq: 42, kind: 'status', route: 'Jun → you', lag: 31 },  { id: 'e2', seq: 41, kind: 'title', route: 'Jun → you', note: 'duplicate, ignored', lag: 54 },  { id: 'e1', seq: 41, kind: 'title', route: 'Jun → you', lag: 28 },]