Integrate delivered Code navigation and Yuxi channel recovery into Canvas trial source

tests/unit/community.test.tsx

@@ -1,21 +1,29 @@
 import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import type { FormEvent } from 'react';
 import { afterEach, beforeEach, expect, it, vi } from 'vitest';
 import { invokeIpc } from '@/lib/api-client';
 import { COMMUNITY_URL } from '@/lib/community';
 import { CommunityLink } from '@/components/community/CommunityLink';
-import { CommunityInvitation } from '@/components/community/CommunityInvitation';
+import { CodingStartHeading } from '@/pages/Chat/CodingStartHeading';
 
 vi.mock('@/lib/api-client', () => ({ invokeIpc: vi.fn() }));
 beforeEach(() => { vi.mocked(invokeIpc).mockReset().mockResolvedValue(undefined); });
-afterEach(cleanup);
+afterEach(() => { cleanup(); vi.restoreAllMocks(); });
 
 it('only opens the public explore URL after a click, without fetching or embedding works', async () => {
   const fetch = vi.spyOn(globalThis, 'fetch');
-  render(<CommunityInvitation />);
+  render(<CodingStartHeading />);
+  expect(screen.getByRole('heading', { name: '今天，你想创造什么？' })).toBeInTheDocument();
+  expect(screen.getByText('一个游戏、一段故事，或是一个天马行空的想法。')).toBeInTheDocument();
+  expect(screen.queryByTestId('community-invitation')).not.toBeInTheDocument();
   expect(invokeIpc).not.toHaveBeenCalled();
   expect(fetch).not.toHaveBeenCalled();
   expect(document.querySelector('iframe')).toBeNull();
-  fireEvent.click(screen.getByRole('button', { name: '去作品广场逛逛' }));
+  const button = screen.getByRole('button', { name: '作品广场' });
+  expect(button).toHaveAttribute('type', 'button');
+  expect(button.querySelector('.coding-start-mark img')).not.toBeNull();
+  expect(button.querySelectorAll('.coding-start-mark > svg')).toHaveLength(2);
+  fireEvent.click(button);
   await waitFor(() => expect(invokeIpc).toHaveBeenCalledExactlyOnceWith('shell:openExternal', COMMUNITY_URL));
   fetch.mockRestore();
 });
@@ -24,6 +32,7 @@ it('provides an accessible collapsed sidebar entry and a retry after opening fai
   vi.mocked(invokeIpc).mockRejectedValueOnce(new Error('unavailable'));
   render(<CommunityLink variant="sidebar" collapsed />);
   const button = screen.getByRole('button', { name: '作品广场' });
+  expect(button.querySelector('.community-link-icon svg')).not.toBeNull();
   fireEvent.click(button);
   await screen.findByRole('alert');
   await waitFor(() => expect(button).toBeEnabled());
@@ -31,3 +40,19 @@ it('provides an accessible collapsed sidebar entry and a retry after opening fai
   await waitFor(() => expect(invokeIpc).toHaveBeenCalledTimes(2));
   expect(screen.queryByRole('alert')).not.toBeInTheDocument();
 });
+
+it('keeps the welcome entry available for retry without submitting its surrounding form', async () => {
+  const submit = vi.fn((event: FormEvent) => event.preventDefault());
+  vi.mocked(invokeIpc).mockRejectedValueOnce(new Error('unavailable'));
+  render(<form onSubmit={submit}><CodingStartHeading /></form>);
+  const button = screen.getByRole('button', { name: '作品广场' });
+  fireEvent.click(button);
+  await screen.findByRole('alert');
+  await waitFor(() => expect(button).toBeEnabled());
+  expect(submit).not.toHaveBeenCalled();
+  fireEvent.click(button);
+  await waitFor(() => expect(invokeIpc).toHaveBeenCalledTimes(2));
+  expect(invokeIpc).toHaveBeenLastCalledWith('shell:openExternal', COMMUNITY_URL);
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  expect(submit).not.toHaveBeenCalled();
+});