From 635d80e3cf513e7937021dd56e48bc3bc83fdc68 Mon Sep 17 00:00:00 2001
From: "tao.chen" <93983997+taochen-ct@users.noreply.github.com>
Date: Wed, 26 Aug 2026 12:01:52 +0800
Subject: [PATCH] update: ScriptsPage.tsx

---
 frontend/app/features/platform/ScriptsPage.tsx      |  2 +-
 .../common => features/platform}/WelcomePanel.tsx   | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)
 rename frontend/app/{components/common => features/platform}/WelcomePanel.tsx (77%)

diff --git a/frontend/app/features/platform/ScriptsPage.tsx b/frontend/app/features/platform/ScriptsPage.tsx
index b0f26e2..aeaebb5 100644
--- a/frontend/app/features/platform/ScriptsPage.tsx
+++ b/frontend/app/features/platform/ScriptsPage.tsx
@@ -5,7 +5,7 @@ import { CreateFolderModal } from "./CreateFolderModal";
 import { CreateScriptModal } from "./CreateScriptModal";
 import { DataResourceUploadModal } from "./DataResourceUploadModal";
 import Icon from "../../components/common/Icon";
-import { WelcomePanel } from "../../components/common/WelcomePanel";
+import { WelcomePanel } from "./WelcomePanel";
 import { PublishModal } from "./PublishModal";
 import { ScriptExplorer } from "./ScriptExplorer";
 import { TreeContextMenu } from "./TreeContextMenu";
diff --git a/frontend/app/components/common/WelcomePanel.tsx b/frontend/app/features/platform/WelcomePanel.tsx
similarity index 77%
rename from frontend/app/components/common/WelcomePanel.tsx
rename to frontend/app/features/platform/WelcomePanel.tsx
index 8149818..5f92124 100644
--- a/frontend/app/components/common/WelcomePanel.tsx
+++ b/frontend/app/features/platform/WelcomePanel.tsx
@@ -1,5 +1,6 @@
-import Icon from "./Icon";
-import { primaryButtonClass } from "../../features/platform/modalUi";
+import { primaryButtonClass } from "./modalUi";
+import {Plus, SquareChartGantt} from "lucide-react";
+import {Button} from "~/components/ui/button";
 
 type WelcomePanelProps = {
   onCreateScript: () => void;
@@ -9,7 +10,7 @@ export function WelcomePanel({ onCreateScript }: WelcomePanelProps) {
   return (
     <div className="welcome-panel-shell flex min-h-full flex-col items-center justify-center p-[35px] text-center">
       <div className="mb-[21px] grid size-[86px] place-items-center rounded-[25px] border border-[#cfe0f0] bg-gradient-to-br from-white to-[#eaf4fd] text-[#3d8cd9] shadow-[0_16px_35px_rgb(40_103_165/12%)]">
-        <Icon name="script" size={42} />
+        <SquareChartGantt size={42}/>
       </div>
       <span className="text-[10px] font-extrabold tracking-[0.12em] text-[#2e81ce]">
         构建脚本工作台
@@ -20,10 +21,10 @@ export function WelcomePanel({ onCreateScript }: WelcomePanelProps) {
       <p className="mb-[22px] w-full max-w-[430px] text-xs leading-[1.8] text-[#76879a]">
         通过 Notebook 完成数据探索，或使用 Python 脚本构建可调度的处理任务。
       </p>
-      <button className={primaryButtonClass} type="button" onClick={onCreateScript}>
-        <Icon name="plus" size={17} />
+      <Button className={primaryButtonClass} type="button" onClick={onCreateScript}>
+        <Plus size={17} />
         新建构建脚本
-      </button>
+      </Button>
     </div>
   );
 }