update:原生确认框替换为自定义弹窗

frontend/app/features/platform/ScriptsPage.tsx

@@ -13,9 +13,10 @@ import {
 import { WelcomePanel } from "./WelcomePanel";
 import { PublishModal } from "./PublishModal";
 import { ScriptExplorer } from "./ScriptExplorer";
+import { ScriptsPendingConfirmDialog } from "./ScriptsPendingConfirm";
 import { TreeContextMenu } from "./TreeContextMenu";
 import { VersionReceiptModal } from "./VersionReceiptModal";
-
+import { useScriptsPendingConfirm } from "./useScriptsPendingConfirm";
 import { getSessionCache, useScriptWorkspaceStore } from "./state/scriptWorkspaceStore";
 import { useUiStore } from "./state/uiStore";
 import { toast } from "sonner";
@@ -75,6 +76,18 @@ export default function ScriptsPage() {
   const submitPublish = useScriptWorkspaceStore((s) => s.submitPublish);
   const refreshReadOnlyContent = useScriptWorkspaceStore((s) => s.refreshReadOnlyContent);
 
+  const {
+    pendingConfirm,
+    setPendingConfirm,
+    requestCloseTab,
+    handleConfirm,
+  } = useScriptsPendingConfirm(scripts, {
+    deleteScript,
+    deleteDataResource,
+    deleteDirectory,
+    closeTab,
+  });
+
   // ui store
   const pushToast = (notice: { tone: "success" | "error" | "info"; message: string }) => {
     if (notice.tone === "error") toast.error(notice.message);
@@ -206,27 +219,11 @@ export default function ScriptsPage() {
     };
   }, [contextMenu, closeContextMenu]);
 
-  // python editor handlers with scriptId forwarding
-  const handleSetPythonEditorContent = (scriptId: string, value: string) => {
-    setPythonEditorContent(scriptId, value);
-  };
-  const handleSavePythonEditor = (scriptId: string) => {
-    void savePythonEditor(scriptId);
-  };
-  const handleExitPythonEditor = (scriptId: string) => {
-    exitPythonEditor(scriptId);
-  };
-  const handleClosePythonTab = (scriptId: string) => {
-    void closeTab(scriptId);
-  };
-
- // 5) handlers
+  // 5) handlers
   const SCRIPT_EXTS = [".py", ".ipynb"];
   const DATA_EXTS = [".csv", ".xlsx", ".xls", ".tsv", ".json", ".parquet", ".txt"];
-
   const matchesExt = (name: string, exts: string[]) =>
     exts.some((ext) => name.toLowerCase().endsWith(ext));
-
   const handleUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
     const files = Array.from(event.target.files ?? []);
     event.target.value = "";
@@ -381,17 +378,17 @@ export default function ScriptsPage() {
                 void endEditing();
               }
             }}
-            onClose={(scriptId, event) => void closeTab(scriptId, event)}
+            onClose={(scriptId, event) => void requestCloseTab(scriptId, event)}
             onSwitchTab={switchTab}
             onNewTab={() => openCreateDialog("")}
             onPublish={() => openPublishDialog(selected)}
             scripts={scripts}
             pythonEditorBuffers={pythonEditorBuffers}
             onOpenPythonEditor={() => void openPythonEditor(selected)}
-            onSetPythonEditorContent={handleSetPythonEditorContent}
-            onSavePythonEditor={handleSavePythonEditor}
-            onExitPythonEditor={handleExitPythonEditor}
-            onClosePythonTab={handleClosePythonTab}
+            onSetPythonEditorContent={setPythonEditorContent}
+            onSavePythonEditor={(scriptId) => void savePythonEditor(scriptId)}
+            onExitPythonEditor={exitPythonEditor}
+            onClosePythonTab={(scriptId) => void requestCloseTab(scriptId)}
             onInfo={(t) => pushToast(t)}
           />
         ) : (
@@ -429,19 +426,35 @@ export default function ScriptsPage() {
           selectScript(scriptId);
           closeContextMenu();
         }}
-        onRemoveScript={(s) => void deleteScript(s)}
+        onRemoveScript={(s) => setPendingConfirm({ kind: "script", script: s })}
         onToggleLock={(s) => void toggleScriptLock(s)}
         onOpenCreateDialog={(parentPath, scriptType) =>
           openCreateDialog(parentPath, scriptType)}
         onOpenFolderDialog={(parentPath) => openFolderDialog(parentPath)}
         onChooseUpload={(parentPath) => triggerUpload(parentPath ?? "")}
-        onRemoveDirectory={(p) => void deleteDirectory(p)}
+        onRemoveDirectory={(p) =>
+          setPendingConfirm({ kind: "directory", path: p })}
         onCopyResourcePath={(p) => void handleCopyResourcePath(p)}
         onPreviewResource={openResourcePreview}
-        onRemoveResource={(id) => void deleteDataResource(id)}
+        onRemoveResource={(id) => {
+          const resource = dataResources.find((item) => item.resource_id === id);
+          setPendingConfirm({
+            kind: "resource",
+            id,
+            name: resource?.resource_name ?? id,
+          });
+        }}
         onClose={closeContextMenu}
       />
 
+      <ScriptsPendingConfirmDialog
+        pending={pendingConfirm}
+        onOpenChange={(open) => {
+          if (!open) setPendingConfirm(null);
+        }}
+        onConfirm={() => void handleConfirm()}
+      />
+
       <DataResourcePreviewDialog
         target={resourcePreview}
         onClose={() => setResourcePreview(null)}