update: replace Icon with lucide-react

frontend/app/features/schedules/SchedulePage.tsx

@@ -9,7 +9,17 @@ import {
   useRef,
   useState,
 } from "react";
-import { Plus } from 'lucide-react';
+import {
+  BookText,
+  CalendarClock,
+  Check,
+  FileCode2,
+  PackageOpen,
+  Play,
+  Plus,
+  Settings,
+  X,
+} from 'lucide-react';
 import {
   type Schedule,
   type ScheduleArtifact,
@@ -18,7 +28,6 @@ import {
 } from "~/services/api";
 
 import { useApi, useAuth } from "~/context/AuthContext";
-import Icon from "../../components/common/Icon";
 import { NodeInspector } from "./NodeInspector";
 import { RunHistory } from "./RunHistory";
 import { ScheduleInspector } from "./ScheduleInspector";
@@ -92,7 +101,7 @@ function RunNowButton({
       }
       onClick={() => useSchedulesStore.getState().runNow()}
     >
-      <Icon name="play" size={14} />立即运行
+      <Play size={14} />立即运行
     </button>
   );
 }
@@ -370,7 +379,7 @@ export default function SchedulePage({
             disabled={!schedule || Boolean(busy)}
             onClick={() => useSchedulesStore.getState().saveSchedule()}
           >
-            <Icon name="check" size={15} />保存配置
+            <Check size={15} />保存配置
           </button>
           <button
             className="inline-flex min-h-[32px] cursor-pointer items-center justify-center gap-[5px] rounded-[6px] border border-[#dce5ee] bg-white px-2 text-[12px] font-semibold text-[#526477] enabled:hover:border-[#aac6e5] enabled:hover:bg-[#f6faff] enabled:hover:text-[#126aca] disabled:cursor-not-allowed disabled:opacity-50 min-[1281px]:px-3"
@@ -517,10 +526,11 @@ export default function SchedulePage({
                           : "bg-[#eaf3ff] text-[#316fbf]"
                       }`}
                     >
-                      <Icon
-                        name={node.version.script_type === "notebook" ? "notebook" : "python"}
-                        size={14}
-                      />
+                      {node.version.script_type === "notebook" ? (
+                        <BookText size={14} />
+                      ) : (
+                        <FileCode2 size={14} />
+                      )}
                     </span>
                     <strong className="min-w-0 flex-1 truncate text-[12px] text-[#243b53]">
                       {node.node_name}
@@ -536,7 +546,7 @@ export default function SchedulePage({
                         setSelectedEdgeId(null);
                       }}
                     >
-                      <Icon name="settings" size={14} />
+                      <Settings size={14} />
                     </button>
                   </div>
                   <p className="mt-2 mb-1.5 truncate text-[10px] text-[#7e8d9d]">
@@ -571,7 +581,7 @@ export default function SchedulePage({
 
               {!schedule ? (
                 <div className="sticky left-1/2 top-[46%] z-0 mx-auto mt-[190px] flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
-                  <Icon name="schedule" size={34} />
+                  <CalendarClock size={34} />
                   <strong className="text-[14px] text-[#567089]">还没有选中调度方案</strong>
                   <p className="my-[7px_13px] text-[11px]">点击"新建"创建一个调度，然后拖入稳定版本脚本。</p>
                   <button
@@ -584,7 +594,7 @@ export default function SchedulePage({
                 </div>
               ) : schedule.nodes.length === 0 ? (
                 <div className="sticky left-1/2 top-[46%] z-0 mx-auto mt-[190px] flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
-                  <Icon name="release" size={34} />
+                  <PackageOpen size={34} />
                   <strong className="text-[14px] text-[#567089]">从稳定版本开始编排</strong>
                   <p className="my-[7px_13px] text-[11px]">把左侧脚本卡片拖到这里，或双击卡片快速加入。</p>
                 </div>
@@ -680,7 +690,7 @@ export default function SchedulePage({
                 role="menuitem"
                 onClick={() => useSchedulesStore.getState().renameSchedule(contextMenu.schedule)}
               >
-                <Icon name="settings" size={14} />
+                <Settings size={14} />
                 改名
               </button>
               <button
@@ -689,7 +699,7 @@ export default function SchedulePage({
                 role="menuitem"
                 onClick={() => useSchedulesStore.getState().removeSchedule(contextMenu.schedule)}
               >
-                <Icon name="close" size={14} />
+                <X size={14} />
                 删除调度方案
               </button>
             </>
@@ -702,7 +712,7 @@ export default function SchedulePage({
               role="menuitem"
               onClick={() => useSchedulesStore.getState().removeNode(contextMenu.node)}
             >
-              <Icon name="close" size={14} />
+              <X size={14} />
               删除画布节点
             </button>
           )}
@@ -713,7 +723,7 @@ export default function SchedulePage({
               role="menuitem"
               onClick={() => useSchedulesStore.getState().removeEdge(contextMenu.edge)}
             >
-              <Icon name="close" size={14} />
+              <X size={14} />
               删除画布连线
             </button>
           )}
@@ -740,7 +750,7 @@ export default function SchedulePage({
                 disabled={Boolean(busy)}
                 onClick={() => setCreateDialogOpen(false)}
               >
-                <Icon name="close" />
+                <X size={14} />
               </button>
             </div>
             <form onSubmit={handleCreateScheduleSubmit}>