From ce13bdbb0249a3fb60649b3cfb662838f77f8c86 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Thu, 11 Jun 2026 04:54:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=A7=E7=BB=AD=E6=94=B6=E5=8F=A3=E6=B5=85?=
 =?UTF-8?q?=E8=89=B2=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将统一创作页与多个浅色工作台返回入口切换为 PlatformBackActionButton
按页面保留 compact 与 regular 返回尺寸及禁用态
清理冗余 ArrowLeft 引用并完成对应页面定向验证
---
 .../BarkBattleConfigEditor.tsx                   | 14 +++++---------
 .../creative-agent/CreativeAgentWorkspace.tsx    | 16 +++++-----------
 .../BabyObjectMatchWorkspace.tsx                 | 14 +++++---------
 .../rpg-entry/RpgEntryWorldDetailView.tsx        | 14 +++++---------
 .../unified-creation/UnifiedCreationPage.tsx     | 14 ++++----------
 .../workspaces/JumpHopCreationWorkspace.tsx      | 16 +++++++---------
 .../workspaces/PuzzleCreationWorkspace.tsx       | 13 ++++---------
 .../workspaces/WoodenFishCreationWorkspace.tsx   | 16 +++++++---------
 .../VisualNovelAgentWorkspace.tsx                | 14 +++++---------
 9 files changed, 47 insertions(+), 84 deletions(-)

diff --git a/src/components/bark-battle-creation/BarkBattleConfigEditor.tsx b/src/components/bark-battle-creation/BarkBattleConfigEditor.tsx
index d5904b33..e22e2b69 100644
--- a/src/components/bark-battle-creation/BarkBattleConfigEditor.tsx
+++ b/src/components/bark-battle-creation/BarkBattleConfigEditor.tsx
@@ -1,10 +1,11 @@
-import { ArrowLeft, Loader2, Play } from 'lucide-react';
+import { Loader2, Play } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 
 import type { BarkBattleConfigEditorPayload } from '../../../packages/shared/src/contracts/barkBattle';
 import type { BarkBattleDifficultyPreset } from '../../../packages/shared/src/contracts/barkBattle';
 import { buildBarkBattleDefaultOnomatopoeia } from '../../games/bark-battle/application/BarkBattleConfig';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
@@ -151,16 +152,11 @@ export function BarkBattleConfigEditor({
     >
       {showBackButton && onBack ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
             disabled={isBusy}
-            tone="ghost"
-            size="xs"
-            className="min-h-0 self-start gap-1.5 px-3 py-1.5 text-[11px]"
-          >
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </PlatformActionButton>
+            className="px-3"
+          />
         </div>
       ) : null}
 
diff --git a/src/components/creative-agent/CreativeAgentWorkspace.tsx b/src/components/creative-agent/CreativeAgentWorkspace.tsx
index 3cf7b819..0ea79e56 100644
--- a/src/components/creative-agent/CreativeAgentWorkspace.tsx
+++ b/src/components/creative-agent/CreativeAgentWorkspace.tsx
@@ -1,4 +1,4 @@
-import { ArrowLeft, CheckCircle2, Puzzle } from 'lucide-react';
+import { CheckCircle2, Puzzle } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 
 import type {
@@ -11,6 +11,7 @@ import type {
   PuzzleCreativeTemplateSelection,
 } from '../../../packages/shared/src/contracts/puzzleCreativeTemplate';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
 import { PlatformIconBadge } from '../common/PlatformIconBadge';
 import { PlatformMediaFrame } from '../common/PlatformMediaFrame';
@@ -149,18 +150,11 @@ export function CreativeAgentWorkspace({
     <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full flex-col xl:max-w-[min(100%,88rem)] xl:px-1">
       <div className="mb-3 flex items-center justify-between gap-3">
         {showBackButton ? (
-          <PlatformActionButton
-            tone="ghost"
-            size="xs"
+          <PlatformBackActionButton
             onClick={onBack}
             disabled={isBusy}
-            className="min-h-0 px-3 py-1.5 text-[11px]"
-          >
-            <span className="inline-flex items-center gap-1.5">
-              <ArrowLeft className="h-3.5 w-3.5" />
-              返回
-            </span>
-          </PlatformActionButton>
+            className="px-3"
+          />
         ) : (
           <span aria-hidden="true" />
         )}
diff --git a/src/components/edutainment-creation/BabyObjectMatchWorkspace.tsx b/src/components/edutainment-creation/BabyObjectMatchWorkspace.tsx
index eeab8a1f..bc5907a4 100644
--- a/src/components/edutainment-creation/BabyObjectMatchWorkspace.tsx
+++ b/src/components/edutainment-creation/BabyObjectMatchWorkspace.tsx
@@ -1,9 +1,10 @@
-import { ArrowLeft, Gift, Loader2, WandSparkles } from 'lucide-react';
+import { Gift, Loader2, WandSparkles } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
 import type { CreateBabyObjectMatchDraftRequest } from '../../../packages/shared/src/contracts/edutainmentBabyObject';
 import { validateBabyObjectMatchItemNames } from '../../../packages/shared/src/contracts/edutainmentBabyObject';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformIconBadge } from '../common/PlatformIconBadge';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
@@ -80,16 +81,11 @@ export function BabyObjectMatchWorkspace({
     <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden">
       {showBackButton ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
             disabled={isBusy}
-            tone="ghost"
-            size="xs"
-            className="min-h-0 self-start gap-1.5 px-3 py-1.5 text-[11px]"
-          >
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </PlatformActionButton>
+            className="px-3"
+          />
         </div>
       ) : null}
 
diff --git a/src/components/rpg-entry/RpgEntryWorldDetailView.tsx b/src/components/rpg-entry/RpgEntryWorldDetailView.tsx
index ef163723..46947274 100644
--- a/src/components/rpg-entry/RpgEntryWorldDetailView.tsx
+++ b/src/components/rpg-entry/RpgEntryWorldDetailView.tsx
@@ -1,4 +1,4 @@
-import { ArrowLeft, Copy, Share2 } from 'lucide-react';
+import { Copy, Share2 } from 'lucide-react';
 
 import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
 import { buildCustomWorldPlayableCharacters } from '../../data/characterPresets';
@@ -7,6 +7,7 @@ import type { CustomWorldProfile } from '../../types';
 import { CopyCodeButton } from '../common/CopyCodeButton';
 import { CopyFeedbackButton } from '../common/CopyFeedbackButton';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
@@ -80,15 +81,10 @@ export function RpgEntryWorldDetailView({
   return (
     <div className="flex h-full min-h-0 flex-col">
       <div className="mb-4 flex items-center justify-between gap-3">
-        <PlatformActionButton
-          tone="ghost"
-          size="xs"
+        <PlatformBackActionButton
           onClick={onBack}
-          className="px-3 py-1.5 text-[11px]"
-        >
-          <ArrowLeft className="h-4 w-4" />
-          返回
-        </PlatformActionButton>
+          className="px-3"
+        />
         <PlatformPillBadge
           tone="neutral"
           size="xs"
diff --git a/src/components/unified-creation/UnifiedCreationPage.tsx b/src/components/unified-creation/UnifiedCreationPage.tsx
index 17f878af..253e9e5d 100644
--- a/src/components/unified-creation/UnifiedCreationPage.tsx
+++ b/src/components/unified-creation/UnifiedCreationPage.tsx
@@ -1,7 +1,6 @@
-import { ArrowLeft } from 'lucide-react';
 import type { ReactNode } from 'react';
 
-import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import type { UnifiedCreationSpec } from './unifiedCreationSpecs';
 
 type UnifiedCreationPageProps = {
@@ -29,16 +28,11 @@ export function UnifiedCreationPage({
       <header className="unified-creation-page__header shrink-0 pb-3">
         <div className="mb-2 flex items-center gap-3">
           {onBack ? (
-            <PlatformActionButton
+            <PlatformBackActionButton
               onClick={onBack}
               disabled={isBackDisabled}
-              tone="ghost"
-              size="xs"
-              className="min-h-0 shrink-0 gap-1.5 px-3 py-1.5 text-[11px]"
-            >
-              <ArrowLeft className="h-3.5 w-3.5" />
-              返回
-            </PlatformActionButton>
+              className="shrink-0 px-3"
+            />
           ) : (
             <span aria-hidden="true" className="min-h-8 w-0 shrink-0" />
           )}
diff --git a/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
index 052559a5..378701d6 100644
--- a/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
@@ -1,4 +1,4 @@
-import { ArrowLeft, Loader2, Send } from 'lucide-react';
+import { Loader2, Send } from 'lucide-react';
 import { useMemo, useState } from 'react';
 
 import type {
@@ -7,6 +7,7 @@ import type {
 } from '../../../../packages/shared/src/contracts/jumpHop';
 import { jumpHopClient } from '../../../services/jump-hop/jumpHopClient';
 import { PlatformActionButton } from '../../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
 import { PlatformFieldLabel } from '../../common/PlatformFieldLabel';
 import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
 import { PlatformTextField } from '../../common/PlatformTextField';
@@ -99,15 +100,12 @@ export function JumpHopCreationWorkspace({
     >
       {showBackButton ? (
         <div className="mb-3 flex items-center justify-between gap-3">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
-            tone="ghost"
-            size="sm"
-            className="min-h-0 px-3 py-2"
-          >
-            <ArrowLeft className="h-4 w-4" />
-            返回
-          </PlatformActionButton>
+            disabled={isBusy}
+            variant="regular"
+            className="px-3"
+          />
         </div>
       ) : null}
 
diff --git a/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
index c27a5f45..c4268579 100644
--- a/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
@@ -1,4 +1,3 @@
-import { ArrowLeft } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import type { PuzzleAgentActionRequest } from '../../../../packages/shared/src/contracts/puzzleAgentActions';
@@ -19,6 +18,7 @@ import {
   type CreativeImageInputReferenceImage,
 } from '../../common/CreativeImageInputPanel';
 import { PlatformActionButton } from '../../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
 import { PlatformMudPointConfirmDialog } from '../../common/PlatformMudPointConfirmDialog';
 import { PlatformPillBadge } from '../../common/PlatformPillBadge';
 import { SquareImageCropModal } from '../../common/SquareImageCropModal';
@@ -630,16 +630,11 @@ export function PuzzleCreationWorkspace({
     >
       {showBackButton ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
             disabled={isBusy}
-            tone="ghost"
-            size="xs"
-            className="min-h-0 self-start gap-1.5 px-3 py-1.5 text-[11px]"
-          >
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </PlatformActionButton>
+            className="px-3"
+          />
         </div>
       ) : null}
 
diff --git a/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
index 6d036d4d..881184dc 100644
--- a/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
@@ -1,4 +1,4 @@
-import { ArrowLeft, Loader2, Plus, Send, X } from 'lucide-react';
+import { Loader2, Plus, Send, X } from 'lucide-react';
 import { useMemo, useState } from 'react';
 
 import type {
@@ -20,6 +20,7 @@ import {
 } from '../../common/creativeAudioProcessing';
 import { CreativeImageInputPanel } from '../../common/CreativeImageInputPanel';
 import { PlatformActionButton } from '../../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
 import { PlatformIconButton } from '../../common/PlatformIconButton';
 import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
 import { PlatformSubpanel } from '../../common/PlatformSubpanel';
@@ -190,15 +191,12 @@ export function WoodenFishCreationWorkspace({
     >
       {showBackButton ? (
         <div className="mb-3 flex items-center justify-between gap-3">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
-            tone="ghost"
-            size="sm"
-            className="min-h-0 px-3 py-2"
-          >
-            <ArrowLeft className="h-4 w-4" />
-            返回
-          </PlatformActionButton>
+            disabled={isBusy || isSubmitting}
+            variant="regular"
+            className="px-3"
+          />
         </div>
       ) : null}
 
diff --git a/src/components/visual-novel-creation/VisualNovelAgentWorkspace.tsx b/src/components/visual-novel-creation/VisualNovelAgentWorkspace.tsx
index 4e3798fe..137f7071 100644
--- a/src/components/visual-novel-creation/VisualNovelAgentWorkspace.tsx
+++ b/src/components/visual-novel-creation/VisualNovelAgentWorkspace.tsx
@@ -1,8 +1,9 @@
-import { ArrowLeft, Loader2, Sparkles, WandSparkles } from 'lucide-react';
+import { Loader2, Sparkles, WandSparkles } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
 import type { VisualNovelAgentSessionSnapshot } from '../../../packages/shared/src/contracts/visualNovel';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformBackActionButton } from '../common/PlatformBackActionButton';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
@@ -241,16 +242,11 @@ export function VisualNovelAgentWorkspace({
     <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden">
       {showBackButton ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
-          <PlatformActionButton
+          <PlatformBackActionButton
             onClick={onBack}
             disabled={isBusy}
-            tone="ghost"
-            size="xs"
-            className="min-h-0 self-start gap-1.5 px-3 py-1.5 text-[11px]"
-          >
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </PlatformActionButton>
+            className="px-3"
+          />
         </div>
       ) : null}