feat: add puzzle onboarding and match3d entry updates

src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx

@@ -87,14 +87,16 @@ const baseDraftItem: CustomWorldWorkSummary = {
   canEnterWorld: false,
 };
 
-test('creation hub reflects updated draft title summary and counts after rerender', () => {
+test('creation hub reflects updated draft title summary and counts after rerender', async () => {
+  const user = userEvent.setup();
+  const onCreateType = vi.fn();
   const { rerender } = render(
     <CustomWorldCreationHub
       items={[baseDraftItem]}
       loading={false}
       error={null}
       onRetry={() => {}}
-      onCreateType={noopCreateType}
+      onCreateType={onCreateType}
       onOpenDraft={() => {}}
       onEnterPublished={() => {}}
     />,
@@ -105,14 +107,21 @@ test('creation hub reflects updated draft title summary and counts after rerende
   expect(screen.queryByText('角色 3')).toBeNull();
   expect(screen.queryByText('地点 4')).toBeNull();
   const puzzleButton = screen.getByRole('button', { name: /拼图.*创意礼物/u });
+  const match3dButton = screen.getByRole('button', {
+    name: /抓大鹅.*经典消除玩法/u,
+  });
   const squareHoleButton = screen.getByRole('button', { name: /方洞挑战/u });
   expect((squareHoleButton as HTMLButtonElement).disabled).toBe(false);
   expect(puzzleButton).toBeTruthy();
+  expect(match3dButton).toBeTruthy();
   expect((puzzleButton as HTMLButtonElement).disabled).toBe(false);
+  expect((match3dButton as HTMLButtonElement).disabled).toBe(false);
   expect(screen.getByText('反直觉形状分拣')).toBeTruthy();
   expect(screen.queryByRole('button', { name: /角色扮演/u })).toBeNull();
   expect(screen.queryByRole('button', { name: /大鱼吃小鱼/u })).toBeNull();
-  expect(screen.queryByRole('button', { name: /抓大鹅/u })).toBeNull();
+
+  await user.click(match3dButton);
+  expect(onCreateType).toHaveBeenCalledWith('match3d');
 
   rerender(
     <CustomWorldCreationHub