fix: 完善作品号展示与复制入口

src/components/puzzle-gallery/PuzzleGalleryDetailView.test.tsx

@@ -0,0 +1,66 @@
+/* @vitest-environment jsdom */
+
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, expect, test, vi } from 'vitest';
+
+import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
+import { PuzzleGalleryDetailView } from './PuzzleGalleryDetailView';
+
+vi.mock('../ResolvedAssetImage', () => ({
+  ResolvedAssetImage: () => null,
+}));
+
+const originalClipboard = navigator.clipboard;
+
+const detailItem = {
+  workId: 'puzzle-work-public-1',
+  profileId: 'puzzle-profile-public-1',
+  ownerUserId: 'user-2',
+  sourceSessionId: 'puzzle-session-1',
+  authorDisplayName: '拼图玩家',
+  levelName: '奇幻拼图',
+  summary: '一张用于公开分享的拼图作品。',
+  themeTags: ['奇幻'],
+  coverImageSrc: null,
+  coverAssetId: null,
+  publicationStatus: 'published',
+  updatedAt: '2026-04-25T10:00:00.000Z',
+  publishedAt: '2026-04-25T10:00:00.000Z',
+  playCount: 7,
+  publishReady: true,
+} satisfies PuzzleWorkSummary;
+
+afterEach(() => {
+  vi.clearAllMocks();
+  Object.defineProperty(navigator, 'clipboard', {
+    configurable: true,
+    value: originalClipboard,
+  });
+});
+
+test('shows and copies puzzle public work code in detail view', async () => {
+  const user = userEvent.setup();
+  const writeText = vi.fn(async () => undefined);
+  Object.defineProperty(navigator, 'clipboard', {
+    configurable: true,
+    value: { writeText },
+  });
+
+  render(
+    <PuzzleGalleryDetailView
+      item={detailItem}
+      onBack={vi.fn()}
+      onStartGame={vi.fn()}
+    />,
+  );
+
+  expect(screen.getByText('作品号')).toBeTruthy();
+  expect(screen.getByText('PZ-EPUBLIC1')).toBeTruthy();
+
+  await user.click(
+    screen.getByRole('button', { name: '复制作品号 PZ-EPUBLIC1' }),
+  );
+
+  expect(writeText).toHaveBeenCalledWith('PZ-EPUBLIC1');
+});

src/components/puzzle-gallery/PuzzleGalleryDetailView.tsx

@@ -1,6 +1,7 @@
-import { ArrowLeft, Play, UserRound } from 'lucide-react';
+import { ArrowLeft, Copy, Pencil, Play, UserRound } from 'lucide-react';
 
 import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
+import { buildPuzzlePublicWorkCode } from '../../services/publicWorkCode';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 
 type PuzzleGalleryDetailViewProps = {
@@ -8,9 +9,18 @@ type PuzzleGalleryDetailViewProps = {
   isBusy?: boolean;
   error?: string | null;
   onBack: () => void;
+  onEdit?: (() => void) | null;
   onStartGame: () => void;
 };
 
+function copyText(value: string) {
+  if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) {
+    return;
+  }
+
+  void navigator.clipboard.writeText(value);
+}
+
 /**
  * 拼图广场详情页。
  * 展示最小信息并提供进入游戏动作，不扩展评论、收藏等非本轮需求。
@@ -20,8 +30,11 @@ export function PuzzleGalleryDetailView({
   isBusy = false,
   error = null,
   onBack,
+  onEdit = null,
   onStartGame,
 }: PuzzleGalleryDetailViewProps) {
+  const publicWorkCode = buildPuzzlePublicWorkCode(item.profileId);
+
   return (
     <div className="mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col gap-3 overflow-hidden px-1 sm:px-0">
       <div className="relative overflow-hidden rounded-[1.8rem] border border-amber-100/16 bg-[radial-gradient(circle_at_top_left,rgba(251,191,36,0.18),transparent_32%),linear-gradient(135deg,rgba(76,29,19,0.98),rgba(15,23,42,0.98))] px-4 py-4 text-white sm:px-5">
@@ -33,15 +46,28 @@ export function PuzzleGalleryDetailView({
           >
             <ArrowLeft className="h-4 w-4" />
           </button>
-          <button
-            type="button"
-            disabled={isBusy}
-            onClick={onStartGame}
-            className="inline-flex items-center gap-2 rounded-full bg-amber-200 px-4 py-2 text-sm font-bold text-slate-950 disabled:opacity-45"
-          >
-            <Play className="h-4 w-4" />
-            进入第 1 关
-          </button>
+          <div className="flex flex-wrap justify-end gap-2">
+            {onEdit ? (
+              <button
+                type="button"
+                disabled={isBusy}
+                onClick={onEdit}
+                className="inline-flex items-center gap-2 rounded-full bg-white/12 px-4 py-2 text-sm font-bold text-white disabled:opacity-45"
+              >
+                <Pencil className="h-4 w-4" />
+                修改作品
+              </button>
+            ) : null}
+            <button
+              type="button"
+              disabled={isBusy}
+              onClick={onStartGame}
+              className="inline-flex items-center gap-2 rounded-full bg-amber-200 px-4 py-2 text-sm font-bold text-slate-950 disabled:opacity-45"
+            >
+              <Play className="h-4 w-4" />
+              进入第 1 关
+            </button>
+          </div>
         </div>
 
         <div className="mt-6">
@@ -54,6 +80,17 @@ export function PuzzleGalleryDetailView({
               {item.authorDisplayName}
             </span>
             <span>{item.playCount} 次游玩</span>
+            <button
+              type="button"
+              onClick={() => copyText(publicWorkCode)}
+              className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-white/14 bg-white/10 px-3 py-1 text-sm text-amber-50/86"
+              aria-label={`复制作品号 ${publicWorkCode}`}
+              title="复制作品号"
+            >
+              <span className="shrink-0">作品号</span>
+              <span className="min-w-0 truncate">{publicWorkCode}</span>
+              <Copy className="h-3.5 w-3.5 shrink-0" />
+            </button>
           </div>
         </div>
       </div>