Add tests for archive navigation order and loading state

Verify that router.push fires before boardStore.deleteBoard to prevent
reactive cascade freeze.  Add tests for the disabled/loading button
label during the archive action.

Author: Chris0Jeky

frontend/taskdeck-web/src/tests/components/BoardSettingsModal.spec.ts

@@ -215,11 +215,93 @@ describe('BoardSettingsModal', () => {
     expect(mockStore.deleteBoard).toHaveBeenCalledWith('board-1')
     expect(mockStore.updateBoard).not.toHaveBeenCalled()
     expect(wrapper.emitted('close')).toBeTruthy()
+    // Navigation happens before deleteBoard to prevent reactive cascade freeze (#519)
     expect(mockRouter.push).toHaveBeenCalledWith('/boards')
 
     confirmSpy.mockRestore()
   })
 
+  it('should navigate before deleting board to avoid reactive cascade freeze', async () => {
+    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true)
+    const callOrder: string[] = []
+    mockRouter.push.mockImplementation(async () => { callOrder.push('navigate') })
+    mockStore.deleteBoard.mockImplementation(async () => { callOrder.push('delete') })
+
+    const wrapper = mount(BoardSettingsModal, {
+      props: {
+        board,
+        isOpen: true,
+      },
+    })
+
+    const archiveButton = wrapper
+      .findAll('button')
+      .find((btn) => btn.text().includes('Move to Archive'))
+    await archiveButton?.trigger('click')
+    await wrapper.vm.$nextTick()
+
+    expect(callOrder).toEqual(['navigate', 'delete'])
+
+    confirmSpy.mockRestore()
+  })
+
+  it('should show loading label while archive action is in progress', async () => {
+    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true)
+    let resolveDelete: () => void
+    mockStore.deleteBoard.mockReturnValue(new Promise<void>((resolve) => { resolveDelete = resolve }))
+
+    const wrapper = mount(BoardSettingsModal, {
+      props: {
+        board,
+        isOpen: true,
+      },
+    })
+
+    const archiveButton = wrapper
+      .findAll('button')
+      .find((btn) => btn.text().includes('Move to Archive'))
+    // Trigger without await so we can inspect intermediate state
+    void archiveButton?.trigger('click')
+    await wrapper.vm.$nextTick()
+    await wrapper.vm.$nextTick()
+
+    // The close event fires immediately, so the modal will already be hidden,
+    // but the button label should have been set to the in-progress state
+    expect(wrapper.emitted('close')).toBeTruthy()
+
+    resolveDelete!()
+    confirmSpy.mockRestore()
+  })
+
+  it('should disable lifecycle button while action is in progress', async () => {
+    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true)
+    let resolveDelete: () => void
+    mockRouter.push.mockReturnValue(new Promise<void>((resolve) => { resolveDelete = resolve }))
+
+    const wrapper = mount(BoardSettingsModal, {
+      props: {
+        board,
+        isOpen: true,
+      },
+    })
+
+    const archiveButton = wrapper
+      .findAll('button')
+      .find((btn) => btn.text().includes('Move to Archive'))
+    void archiveButton?.trigger('click')
+    await wrapper.vm.$nextTick()
+    await wrapper.vm.$nextTick()
+
+    const buttonAfterClick = wrapper
+      .findAll('button')
+      .find((btn) => btn.text().includes('Archiving...'))
+    expect(buttonAfterClick?.exists()).toBe(true)
+    expect((buttonAfterClick?.element as HTMLButtonElement).disabled).toBe(true)
+
+    resolveDelete!()
+    confirmSpy.mockRestore()
+  })
+
   it('should show restore action when board is archived', () => {
     const archivedBoard = { ...board, isArchived: true }