feat: file rank sorting, tab close confirmation, middle-click close

- FileRankDialog: sort by size/name/type with toggle buttons
- closeTab checks if file is being edited, shows confirmation dialog
- TabBar: middle-click (button 1) to close tabs
- Proper cleanup of editingPath on tab close

Author: yeahhe365

structure-insight/components/FileRankDialog.tsx

@@ -14,6 +14,8 @@ interface FileRankDialogProps {
 }
 
 const FileRankDialog: React.FC<FileRankDialogProps> = ({ isOpen, onClose, files, onSelectFile, onCopyPath, onDeleteFile, onToggleExclude }) => {
+    const [sortBy, setSortBy] = React.useState<'size' | 'name' | 'type'>('size');
+
     // Prevent interaction with background and handle Esc
     React.useEffect(() => {
         const handleKeyDown = (e: KeyboardEvent) => {
@@ -26,8 +28,17 @@ const FileRankDialog: React.FC<FileRankDialogProps> = ({ isOpen, onClose, files,
     }, [isOpen, onClose]);
 
     const sortedFiles = React.useMemo(() => {
-        return [...files].sort((a, b) => b.stats.chars - a.stats.chars);
-    }, [files]);
+        const sorted = [...files];
+        if (sortBy === 'size') {
+            sorted.sort((a, b) => b.stats.chars - a.stats.chars);
+        } else if (sortBy === 'name') {
+            sorted.sort((a, b) => a.path.localeCompare(b.path));
+        } else {
+            const getExt = (path: string) => { const dot = path.lastIndexOf('.'); return dot >= 0 ? path.slice(dot) : ''; };
+            sorted.sort((a, b) => getExt(a.path).localeCompare(getExt(b.path)) || a.path.localeCompare(b.path));
+        }
+        return sorted;
+    }, [files, sortBy]);
 
     const maxChars = sortedFiles.length > 0 ? sortedFiles[0].stats.chars : 0;
 
@@ -72,6 +83,24 @@ const FileRankDialog: React.FC<FileRankDialogProps> = ({ isOpen, onClose, files,
                     </button>
                 </div>
 
+                {/* Sort Options */}
+                <div className="flex items-center gap-1.5 px-6 py-2 border-b border-light-border dark:border-dark-border bg-light-bg/30 dark:bg-dark-bg/30 shrink-0">
+                    <span className="text-xs text-light-subtle-text dark:text-dark-subtle-text mr-1">排序:</span>
+                    {([['size', '大小'], ['name', '名称'], ['type', '类型']] as const).map(([key, label]) => (
+                        <button
+                            key={key}
+                            onClick={() => setSortBy(key)}
+                            className={`px-2 py-0.5 rounded text-xs font-medium transition-colors ${
+                                sortBy === key
+                                    ? 'bg-primary text-white'
+                                    : 'bg-light-bg dark:bg-dark-bg text-light-subtle-text dark:text-dark-subtle-text hover:bg-light-border dark:hover:bg-dark-border'
+                            }`}
+                        >
+                            {label}
+                        </button>
+                    ))}
+                </div>
+
                 {/* List */}
                 <div className="flex-1 overflow-y-auto p-4 space-y-2">
                     {sortedFiles.length === 0 ? (

structure-insight/components/TabBar.tsx

@@ -23,6 +23,7 @@ const TabBar: React.FC<TabBarProps> = ({ openFiles, selectedFilePath, onTabSelec
                     <div
                         key={path}
                         onClick={() => onTabSelect(path)}
+                        onAuxClick={(e) => { if (e.button === 1) { e.preventDefault(); onCloseTab(path); } }}
                         className={`group flex items-center gap-1.5 px-3 py-1.5 cursor-pointer border-b-2 transition-colors shrink-0 text-xs ${
                             isActive
                                 ? 'border-primary bg-primary/10 text-light-text dark:text-dark-text'

structure-insight/hooks/useAppLogic.ts

@@ -82,6 +82,27 @@ export const useAppLogic = (
     }, [handleFileTreeSelect]);
 
     const closeTab = React.useCallback((path: string) => {
+        if (editingPath === path) {
+            setConfirmation({
+                isOpen: true,
+                title: '文件正在编辑中',
+                message: '关闭标签页将丢失未保存的更改。是否继续？',
+                onConfirm: () => {
+                    setEditingPath(null);
+                    setOpenFiles(prev => {
+                        const next = prev.filter(p => p !== path);
+                        if (path === selectedFilePath) {
+                            const closedIdx = prev.indexOf(path);
+                            const newSelected = next[Math.min(closedIdx, next.length - 1)] ?? null;
+                            setSelectedFilePath(newSelected);
+                            if (!newSelected) setActiveView('structure');
+                        }
+                        return next;
+                    });
+                }
+            });
+            return;
+        }
         setOpenFiles(prev => {
             const next = prev.filter(p => p !== path);
             if (path === selectedFilePath) {
@@ -92,7 +113,7 @@ export const useAppLogic = (
             }
             return next;
         });
-    }, [selectedFilePath, setSelectedFilePath, setActiveView]);
+    }, [editingPath, selectedFilePath, setSelectedFilePath, setActiveView, setConfirmation, setEditingPath]);
 
     // --- Search Hook ---
     const {