From 65d14b86109e50b78ee1a1a8a8c3a4924efaecca Mon Sep 17 00:00:00 2001
From: "tao.chen" <93983997+taochen-ct@users.noreply.github.com>
Date: Fri, 14 Aug 2026 15:02:55 +0800
Subject: [PATCH] update: dir tree

---
 .../components/platform/TreeContextMenu.tsx   | 45 +++++++++++++------
 frontend/app/context/AuthContext.tsx          |  2 +
 .../app/features/platform/ScriptsPage.tsx     |  2 +
 .../platform/hooks/useEditSessionLifecycle.ts |  8 ----
 .../platform/state/scriptWorkspaceStore.ts    | 23 ++++++++++
 frontend/app/services/api.ts                  | 14 ++++++
 6 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/frontend/app/components/platform/TreeContextMenu.tsx b/frontend/app/components/platform/TreeContextMenu.tsx
index ca99034..0e1a2ca 100644
--- a/frontend/app/components/platform/TreeContextMenu.tsx
+++ b/frontend/app/components/platform/TreeContextMenu.tsx
@@ -19,6 +19,7 @@ type TreeContextMenuProps = {
   onChooseUpload: (parentPath: string) => void;
   onRemoveDirectory: (path: string) => void;
   onCopyResourcePath?: (jupyterPath: string) => void;
+  onRemoveResource?: (resourceId: string) => void;
   onClose: () => void;
 };
 
@@ -32,6 +33,7 @@ export function TreeContextMenu({
   onChooseUpload,
   onRemoveDirectory,
   onCopyResourcePath,
+  onRemoveResource,
   onClose,
 }: TreeContextMenuProps) {
   if (!contextMenu) return null;
@@ -55,19 +57,36 @@ export function TreeContextMenu({
       {contextMenu.kind === "file" && contextMenu.script ? (
         <>
           {isDataResource ? (
-            <button
-              type="button"
-              role="menuitem"
-              onClick={() => {
-                if (onCopyResourcePath) {
-                  onCopyResourcePath(contextMenu.script!.relative_path);
-                }
-                onClose();
-              }}
-            >
-              <Icon name="database" size={16} />
-              复制 Jupyter 路径
-            </button>
+            <>
+              <button
+                type="button"
+                role="menuitem"
+                onClick={() => {
+                  if (onCopyResourcePath) {
+                    onCopyResourcePath(contextMenu.script!.relative_path);
+                  }
+                  onClose();
+                }}
+              >
+                <Icon name="database" size={16} />
+                复制 Jupyter 路径
+              </button>
+              {onRemoveResource && (
+                <button
+                  className="is-danger"
+                  type="button"
+                  role="menuitem"
+                  onClick={() => {
+                    const id = contextMenu.script!.script_id.replace(/^data:/, "");
+                    onRemoveResource(id);
+                    onClose();
+                  }}
+                >
+                  <Icon name="close" size={16} />
+                  删除资源
+                </button>
+              )}
+            </>
           ) : (
             <>
               <button
diff --git a/frontend/app/context/AuthContext.tsx b/frontend/app/context/AuthContext.tsx
index 8e0bf42..2c9efa0 100644
--- a/frontend/app/context/AuthContext.tsx
+++ b/frontend/app/context/AuthContext.tsx
@@ -232,6 +232,8 @@ export function useApi(): WorkspaceBoundApi {
       rawApi.uploadResourceBytes(workspaceId, uploadId, fileBytes, contentType),
     bindResourceUpload: (uploadId, body) =>
       rawApi.bindResourceUpload(workspaceId, uploadId, body),
+    deleteResource: (resourceId) =>
+      rawApi.deleteResource(workspaceId, resourceId),
     updateScript: (scriptId, input) =>
       rawApi.updateScript(workspaceId, scriptId, input),
     deleteScript: (scriptId) => rawApi.deleteScript(workspaceId, scriptId),
diff --git a/frontend/app/features/platform/ScriptsPage.tsx b/frontend/app/features/platform/ScriptsPage.tsx
index 102ded1..0ae8f90 100644
--- a/frontend/app/features/platform/ScriptsPage.tsx
+++ b/frontend/app/features/platform/ScriptsPage.tsx
@@ -58,6 +58,7 @@ export default function ScriptsPage() {
   const uploadDataResource = useScriptWorkspaceStore((s) => s.uploadDataResource);
   const createFolder = useScriptWorkspaceStore((s) => s.createFolder);
   const deleteScript = useScriptWorkspaceStore((s) => s.deleteScript);
+  const deleteDataResource = useScriptWorkspaceStore((s) => s.deleteDataResource);
   const deleteDirectory = useScriptWorkspaceStore((s) => s.deleteDirectory);
   const toggleScriptLock = useScriptWorkspaceStore((s) => s.toggleScriptLock);
   const openPublishDialog = useScriptWorkspaceStore((s) => s.openPublishDialog);
@@ -421,6 +422,7 @@ export default function ScriptsPage() {
         onChooseUpload={(parentPath) => triggerUpload(parentPath ?? "")}
         onRemoveDirectory={(p) => void deleteDirectory(p)}
         onCopyResourcePath={(p) => void handleCopyResourcePath(p)}
+        onRemoveResource={(id) => void deleteDataResource(id)}
         onClose={closeContextMenu}
       />
 
diff --git a/frontend/app/features/platform/hooks/useEditSessionLifecycle.ts b/frontend/app/features/platform/hooks/useEditSessionLifecycle.ts
index df980e9..3007335 100644
--- a/frontend/app/features/platform/hooks/useEditSessionLifecycle.ts
+++ b/frontend/app/features/platform/hooks/useEditSessionLifecycle.ts
@@ -1,7 +1,6 @@
 import { useEffect } from "react";
 
 import {
-  bindScriptWorkspaceApi,
   editSessionHandle,
   useScriptWorkspaceStore,
 } from "../state/scriptWorkspaceStore";
@@ -61,11 +60,4 @@ export function useEditSessionLifecycle({
     window.addEventListener("beforeunload", handleUnload);
     return () => window.removeEventListener("beforeunload", handleUnload);
   }, []);
-
-  // 4) layout 卸载时解绑 api
-  useEffect(() => {
-    return () => {
-      bindScriptWorkspaceApi(null);
-    };
-  }, []);
 }
diff --git a/frontend/app/features/platform/state/scriptWorkspaceStore.ts b/frontend/app/features/platform/state/scriptWorkspaceStore.ts
index b3117bf..24786f4 100644
--- a/frontend/app/features/platform/state/scriptWorkspaceStore.ts
+++ b/frontend/app/features/platform/state/scriptWorkspaceStore.ts
@@ -118,6 +118,7 @@ type State = {
   }) => Promise<ResourceItem | null>;
   createFolder: (name: string, parentPath: string) => Promise<void>;
   deleteScript: (script: ScriptItem) => Promise<void>;
+  deleteDataResource: (resourceId: string) => Promise<void>;
   deleteDirectory: (path: string) => Promise<void>;
   toggleExpanded: (path: string, loadPath?: string) => Promise<void>;
   loadChildren: (parentPath: string) => Promise<void>;
@@ -856,6 +857,28 @@ export const useScriptWorkspaceStore = create<State>((set, get) => {
       }
     },
 
+    deleteDataResource: async (resourceId) => {
+      const api = requireApi();
+      useUiStore.getState().closeContextMenu();
+      if (!window.confirm(`确定删除数据资源吗？稳定版本会保留。`)) {
+        return;
+      }
+      try {
+        await api.deleteResource(resourceId);
+        set((state) => ({
+          dataResources: state.dataResources.filter(
+            (r) => r.resource_id !== resourceId,
+          ),
+        }));
+        pushToast("success", "数据资源已删除");
+      } catch (error) {
+        pushToast(
+          "error",
+          error instanceof Error ? error.message : "数据资源删除失败",
+        );
+      }
+    },
+
     createFolder: async (name, parentPath) => {
       const api = requireApi();
       const trimmed = name.trim();
diff --git a/frontend/app/services/api.ts b/frontend/app/services/api.ts
index f31d608..6e5c47e 100644
--- a/frontend/app/services/api.ts
+++ b/frontend/app/services/api.ts
@@ -428,6 +428,17 @@ export async function listResources(
   );
 }
 
+export async function deleteResource(
+  workspaceId: string,
+  resourceId: string,
+): Promise<{ resource_id: string; status: string }> {
+  return apiRequest<{ resource_id: string; status: string }>(
+    `/api/v1/data-resources/${encodeURIComponent(resourceId)}`,
+    { method: "DELETE" },
+    workspaceId,
+  );
+}
+
 export async function createResourceUpload(
   workspaceId: string,
   body: {
@@ -1462,6 +1473,9 @@ export type WorkspaceBoundApi = {
     uploadId: string,
     body: Parameters<typeof bindResourceUpload>[2],
   ) => Promise<ResourceItem>;
+  deleteResource: (
+    resourceId: string,
+  ) => Promise<{ resource_id: string; status: string }>;
   updateScript: (
     scriptId: string,
     input: Parameters<typeof updateScript>[2],