From d2afa2bfe74407bdba44c4857e048e7b968267d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B1=9F=E6=9E=97=E9=93=96?=
 <jianglincheng@jianglinchengdeMacBook-Pro.local>
Date: Tue, 11 Aug 2026 13:34:11 +0800
Subject: [PATCH] feat: show work description in review workspace

---
 .../WorkReviewReviewerWorkspace.tsx           | 13 ++++++++++++
 .../work-review-reviewer-workspace.test.tsx   | 21 +++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/components/work-review/WorkReviewReviewerWorkspace.tsx b/components/work-review/WorkReviewReviewerWorkspace.tsx
index 6e9a7872..70ec78e0 100644
--- a/components/work-review/WorkReviewReviewerWorkspace.tsx
+++ b/components/work-review/WorkReviewReviewerWorkspace.tsx
@@ -903,6 +903,19 @@ export function WorkReviewReviewerWorkspace({
             </div>
           </div>
         )}
+        <section
+          className="shrink-0 border-b border-[#dfe5ee] bg-[#f8fafc] px-3 py-3 sm:px-4"
+          aria-labelledby="work-review-description-title"
+        >
+          <div className="grid gap-1 sm:grid-cols-[auto_minmax(0,1fr)] sm:items-start sm:gap-4">
+            <h2 id="work-review-description-title" className="text-[12px] font-bold leading-5 text-[#344054]">
+              作品说明
+            </h2>
+            <p className="max-h-24 overflow-y-auto whitespace-pre-wrap break-words text-[12px] leading-5 text-[#526173] [overflow-wrap:anywhere]">
+              {project.description?.trim() || '未填写作品说明'}
+            </p>
+          </div>
+        </section>
         <div className="relative min-h-0 flex-1 overflow-hidden">
           <div
             ref={comparisonRef}
diff --git a/lib/__tests__/work-review-reviewer-workspace.test.tsx b/lib/__tests__/work-review-reviewer-workspace.test.tsx
index 6f87a4b3..2b4ad952 100644
--- a/lib/__tests__/work-review-reviewer-workspace.test.tsx
+++ b/lib/__tests__/work-review-reviewer-workspace.test.tsx
@@ -63,6 +63,27 @@ const projectWithReference: WorkReviewProject = {
 }
 
 describe('WorkReviewReviewerWorkspace', () => {
+  test('shows the submitted work description above the image workspace', () => {
+    render(
+      <WorkReviewReviewerWorkspace
+        project={{
+          ...project,
+          description: '用于测试新版视觉主图。\n重点关注标题层级与产品卖点。',
+        }}
+        onSubmitReview={jest.fn()}
+      />,
+    )
+
+    const description = screen.getByText((_, element) => (
+      element?.tagName === 'P'
+      && element.textContent === '用于测试新版视觉主图。\n重点关注标题层级与产品卖点。'
+    ))
+    expect(screen.getByRole('heading', { name: '作品说明' })).toBeInTheDocument()
+    expect(description).toHaveClass('whitespace-pre-wrap', 'break-words')
+    expect(description.compareDocumentPosition(screen.getAllByText('作品图片')[0]))
+      .toBe(Node.DOCUMENT_POSITION_FOLLOWING)
+  })
+
   test('keeps mobile box selection under app control and recovers after a cancelled gesture', async () => {
     window.PointerEvent = MouseEvent as typeof PointerEvent
     const user = userEvent.setup()