From a9a49984188c05b037b5fd0b6b2909f38bd0c0a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Wed, 19 Aug 2026 10:28:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=9C=80=E7=BB=88=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E6=A1=86=E7=BA=BF=E5=BC=80=E5=85=B3=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将 Show frame 按钮改为紧凑复选框

保留最终预览框线显示状态与交互行为
---
 .../components/preview/PreviewWorkspace.tsx     | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
index 9e0ce683d..e2ff102dd 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
@@ -295,14 +295,15 @@ export function PreviewWorkspace({
             </button>
           </div>
           {renderMode === 'final-preview' ? (
-            <button
-              type="button"
-              className={`rounded-md border px-2 py-1 text-[10px] ${showFrame ? 'border-orange-500 bg-orange-50 text-orange-700' : 'border-(--platform-subpanel-border) text-(--platform-text-soft)'}`}
-              aria-pressed={showFrame}
-              onClick={() => setShowFrame((current) => !current)}
-            >
-              Show frame
-            </button>
+            <label className="inline-flex cursor-pointer select-none items-center gap-1.5 text-[10px] text-(--platform-text-soft)">
+              <input
+                type="checkbox"
+                checked={showFrame}
+                onChange={(event) => setShowFrame(event.target.checked)}
+                className="size-3 accent-orange-500"
+              />
+              <span>显示框线</span>
+            </label>
           ) : null}
           <span className="text-[10px] text-(--platform-text-soft)">
             {Object.keys(controller.images).length} 张界面图 ·{' '}