From fce7de1cc8c27ced79618ada71a760feb9d84361 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Tue, 18 Aug 2026 12:17:46 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=20UI=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E5=B7=A5=E4=BD=9C=E6=B5=81=E6=93=8D=E4=BD=9C=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将 AI 操作按钮和继续按钮对齐到操作卡右侧

保留当前步骤标题与运行状态在左侧
---
 .../components/WorkflowActionCard.tsx         | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/WorkflowActionCard.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/WorkflowActionCard.tsx
index 3319c9aaf..6ea4886b0 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/WorkflowActionCard.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/WorkflowActionCard.tsx
@@ -27,31 +27,35 @@ export function WorkflowActionCard({
 
   return (
     <section className="shrink-0 border-b border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) px-4 py-3">
-      <div className="flex items-center gap-2">
-        <h2 className="m-0 text-sm font-semibold">{action.label}</h2>
-        <button
-          type="button"
-          className="rounded-lg bg-orange-600 px-3 py-1.5 text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
-          disabled={controller.isAiRunning}
-          onClick={() => void action.action()}
-        >
-          {running ? action.runningLabel : hasRun ? '重新运行' : action.label}
-        </button>
-        {controller.nextStep ? (
+      <div className="flex items-center justify-between gap-2">
+        <div className="flex min-w-0 items-center gap-2">
+          <h2 className="m-0 text-sm font-semibold">{action.label}</h2>
+          {status ? (
+            <span className="min-w-0 truncate text-xs text-(--platform-text-soft)">
+              {status}
+            </span>
+          ) : null}
+        </div>
+        <div className="ml-auto flex shrink-0 items-center gap-2">
           <button
             type="button"
-            className="rounded-lg border border-(--platform-subpanel-border) px-3 py-1.5 text-xs disabled:cursor-wait disabled:opacity-60"
+            className="rounded-lg bg-orange-600 px-3 py-1.5 text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
             disabled={controller.isAiRunning}
-            onClick={controller.continueToNextStep}
+            onClick={() => void action.action()}
           >
-            继续
+            {running ? action.runningLabel : hasRun ? '重新运行' : action.label}
           </button>
-        ) : null}
-        {status ? (
-          <span className="min-w-0 truncate text-xs text-(--platform-text-soft)">
-            {status}
-          </span>
-        ) : null}
+          {controller.nextStep ? (
+            <button
+              type="button"
+              className="rounded-lg border border-(--platform-subpanel-border) px-3 py-1.5 text-xs disabled:cursor-wait disabled:opacity-60"
+              disabled={controller.isAiRunning}
+              onClick={controller.continueToNextStep}
+            >
+              继续
+            </button>
+          ) : null}
+        </div>
       </div>
     </section>
   );