feat: animate completed items out

frontend/src/lib/performance.test.ts

@@ -78,6 +78,31 @@ describe('request generation protection', () => {
     await Promise.all([first, second])
   })
 
+  it('waits for current-context success work before refreshing', async () => {
+    const events: string[] = []
+    let releaseExit!: () => void
+    const reconciler = createMutationReconciler(
+      () => ({ view: 'today' }),
+      (left, right) => left.view === right.view,
+      async () => { events.push('refresh') },
+    )
+    const mutation = reconciler.run(
+      async () => 'done',
+      () => events.push('success'),
+      undefined,
+      async () => {
+        events.push('exit:start')
+        await new Promise<void>((resolve) => { releaseExit = resolve })
+        events.push('exit:end')
+      },
+    )
+    await Promise.resolve()
+    expect(events).toEqual(['success', 'exit:start'])
+    releaseExit()
+    await mutation
+    expect(events).toEqual(['success', 'exit:start', 'exit:end', 'refresh'])
+  })
+
   it('refreshes again when the first refresh finishes before the second mutation commits', async () => {
     const events: string[] = []
     const context = { view: 'today' }