fix: file lock

frontend/app/components/common/Icon.tsx

@@ -17,6 +17,8 @@ type IconName =
   | "close"
   | "check"
   | "info"
+  | "lock"
+  | "unlock"
   | "workspace"
   | "menu"
   | "external"
@@ -143,6 +145,18 @@ export default function Icon({
         <path d="M12 11v5M12 8h.01" />
       </>
     ),
+    lock: (
+      <>
+        <rect x="5" y="11" width="14" height="9" rx="2" />
+        <path d="M8 11V7a4 4 0 0 1 8 0v4" />
+      </>
+    ),
+    unlock: (
+      <>
+        <rect x="5" y="11" width="14" height="9" rx="2" />
+        <path d="M8 11V7a4 4 0 0 1 7.5-2" />
+      </>
+    ),
     workspace: (
       <>
         <rect x="3.5" y="5" width="17" height="14" rx="2" />

frontend/app/components/platform/ScriptExplorer.tsx

@@ -1,8 +1,8 @@
 import { type ChangeEvent, type MouseEvent as ReactMouseEvent, type RefObject } from "react";
 import Icon from "../common/Icon";
-import { WorkspaceTreeGroup } from "../../features/platform/WorkspaceTree";
-import type { ScriptItem, WorkspaceDirectory } from "../../services/api";
-import type { AuthUser } from "../../context/AuthContext";
+import { WorkspaceTreeGroup } from "~/features/platform/WorkspaceTree";
+import type { ScriptItem, WorkspaceDirectory } from "~/services/api";
+import type { AuthUser } from "~/context/AuthContext";
 
 type ScriptExplorerProps = {
   scripts: ScriptItem[];
@@ -51,15 +51,55 @@ export function ScriptExplorer({
   onHandleUpload,
 }: ScriptExplorerProps) {
   const memberScriptGroups = (() => {
-    const currentUserScripts = filteredScripts.filter(
-      (item) => item.owner_user_id === user?.user_id,
-    );
-    const inferred = inferredDirectories(currentUserScripts);
-    return [{
-      user: user,
-      scripts: currentUserScripts,
-      directories: mergeDirectories(directories, inferred),
-    }];
+    const visibleScripts =
+      user?.is_system_admin === true
+        ? filteredScripts
+        : filteredScripts.filter(
+            (item) =>
+              item.owner_user_id === user?.user_id ||
+              item.visibility === "workspace" ||
+              item.visibility === "public",
+          );
+
+    const byOwner = new Map<string, ScriptItem[]>();
+    for (const item of visibleScripts) {
+      const list = byOwner.get(item.owner_user_id) ?? [];
+      list.push(item);
+      byOwner.set(item.owner_user_id, list);
+    }
+
+    const groups: {
+      user: AuthUser | null;
+      scripts: ScriptItem[];
+      directories: WorkspaceDirectory[];
+    }[] = [];
+    for (const [ownerUserId, groupScripts] of byOwner.entries()) {
+      const groupUser =
+        ownerUserId === user?.user_id
+          ? user
+          : ({
+              user_id: ownerUserId,
+              username: ownerUserId,
+              display_name: ownerUserId,
+              email: null,
+              status: "unknown",
+              role_code: null,
+              is_system_admin: false,
+            } as AuthUser);
+      groups.push({
+        user: groupUser,
+        scripts: groupScripts,
+        directories: inferredDirectories(groupScripts),
+      });
+    }
+
+    groups.sort((a, b) => {
+      if (a.user?.user_id === user?.user_id) return -1;
+      if (b.user?.user_id === user?.user_id) return 1;
+      return (a.user?.user_id ?? "").localeCompare(b.user?.user_id ?? "");
+    });
+
+    return groups;
   })();
 
   return (

frontend/app/components/platform/TreeContextMenu.tsx

@@ -13,6 +13,7 @@ type TreeContextMenuProps = {
   contextMenu: ContextMenuState | null;
   onOpenScript: (scriptId: string) => void;
   onRemoveScript: (script: ScriptItem) => void;
+  onToggleLock: (script: ScriptItem) => void;
   onOpenCreateDialog: (parentPath: string, scriptType: ScriptType) => void;
   onOpenFolderDialog: (parentPath: string) => void;
   onChooseUpload: (parentPath: string) => void;
@@ -24,6 +25,7 @@ export function TreeContextMenu({
   contextMenu,
   onOpenScript,
   onRemoveScript,
+  onToggleLock,
   onOpenCreateDialog,
   onOpenFolderDialog,
   onChooseUpload,
@@ -33,7 +35,7 @@ export function TreeContextMenu({
   if (!contextMenu) return null;
 
   const width = 188;
-  const height = contextMenu.kind === "file" ? 92 : 190;
+  const height = contextMenu.kind === "file" ? 124 : 190;
 
   return (
     <div
@@ -60,6 +62,17 @@ export function TreeContextMenu({
             <Icon name="script" size={16} />
             打开文件
           </button>
+          <button
+            type="button"
+            role="menuitem"
+            onClick={() => {
+              onToggleLock(contextMenu.script!);
+              onClose();
+            }}
+          >
+            <Icon name={contextMenu.script.is_locked ? "unlock" : "lock"} size={16} />
+            {contextMenu.script.is_locked ? "解锁文件" : "锁定文件"}
+          </button>
           <button
             className="is-danger"
             type="button"