fix(explorer): fix selection reactivity, rename escape bug, and multi-select cut/copy

- Fix #21783: Move isSelected, gitDecoration, and isEntering computations
  from const variables inside the For callback to inline expressions in
  JSX props, preserving SolidJS reactivity tracking.

- Fix #21770: Add a renameCancelled flag in VirtualItem. Set it in the
  Escape keydown handler before calling onRename, and check it in onBlur
  to skip the duplicate rename call when Escape was pressed. Reset the
  flag when entering rename mode and after the blur guard fires.

- Fix #21711: Change context menu Cut and Copy handlers to operate on
  the full selection set (props.selectedPaths) when the right-clicked
  file is part of the selection, instead of only the single
  contextMenuTarget path.

Author: echobt

src/components/explorer/VirtualItem.tsx

@@ -7,6 +7,7 @@ import type { VirtualItemProps } from "./types";
 export function VirtualItem(props: VirtualItemProps) {
   const [renameValue, setRenameValue] = createSignal("");
   let inputRef: HTMLInputElement | undefined;
+  let renameCancelled = false;
 
   const isFocused = () => props.focusedPath === props.item.entry.path;
   const isRenaming = () => props.renamingPath === props.item.entry.path;
@@ -35,6 +36,7 @@ export function VirtualItem(props: VirtualItemProps) {
 
   createEffect(() => {
     if (isRenaming()) {
+      renameCancelled = false;
       setRenameValue(props.item.entry.name);
       setTimeout(() => {
         inputRef?.focus();
@@ -105,6 +107,7 @@ export function VirtualItem(props: VirtualItemProps) {
         }
       } else if (e.key === "Escape") {
         e.preventDefault();
+        renameCancelled = true;
         props.onRename(props.item.entry.path, props.item.entry.name);
       }
       return;
@@ -269,6 +272,10 @@ export function VirtualItem(props: VirtualItemProps) {
             onInput={(e) => setRenameValue(e.currentTarget.value)}
             onKeyDown={handleKeyDown}
             onBlur={() => {
+              if (renameCancelled) {
+                renameCancelled = false;
+                return;
+              }
               if (renameError()) {
                 props.onRename(props.item.entry.path, props.item.entry.name);
               } else {

src/components/explorer/VirtualizedFileTree.tsx

@@ -54,24 +54,19 @@ export function VirtualizedFileTree(props: VirtualizedFileTreeProps) {
               style={{ transform: `translateY(${tree.offsetY()}px)` }}
             >
               <For each={tree.visibleItems()}>
-                {(item) => {
-                  const gitDecoration = tree.gitDecorationsMap().get(item.id);
-                  const isEntering = item.parentPath !== null && tree.recentlyExpandedPaths().has(item.parentPath);
-                  const isSelected = tree.selectedPathsSet().has(item.entry.path);
-
-                  return (
+                {(item) => (
                     <VirtualItem
                       item={item}
-                      isSelected={isSelected}
+                      isSelected={tree.selectedPathsSet().has(item.entry.path)}
                       focusedPath={tree.focusedPath()}
                       renamingPath={tree.renamingPath()}
                       dragOverPath={tree.dragOverPath()}
                       isDragCopy={tree.isDragCopy()}
                       isCut={tree.isCutFile(item.entry.path)}
-                      gitDecoration={gitDecoration}
+                      gitDecoration={tree.gitDecorationsMap().get(item.id)}
                       indentGuidesEnabled={props.indentGuidesEnabled}
                       enablePreview={props.enablePreview}
-                      isEntering={isEntering}
+                      isEntering={item.parentPath !== null && tree.recentlyExpandedPaths().has(item.parentPath)}
                       onSelect={tree.handleSelect}
                       onOpen={tree.handleOpen}
                       onOpenPreview={tree.handleOpenPreview}
@@ -86,8 +81,7 @@ export function VirtualizedFileTree(props: VirtualizedFileTreeProps) {
                       onDrop={tree.handleDrop}
                       onFocus={tree.setFocusedPath}
                     />
-                  );
-                }}
+                )}
               </For>
 
               <Show when={tree.loadingDirs().size > 0}>

src/components/explorer/useFileTree.ts

@@ -956,11 +956,21 @@ export function useFileTree(props: VirtualizedFileTreeProps) {
         break;
 
       case "cut":
-        setClipboardFiles({ paths: [entry.path], operation: 'cut' });
+        {
+          const pathsToCut = props.selectedPaths.length > 1 && props.selectedPaths.includes(entry.path)
+            ? [...props.selectedPaths]
+            : [entry.path];
+          setClipboardFiles({ paths: pathsToCut, operation: 'cut' });
+        }
         break;
 
       case "copy":
-        setClipboardFiles({ paths: [entry.path], operation: 'copy' });
+        {
+          const pathsToCopy = props.selectedPaths.length > 1 && props.selectedPaths.includes(entry.path)
+            ? [...props.selectedPaths]
+            : [entry.path];
+          setClipboardFiles({ paths: pathsToCopy, operation: 'copy' });
+        }
         break;
 
       case "paste":