Merge remote-tracking branch 'origin/master' into codex/ddd

# Conflicts: # docs/technical/README.md # docs/technical/RUST_API_SERVER_ROUTE_INDEX_2026-04-22.md # docs/technical/SPACETIMEDB_TABLE_CATALOG.md # scripts/generate-spacetime-bindings.mjs # server-rs/crates/api-server/src/app.rs # server-rs/crates/api-server/src/assets.rs # server-rs/crates/api-server/src/big_fish.rs # server-rs/crates/api-server/src/custom_world_ai.rs # server-rs/crates/api-server/src/llm.rs # server-rs/crates/api-server/src/main.rs # server-rs/crates/api-server/src/puzzle.rs # server-rs/crates/api-server/src/runtime_profile.rs # server-rs/crates/api-server/src/runtime_story/compat/ai.rs # server-rs/crates/api-server/src/runtime_story/compat/npc_actions.rs # server-rs/crates/api-server/src/runtime_story/compat/presentation.rs # server-rs/crates/api-server/src/runtime_story/compat/tests.rs # server-rs/crates/api-server/src/state.rs # server-rs/crates/module-auth/src/lib.rs # server-rs/crates/module-big-fish/src/lib.rs # server-rs/crates/module-custom-world/src/lib.rs # server-rs/crates/module-puzzle/src/lib.rs # server-rs/crates/module-runtime/src/lib.rs # server-rs/crates/spacetime-client/src/big_fish.rs # server-rs/crates/spacetime-client/src/lib.rs # server-rs/crates/spacetime-client/src/mapper.rs # server-rs/crates/spacetime-client/src/module_bindings/admin_disable_profile_redeem_code_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/admin_upsert_profile_redeem_code_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/advance_puzzle_next_level_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/append_ai_text_chunk_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/apply_chapter_progression_ledger_entry_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/attach_ai_result_reference_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/authorize_database_migration_operator_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/begin_story_session_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/big_fish_runtime_run_type.rs # server-rs/crates/spacetime-client/src/module_bindings/bind_asset_object_to_entity_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/cancel_ai_task_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/clear_platform_browse_history_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/compile_big_fish_draft_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/compile_custom_world_published_profile_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/compile_puzzle_agent_draft_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/complete_ai_stage_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/complete_ai_task_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/confirm_asset_object_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/consume_profile_wallet_points_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/continue_story_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_ai_task_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_battle_state_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_big_fish_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_custom_world_agent_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_profile_recharge_order_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/create_puzzle_agent_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/delete_big_fish_work_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/delete_custom_world_agent_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/delete_custom_world_profile_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/delete_puzzle_work_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/delete_runtime_snapshot_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/drag_puzzle_piece_or_group_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/execute_custom_world_agent_action_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/export_auth_store_snapshot_from_tables_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/export_database_migration_to_file_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/fail_ai_task_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/finalize_big_fish_agent_message_turn_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/finalize_custom_world_agent_message_turn_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/finalize_puzzle_agent_message_turn_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/generate_big_fish_asset_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_auth_store_snapshot_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_battle_state_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_big_fish_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_chapter_progression_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_agent_card_detail_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_agent_operation_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_agent_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_gallery_detail_by_code_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_gallery_detail_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_custom_world_library_detail_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_player_progression_or_default_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_profile_dashboard_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_profile_play_stats_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_profile_recharge_center_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_profile_referral_invite_center_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_puzzle_agent_session_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_puzzle_gallery_detail_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_puzzle_run_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_puzzle_work_detail_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_runtime_inventory_state_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_runtime_setting_or_default_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_runtime_snapshot_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/get_story_session_state_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/grant_player_progression_experience_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/import_auth_store_snapshot_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/import_database_migration_from_file_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/import_database_migration_incremental_from_file_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_asset_history_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_big_fish_works_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_custom_world_gallery_entries_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_custom_world_profiles_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_custom_world_works_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_platform_browse_history_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_profile_save_archives_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_profile_wallet_ledger_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_puzzle_gallery_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/list_puzzle_works_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/mod.rs # server-rs/crates/spacetime-client/src/module_bindings/publish_big_fish_game_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/publish_custom_world_profile_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/publish_custom_world_world_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/publish_puzzle_work_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/record_big_fish_play_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/redeem_profile_referral_invite_code_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/redeem_profile_reward_code_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/refund_profile_wallet_points_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resolve_combat_action_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resolve_npc_battle_interaction_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resolve_npc_interaction_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resolve_npc_social_action_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resolve_treasure_interaction_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/resume_profile_save_archive_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/revoke_database_migration_operator_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/save_puzzle_generated_images_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/select_puzzle_cover_image_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/start_puzzle_run_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/submit_big_fish_message_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/submit_custom_world_agent_message_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/submit_puzzle_agent_message_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/submit_puzzle_leaderboard_entry_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/swap_puzzle_pieces_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/unpublish_custom_world_profile_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/update_puzzle_work_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_auth_store_snapshot_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_chapter_progression_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_custom_world_agent_operation_progress_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_custom_world_profile_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_npc_state_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_platform_browse_history_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_runtime_setting_and_return_procedure.rs # server-rs/crates/spacetime-client/src/module_bindings/upsert_runtime_snapshot_and_return_procedure.rs # server-rs/crates/spacetime-module/src/auth/procedures.rs # server-rs/crates/spacetime-module/src/custom_world/mod.rs # server-rs/crates/spacetime-module/src/lib.rs # server-rs/crates/spacetime-module/src/migration.rs # server-rs/crates/spacetime-module/src/puzzle.rs # server-rs/crates/spacetime-module/src/runtime/profile.rs # src/components/platform-entry/PlatformEntryFlowShellImpl.tsx # src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx # src/services/aiService.ts # src/services/puzzle-runtime/puzzleRuntimeClient.ts
2026-05-02 03:35:59 +08:00
parent 9d9913095d fb6fb6e9f5
commit 8f4ca9abfa
513 changed files with 52813 additions and 6013 deletions
--- a/src/components/platform-entry/PlatformEntryCreationTypeModal.tsx
+++ b/src/components/platform-entry/PlatformEntryCreationTypeModal.tsx
@@ -10,6 +10,7 @@ export interface PlatformEntryCreationTypeModalProps {
  onClose: () => void;
  onSelectRpg: () => void;
  onSelectBigFish: () => void;
+  onSelectMatch3D: () => void;
  onSelectPuzzle: () => void;
 }

@@ -26,37 +27,35 @@ function CreationTypeCard(props: {
      type="button"
      disabled={disabled}
      onClick={onSelect}
-      className={`platform-interactive-card relative overflow-hidden rounded-[1.65rem] border px-4 py-4 text-left ${
+      className={`platform-interactive-card relative flex min-h-[8.25rem] flex-col overflow-hidden rounded-[1.65rem] border px-4 py-4 text-left ${
        item.locked
          ? 'cursor-not-allowed border-[var(--platform-subpanel-border)] bg-[var(--platform-subpanel-fill)] text-[var(--platform-text-soft)]'
          : 'border-[var(--platform-cool-border)] bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.24),transparent_34%),linear-gradient(135deg,rgba(255,79,139,0.96),rgba(255,145,110,0.9))] text-white'
      } ${busy && !item.locked ? 'opacity-70' : ''}`}
    >
-      <div className="flex items-start justify-between gap-3">
-        <span
-          className={`platform-pill px-3 ${
-            item.locked
-              ? 'platform-pill--neutral text-[var(--platform-text-soft)]'
-              : 'platform-pill--neutral border-white/30 bg-white/18 text-white'
-          }`}
-        >
-          {item.locked ? item.badge : busy ? '正在开启' : item.badge}
-        </span>
+      <div className="flex min-h-6 items-start justify-end gap-3">
+        {item.locked ? (
+          <span className="platform-pill platform-pill--neutral px-3 text-[var(--platform-text-soft)]">
+            {item.badge}
+          </span>
+        ) : null}
        {item.locked ? (
          <span className="text-lg leading-none text-white/45">·</span>
        ) : (
          <ArrowRight className="h-4 w-4 text-white/80" />
        )}
      </div>
-      <div className="mt-8 text-xl font-black leading-tight text-inherit">
-        {item.title}
-      </div>
-      <div
-        className={`mt-2 text-sm ${
-          item.locked ? 'text-zinc-500' : 'text-zinc-200/82'
-        }`}
-      >
-        {item.subtitle}
+      <div className="mt-auto pt-4">
+        <div className="text-xl font-black leading-tight text-inherit">
+          {item.title}
+        </div>
+        <div
+          className={`mt-2 text-sm ${
+            item.locked ? 'text-zinc-500' : 'text-zinc-200/82'
+          }`}
+        >
+          {item.subtitle}
+        </div>
      </div>
    </button>
  );
@@ -73,6 +72,7 @@ export function PlatformEntryCreationTypeModal({
  onClose,
  onSelectRpg,
  onSelectBigFish,
+  onSelectMatch3D,
  onSelectPuzzle,
 }: PlatformEntryCreationTypeModalProps) {
  if (!isOpen) {
@@ -105,6 +105,9 @@ export function PlatformEntryCreationTypeModal({
              if (item.id === 'big-fish') {
                onSelectBigFish();
              }
+              if (item.id === 'match3d') {
+                onSelectMatch3D();
+              }
              if (item.id === 'puzzle') {
                onSelectPuzzle();
              }
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
--- a/src/components/platform-entry/PlatformWorkDetailView.test.tsx
+++ b/src/components/platform-entry/PlatformWorkDetailView.test.tsx
@@ -0,0 +1,223 @@
+/* @vitest-environment jsdom */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react';
+import { afterEach, expect, test, vi } from 'vitest';
+
+import type { PlatformPuzzleGalleryCard } from '../rpg-entry/rpgEntryWorldPresentation';
+import { PlatformWorkDetailView } from './PlatformWorkDetailView';
+
+vi.mock('../ResolvedAssetImage', () => ({
+  ResolvedAssetImage: ({
+    src,
+    alt,
+    className,
+    'aria-hidden': ariaHidden,
+  }: {
+    src?: string | null;
+    alt?: string;
+    className?: string;
+    'aria-hidden'?: boolean | 'true' | 'false';
+  }) => (
+    <img
+      src={src ?? ''}
+      alt={alt ?? ''}
+      className={className}
+      aria-hidden={ariaHidden}
+    />
+  ),
+}));
+
+function createPuzzleEntry(): PlatformPuzzleGalleryCard {
+  return {
+    sourceType: 'puzzle',
+    workId: 'work-1',
+    profileId: 'profile-1',
+    publicWorkCode: 'PZ-001',
+    ownerUserId: 'user-1',
+    authorDisplayName: '137****6613',
+    worldName: '关键词：逍遥游拼图',
+    subtitle: '拼图关卡',
+    summaryText: '适合公开游玩的拼图作品。',
+    coverImageSrc: null,
+    coverSlides: [],
+    themeTags: ['拼图'],
+    playCount: 12,
+    remixCount: 3,
+    likeCount: 4,
+    recentPlayCount7d: 0,
+    visibility: 'published',
+    publishedAt: '2026-04-20T10:00:00.000Z',
+    updatedAt: '2026-04-25T12:00:00.000Z',
+  };
+}
+
+afterEach(() => {
+  vi.useRealTimers();
+});
+
+test('PlatformWorkDetailView renders compact stats and date time', () => {
+  render(
+    <PlatformWorkDetailView
+      entry={createPuzzleEntry()}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  expect(screen.getByText('改造')).toBeTruthy();
+  expect(screen.getByText('游玩')).toBeTruthy();
+  expect(screen.getAllByText('点赞').length).toBeGreaterThanOrEqual(2);
+  expect(screen.getByText('日期')).toBeTruthy();
+  expect(screen.queryByText('改造次数')).toBeNull();
+  expect(screen.queryByText('游玩次数')).toBeNull();
+  expect(screen.queryByText('上线日期')).toBeNull();
+  expect(screen.queryByText('最近更新')).toBeNull();
+  expect(screen.getByText('2026-04-25')).toBeTruthy();
+  expect(screen.getAllByText('次')).toHaveLength(2);
+  expect(screen.getByText('赞')).toBeTruthy();
+  expect(screen.getByRole('button', { name: '点赞 4赞' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '作品改造' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '启动' })).toBeTruthy();
+});
+
+test('PlatformWorkDetailView prefers resolved public user display name', () => {
+  render(
+    <PlatformWorkDetailView
+      entry={createPuzzleEntry()}
+      authorDisplayName="新的作者昵称"
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  expect(screen.getByText('新的作者昵称')).toBeTruthy();
+  expect(screen.queryByText('137****6613')).toBeNull();
+});
+
+test('PlatformWorkDetailView calls like handler', () => {
+  const onLike = vi.fn();
+  render(
+    <PlatformWorkDetailView
+      entry={createPuzzleEntry()}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={onLike}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  fireEvent.click(screen.getByRole('button', { name: '点赞 4赞' }));
+
+  expect(onLike).toHaveBeenCalledTimes(1);
+});
+
+test('PlatformWorkDetailView cycles puzzle level cover slides', () => {
+  vi.useFakeTimers();
+  const { container } = render(
+    <PlatformWorkDetailView
+      entry={{
+        ...createPuzzleEntry(),
+        coverImageSrc: '/fallback-cover.png',
+        coverSlides: [
+          {
+            id: 'level-1',
+            imageSrc: '/level-1.png',
+            label: '第一关',
+          },
+          {
+            id: 'level-2',
+            imageSrc: '/level-2.png',
+            label: '第二关',
+          },
+        ],
+      }}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
+    '/level-1.png',
+  );
+  const appIconImage = container.querySelector(
+    '.platform-work-detail__app-icon img',
+  );
+  expect(appIconImage?.getAttribute('src')).toBe('/level-1.png');
+
+  fireEvent.click(screen.getByRole('button', { name: '下一张关卡图' }));
+
+  expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
+    '/level-2.png',
+  );
+  expect(appIconImage?.getAttribute('src')).toBe('/level-1.png');
+  expect(
+    container.querySelector('.platform-work-detail__cover-image--locked'),
+  ).toBeTruthy();
+  expect(
+    container.querySelector('.platform-work-detail__cover-lock-icon'),
+  ).toBeTruthy();
+
+  act(() => {
+    vi.advanceTimersByTime(4200);
+  });
+
+  expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
+    '/level-1.png',
+  );
+});
+
+test('PlatformWorkDetailView unlocks later puzzle covers by visible cover count', () => {
+  const { container } = render(
+    <PlatformWorkDetailView
+      entry={{
+        ...createPuzzleEntry(),
+        coverSlides: [
+          {
+            id: 'level-1',
+            imageSrc: '/level-1.png',
+            label: '第一关',
+          },
+          {
+            id: 'level-2',
+            imageSrc: '/level-2.png',
+            label: '第二关',
+          },
+        ],
+      }}
+      visibleCoverCount={2}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  fireEvent.click(screen.getByRole('button', { name: '下一张关卡图' }));
+
+  expect(screen.getAllByAltText('关键词：逍遥游拼图')[0]?.getAttribute('src')).toBe(
+    '/level-2.png',
+  );
+  expect(
+    container.querySelector('.platform-work-detail__cover-image--locked'),
+  ).toBeNull();
+  expect(
+    container.querySelector('.platform-work-detail__cover-lock-icon'),
+  ).toBeNull();
+});
--- a/src/components/platform-entry/PlatformWorkDetailView.tsx
+++ b/src/components/platform-entry/PlatformWorkDetailView.tsx
@@ -0,0 +1,443 @@
+import {
+  ArrowLeft,
+  ChevronLeft,
+  ChevronRight,
+  CircleHelp,
+  Clock3,
+  Copy,
+  Gamepad2,
+  GitFork,
+  Heart,
+  Play,
+  Share2,
+} from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+
+import { buildPublicWorkDetailUrl } from '../../routing/appPageRoutes';
+import { copyTextToClipboard } from '../../services/clipboard';
+import { ResolvedAssetImage } from '../ResolvedAssetImage';
+import {
+  buildPlatformWorldDisplayTags,
+  formatPlatformWorkDisplayName,
+  formatPlatformWorkDisplayTags,
+  formatPlatformWorldTime,
+  type PlatformPublicGalleryCard,
+  resolvePlatformPublicWorkCode,
+  resolvePlatformWorldCoverSlides,
+  resolvePlatformWorldStats,
+} from '../rpg-entry/rpgEntryWorldPresentation';
+
+export interface PlatformWorkDetailViewProps {
+  entry: PlatformPublicGalleryCard;
+  authorAvatarUrl?: string | null;
+  authorDisplayName?: string | null;
+  isBusy: boolean;
+  error: string | null;
+  visibleCoverCount?: number;
+  onBack: () => void;
+  onLike: () => void;
+  onStart: () => void;
+  onRemix: () => void;
+}
+
+function formatCompactCount(value: number) {
+  if (value >= 10000) {
+    const normalized = value / 10000;
+    return `${Number.isInteger(normalized) ? normalized.toFixed(0) : normalized.toFixed(1)}万`;
+  }
+  return `${value}`;
+}
+
+function getSourceLabel(entry: PlatformPublicGalleryCard) {
+  if ('sourceType' in entry && entry.sourceType === 'puzzle') {
+    return '拼图';
+  }
+  if ('sourceType' in entry && entry.sourceType === 'big-fish') {
+    return '大鱼吃小鱼';
+  }
+  if ('sourceType' in entry && entry.sourceType === 'match3d') {
+    return '抓大鹅';
+  }
+  return 'RPG';
+}
+
+function getAuthorAvatarLabel(authorDisplayName: string) {
+  return Array.from(authorDisplayName.trim() || '作')[0] ?? '作';
+}
+
+const PLATFORM_WORK_COVER_CAROUSEL_INTERVAL_MS = 4200;
+
+export function PlatformWorkDetailView({
+  entry,
+  authorAvatarUrl,
+  authorDisplayName,
+  isBusy,
+  error,
+  visibleCoverCount = 1,
+  onBack,
+  onLike,
+  onStart,
+  onRemix,
+}: PlatformWorkDetailViewProps) {
+  const coverSlides = useMemo(
+    () => resolvePlatformWorldCoverSlides(entry),
+    [entry],
+  );
+  const [activeCoverIndex, setActiveCoverIndex] = useState(0);
+  const activeCoverSlide =
+    coverSlides[activeCoverIndex] ?? coverSlides[0] ?? null;
+  const coverImage = activeCoverSlide?.imageSrc ?? '';
+  const unlockedCoverCount = Math.max(1, Math.floor(visibleCoverCount));
+  const isActiveCoverVisible = activeCoverIndex < unlockedCoverCount;
+  const appIconImage = coverSlides[0]?.imageSrc ?? '';
+  const hasCoverCarousel = coverSlides.length > 1;
+  const publicWorkCode = resolvePlatformPublicWorkCode(entry);
+  const normalizedAuthorAvatarUrl = authorAvatarUrl?.trim() ?? '';
+  const resolvedAuthorDisplayName =
+    authorDisplayName?.trim() || entry.authorDisplayName;
+  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
+    'idle',
+  );
+  const [shareState, setShareState] = useState<'idle' | 'copied' | 'failed'>(
+    'idle',
+  );
+  const displayName = formatPlatformWorkDisplayName(entry.worldName);
+  const tags = useMemo(
+    () =>
+      formatPlatformWorkDisplayTags(
+        [getSourceLabel(entry), ...buildPlatformWorldDisplayTags(entry, 3)],
+        4,
+      ),
+    [entry],
+  );
+  const stats = resolvePlatformWorldStats(entry);
+  const statItems = [
+    {
+      label: '游玩',
+      value: formatCompactCount(stats.playCount),
+      unit: '次',
+      icon: Gamepad2,
+      tone: 'play',
+    },
+    {
+      label: '改造',
+      value: formatCompactCount(stats.remixCount),
+      unit: '次',
+      icon: GitFork,
+      tone: 'remix',
+    },
+    {
+      label: '点赞',
+      value: formatCompactCount(stats.likeCount),
+      unit: '赞',
+      icon: Heart,
+      tone: 'like',
+    },
+    {
+      label: '日期',
+      value: formatPlatformWorldTime(stats.updatedAt ?? stats.publishedAt),
+      icon: Clock3,
+      tone: 'time',
+      isTime: true,
+    },
+  ];
+
+  useEffect(() => {
+    setActiveCoverIndex(0);
+  }, [entry.profileId, coverSlides.length]);
+
+  useEffect(() => {
+    setActiveCoverIndex((current) =>
+      coverSlides.length > 0 ? Math.min(current, coverSlides.length - 1) : 0,
+    );
+  }, [coverSlides.length]);
+
+  useEffect(() => {
+    if (!hasCoverCarousel) {
+      return undefined;
+    }
+
+    const timerId = window.setInterval(() => {
+      setActiveCoverIndex((current) => (current + 1) % coverSlides.length);
+    }, PLATFORM_WORK_COVER_CAROUSEL_INTERVAL_MS);
+
+    return () => {
+      window.clearInterval(timerId);
+    };
+  }, [coverSlides.length, hasCoverCarousel]);
+
+  const showPreviousCover = () => {
+    if (!hasCoverCarousel) {
+      return;
+    }
+    setActiveCoverIndex(
+      (current) => (current - 1 + coverSlides.length) % coverSlides.length,
+    );
+  };
+
+  const showNextCover = () => {
+    if (!hasCoverCarousel) {
+      return;
+    }
+    setActiveCoverIndex((current) => (current + 1) % coverSlides.length);
+  };
+
+  const copyPublicWorkCode = () => {
+    if (!publicWorkCode) {
+      return;
+    }
+
+    void copyTextToClipboard(publicWorkCode).then((copied) => {
+      setCopyState(copied ? 'copied' : 'failed');
+      window.setTimeout(() => setCopyState('idle'), 1400);
+    });
+  };
+
+  const sharePublicWork = () => {
+    if (!publicWorkCode) {
+      return;
+    }
+
+    const shareText = `邀请你来玩《${entry.worldName}》\n作品号：${publicWorkCode}\n${buildPublicWorkDetailUrl(publicWorkCode)}`;
+    void copyTextToClipboard(shareText).then((copied) => {
+      setShareState(copied ? 'copied' : 'failed');
+      window.setTimeout(() => setShareState('idle'), 1400);
+    });
+  };
+
+  return (
+    <div className="platform-work-detail">
+      <div className="platform-work-detail__topbar">
+        <button
+          type="button"
+          className="platform-work-detail__icon-button"
+          onClick={onBack}
+          aria-label="返回"
+          title="返回"
+        >
+          <ArrowLeft className="h-6 w-6" />
+        </button>
+        <div className="platform-work-detail__title">详情</div>
+        <button
+          type="button"
+          className="platform-work-detail__icon-button"
+          onClick={sharePublicWork}
+          disabled={!publicWorkCode}
+          aria-label="分享"
+          title="分享"
+        >
+          <Share2 className="h-5 w-5" />
+        </button>
+      </div>
+
+      <div className="platform-work-detail__scroll">
+        <section className="platform-work-detail__cover">
+          {coverImage ? (
+            <>
+              <ResolvedAssetImage
+                src={coverImage}
+                alt=""
+                aria-hidden="true"
+                className="platform-work-detail__cover-blur"
+              />
+              <ResolvedAssetImage
+                src={coverImage}
+                alt={entry.worldName}
+                className={`platform-work-detail__cover-image${
+                  isActiveCoverVisible
+                    ? ''
+                    : ' platform-work-detail__cover-image--locked'
+                }`}
+              />
+              {!isActiveCoverVisible ? (
+                <div
+                  className="platform-work-detail__cover-lock"
+                  aria-hidden="true"
+                >
+                  <CircleHelp className="platform-work-detail__cover-lock-icon" />
+                </div>
+              ) : null}
+              {hasCoverCarousel ? (
+                <>
+                  <button
+                    type="button"
+                    className="platform-work-detail__cover-nav platform-work-detail__cover-nav--prev"
+                    onClick={showPreviousCover}
+                    aria-label="上一张关卡图"
+                    title="上一张关卡图"
+                  >
+                    <ChevronLeft className="h-5 w-5" />
+                  </button>
+                  <button
+                    type="button"
+                    className="platform-work-detail__cover-nav platform-work-detail__cover-nav--next"
+                    onClick={showNextCover}
+                    aria-label="下一张关卡图"
+                    title="下一张关卡图"
+                  >
+                    <ChevronRight className="h-5 w-5" />
+                  </button>
+                  <div className="platform-work-detail__cover-dots">
+                    {coverSlides.map((slide, index) => (
+                      <button
+                        key={slide.id}
+                        type="button"
+                        className={`platform-work-detail__cover-dot${
+                          index === activeCoverIndex
+                            ? ' platform-work-detail__cover-dot--active'
+                            : ''
+                        }`}
+                        onClick={() => setActiveCoverIndex(index)}
+                        aria-label={`查看${slide.label || `第 ${index + 1} 关`}`}
+                        aria-current={
+                          index === activeCoverIndex ? 'true' : undefined
+                        }
+                      />
+                    ))}
+                  </div>
+                </>
+              ) : null}
+            </>
+          ) : (
+            <div className="platform-work-detail__cover-fallback" />
+          )}
+        </section>
+
+        <section className="platform-work-detail__summary">
+          <div className="platform-work-detail__meta-row">
+            <div className="platform-work-detail__app-icon">
+              {appIconImage ? (
+                <ResolvedAssetImage
+                  src={appIconImage}
+                  alt=""
+                  aria-hidden="true"
+                  className="h-full w-full object-cover"
+                />
+              ) : (
+                entry.worldName.slice(0, 1)
+              )}
+            </div>
+            <div className="min-w-0 flex-1">
+              <div className="platform-work-detail__name">{displayName}</div>
+              <div className="platform-work-detail__author">
+                <span className="platform-work-detail__author-avatar">
+                  {normalizedAuthorAvatarUrl ? (
+                    <ResolvedAssetImage
+                      src={normalizedAuthorAvatarUrl}
+                      alt=""
+                      aria-hidden="true"
+                      className="platform-work-detail__author-avatar-image"
+                    />
+                  ) : (
+                    <span className="platform-work-detail__author-avatar-label">
+                      {getAuthorAvatarLabel(resolvedAuthorDisplayName)}
+                    </span>
+                  )}
+                </span>
+                <span className="platform-work-detail__author-name">
+                  {resolvedAuthorDisplayName}
+                </span>
+              </div>
+            </div>
+            <button
+              type="button"
+              className="platform-work-detail__like"
+              onClick={onLike}
+              disabled={isBusy}
+              aria-label={`点赞 ${formatCompactCount(stats.likeCount)}赞`}
+              title="点赞"
+            >
+              <Heart className="h-5 w-5 fill-current" />
+              点赞
+            </button>
+          </div>
+
+          <div className="platform-work-detail__stats">
+            {statItems.map((item) => (
+              <div
+                key={item.label}
+                className={`platform-work-detail__stat platform-work-detail__stat--${item.tone}`}
+              >
+                <div className="platform-work-detail__stat-head">
+                  <span className="platform-work-detail__stat-icon">
+                    <item.icon className="h-3.5 w-3.5" />
+                  </span>
+                  <span className="platform-work-detail__stat-label">
+                    {item.label}
+                  </span>
+                </div>
+                <div
+                  className={`platform-work-detail__stat-value${
+                    item.isTime ? ' platform-work-detail__stat-value--time' : ''
+                  }`}
+                >
+                  <span className="platform-work-detail__stat-number">
+                    {item.value}
+                  </span>
+                  {item.unit ? (
+                    <span className="platform-work-detail__stat-unit">
+                      {item.unit}
+                    </span>
+                  ) : null}
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section className="platform-work-detail__body">
+          <div className="platform-work-detail__chips">
+            {tags.map((tag) => (
+              <span key={tag} className="platform-work-detail__chip">
+                {tag}
+              </span>
+            ))}
+          </div>
+          <p className="platform-work-detail__copy">{entry.summaryText}</p>
+          {publicWorkCode ? (
+            <button
+              type="button"
+              className="platform-work-detail__code"
+              onClick={copyPublicWorkCode}
+            >
+              <Copy className="h-4 w-4" />
+              <span>{publicWorkCode}</span>
+              {copyState !== 'idle' ? (
+                <span>{copyState === 'copied' ? '已复制' : '复制失败'}</span>
+              ) : null}
+            </button>
+          ) : null}
+          {shareState !== 'idle' ? (
+            <div className="platform-work-detail__toast">
+              {shareState === 'copied' ? '分享内容已复制' : '分享失败'}
+            </div>
+          ) : null}
+          {error ? (
+            <div className="platform-work-detail__error">{error}</div>
+          ) : null}
+        </section>
+      </div>
+
+      <div className="platform-work-detail__bottom">
+        <button
+          type="button"
+          className="platform-work-detail__remix"
+          onClick={onRemix}
+          disabled={isBusy}
+        >
+          <GitFork className="h-5 w-5" />
+          作品改造
+        </button>
+        <button
+          type="button"
+          className="platform-work-detail__start"
+          onClick={onStart}
+          disabled={isBusy}
+        >
+          <Play className="h-5 w-5 fill-current" />
+          启动
+        </button>
+      </div>
+    </div>
+  );
+}
--- a/src/components/platform-entry/platformEntryCreationTypes.ts
+++ b/src/components/platform-entry/platformEntryCreationTypes.ts
@@ -1,6 +1,7 @@
 export type PlatformCreationTypeId =
  | 'rpg'
  | 'big-fish'
+  | 'match3d'
  | 'puzzle'
  | 'airp'
  | 'visual-novel';
@@ -19,7 +20,15 @@ export type PlatformCreationTypeCard = {
 * 平台层的入口、首屏卡带与初始化请求都应基于这份结果统一判断。
 */
 export function getVisiblePlatformCreationTypes() {
-  return PLATFORM_CREATION_TYPES.filter((item) => !item.hidden);
+  const visibleCreationTypes = PLATFORM_CREATION_TYPES.filter(
+    (item) => !item.hidden,
+  );
+
+  // 中文注释：可创建模板优先露出，敬请期待模板后置；两组内部沿用配置顺序。
+  return [
+    ...visibleCreationTypes.filter((item) => !item.locked),
+    ...visibleCreationTypes.filter((item) => item.locked),
+  ];
 }

 /**
@@ -36,10 +45,10 @@ export function isPlatformCreationTypeVisible(id: PlatformCreationTypeId) {
 export const PLATFORM_CREATION_TYPES: PlatformCreationTypeCard[] = [
  {
    id: 'rpg',
-    title: '角色扮演 RPG',
-    subtitle: 'Agent 共创',
-    badge: '可创建',
-    locked: false,
+    title: '角色扮演',
+    subtitle: '敬请期待',
+    badge: '敬请期待',
+    locked: true,
  },
  {
    id: 'big-fish',
@@ -51,8 +60,15 @@ export const PLATFORM_CREATION_TYPES: PlatformCreationTypeCard[] = [
  },
  {
    id: 'puzzle',
-    title: '拼图玩法',
-    subtitle: '图像锚点共创',
+    title: '拼图',
+    subtitle: '创意礼物，生活分享',
+    badge: '可创建',
+    locked: false,
+  },
+  {
+    id: 'match3d',
+    title: '抓大鹅',
+    subtitle: '经典消除玩法',
    badge: '可创建',
    locked: false,
  },
@@ -60,14 +76,14 @@ export const PLATFORM_CREATION_TYPES: PlatformCreationTypeCard[] = [
    id: 'airp',
    title: 'AIRP',
    subtitle: '敬请期待',
-    badge: '锁定',
+    badge: '敬请期待',
    locked: true,
  },
  {
    id: 'visual-novel',
    title: '视觉小说',
    subtitle: '敬请期待',
-    badge: '锁定',
+    badge: '敬请期待',
    locked: true,
  },
 ];
--- a/src/components/platform-entry/platformEntryTypes.ts
+++ b/src/components/platform-entry/platformEntryTypes.ts
@@ -15,12 +15,16 @@ export type CustomWorldRuntimeLaunchOptions = {

 export type SelectionStage =
  | 'platform'
+  | 'work-detail'
  | 'detail'
  | 'agent-workspace'
  | 'big-fish-agent-workspace'
  | 'big-fish-generating'
  | 'big-fish-result'
  | 'big-fish-runtime'
+  | 'match3d-agent-workspace'
+  | 'match3d-result'
+  | 'match3d-runtime'
  | 'puzzle-agent-workspace'
  | 'puzzle-generating'
  | 'puzzle-result'
--- a/src/components/platform-entry/usePlatformCreationAgentFlowController.ts
+++ b/src/components/platform-entry/usePlatformCreationAgentFlowController.ts
@@ -131,9 +131,9 @@ export function usePlatformCreationAgentFlowController<
  const [streamingReplyText, setStreamingReplyText] = useState('');
  const [isStreamingReply, setIsStreamingReply] = useState(false);

-  const openWorkspace = useCallback(async () => {
+  const openWorkspace = useCallback(async (createPayload?: TCreatePayload) => {
    if (isBusy) {
-      return;
+      return null;
    }

    setIsBusy(true);
@@ -142,15 +142,20 @@ export function usePlatformCreationAgentFlowController<
    setIsStreamingReply(false);

    try {
-      const response = await options.client.createSession(options.createPayload);
-      setSession(options.client.selectSession(response));
+      const response = await options.client.createSession(
+        createPayload ?? options.createPayload,
+      );
+      const nextSession = options.client.selectSession(response);
+      setSession(nextSession);
      options.enterCreateTab();
      options.onSessionOpened?.();
      options.setSelectionStage(options.workspaceStage);
+      return nextSession;
    } catch (caughtError) {
      setError(
        options.resolveErrorMessage(caughtError, options.errorMessages.open),
      );
+      return null;
    } finally {
      setIsBusy(false);
    }
@@ -235,8 +240,9 @@ export function usePlatformCreationAgentFlowController<
  );

  const executeAction = useCallback(
-    async (payload: TActionPayload) => {
-      if (!session || isBusy) {
+    async (payload: TActionPayload, sessionOverride?: TSession | null) => {
+      const targetSession = sessionOverride ?? session;
+      if (!targetSession || isBusy) {
        return;
      }

@@ -244,15 +250,15 @@ export function usePlatformCreationAgentFlowController<
      setError(null);

      try {
-        options.beforeExecuteAction?.({ payload, session });
+        options.beforeExecuteAction?.({ payload, session: targetSession });
        const response = await options.client.executeAction(
-          session.sessionId,
+          targetSession.sessionId,
          payload,
        );
        await options.onActionComplete?.({
          payload,
          response,
-          session,
+          session: targetSession,
          setSession,
        });
        if (options.isCompileAction(payload)) {