From fa243357914dafd214bca61199bc42e762ebf31f 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 11:53:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=20UI=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E5=B7=A6=E4=BE=A7=E8=B0=83=E8=AF=95=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

恢复检查前置数据、绑定组件、合并 UI 树、识别 UI 结构和识别参考图语义按钮

在左侧输入面板显示对应操作状态
---
 .../ui-editor/components/InputSidebar.tsx     | 71 ++++++++++++++++++-
 1 file changed, 70 insertions(+), 1 deletion(-)

diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/InputSidebar.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/InputSidebar.tsx
index 3d01a0c37..3d45b312f 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/InputSidebar.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/InputSidebar.tsx
@@ -1,4 +1,4 @@
-import { Image as ImageIcon, Plus } from 'lucide-react';
+import { Image as ImageIcon, Plus, ScanSearch } from 'lucide-react';
 
 import type { UiEditorPageController } from '../useUiEditorPage';
 import { ImportOverview } from './ImportOverview';
@@ -26,6 +26,75 @@ export function InputSidebar({
 
   return (
     <aside className="min-h-0 overflow-y-auto border-r border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-3">
+      <div className="mb-3 grid gap-2">
+        <button
+          type="button"
+          className="inline-flex items-center gap-1.5 rounded-lg bg-orange-500 px-3 py-2 text-left text-xs font-semibold text-white"
+          onClick={controller.checkPrerequisites}
+        >
+          <ScanSearch size={14} /> 检查前置数据
+        </button>
+        <button
+          type="button"
+          className="rounded-lg bg-emerald-600 px-3 py-2 text-left text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
+          onClick={() => void controller.bindComponents()}
+          disabled={controller.isBinding || controller.editor.isLocked}
+          title="调试：绑定组件"
+        >
+          {controller.isBinding ? '组件绑定中…' : '绑定组件'}
+        </button>
+        <button
+          type="button"
+          className="rounded-lg bg-violet-600 px-3 py-2 text-left text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
+          onClick={() => void controller.mergeUi()}
+          disabled={
+            controller.isMerging ||
+            controller.editor.isLocked ||
+            controller.editor.state.ui_trees.length === 0
+          }
+          title="调试：合并 UI 树"
+        >
+          {controller.isMerging ? '界面树合并中…' : '合并 UI 树'}
+        </button>
+        <button
+          type="button"
+          className="rounded-lg bg-blue-600 px-3 py-2 text-left text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
+          onClick={() => void controller.recognizeUi()}
+          disabled={controller.isRecognizing || controller.editor.isLocked}
+          title="调试：识别 UI 结构"
+        >
+          {controller.isRecognizing ? '结构识别中…' : '识别 UI 结构'}
+        </button>
+        <button
+          type="button"
+          className="rounded-lg bg-orange-500 px-3 py-2 text-left text-xs font-semibold text-white disabled:cursor-wait disabled:opacity-60"
+          onClick={() => void controller.suggestUiDesignSemantics()}
+          disabled={controller.isSuggesting || controller.editor.isLocked}
+          title="调试：识别参考图语义"
+        >
+          {controller.isSuggesting ? '识别中…' : '识别参考图语义'}
+        </button>
+        {controller.mergeStatus ? (
+          <p className="m-0 rounded-lg border border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) px-3 py-2 text-xs">
+            {controller.mergeStatus}
+          </p>
+        ) : null}
+        {controller.recognitionStatus ? (
+          <p className="m-0 rounded-lg border border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) px-3 py-2 text-xs">
+            {controller.recognitionStatus}
+          </p>
+        ) : null}
+        {controller.suggestionStatus ? (
+          <p className="m-0 rounded-lg border border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) px-3 py-2 text-xs">
+            {controller.suggestionStatus}
+          </p>
+        ) : null}
+        {controller.bindingStatus ? (
+          <p className="m-0 rounded-lg border border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) px-3 py-2 text-xs">
+            {controller.bindingStatus}
+          </p>
+        ) : null}
+      </div>
       <section className="rounded-xl border border-(--platform-subpanel-border) bg-white/35 p-3">
         <div className="flex items-center justify-between">
           <div>