fix(note): 左侧组行多选整拖落库与选择模式内批量栏（REQ-287 收尾）

Author: Aparencia

app/src/components/GroupSidebar.tsx

@@ -26,6 +26,8 @@ import {
 import RouteInfoPopover from "./RouteInfoPopover";
 import GroupSidebarRow from "./GroupSidebarRow";
 import GroupCreateDialog from "./GroupCreateDialog";
+// REQ-287：多选拖拽载荷读取（text/note-ids JSON + 单 id 兜底）
+import { crateDndReadIds } from "./NoteTreeSection";
 import { blobToBase64 } from "../utils/blobToBase64";
 
 interface Props {
@@ -206,15 +208,24 @@ export default function GroupSidebar({
     Object.entries(folded).forEach(([kind, value]) => writeFolded(window.localStorage, kind, value));
   }, [folded]);
 
-  /** 拖拽归组（组行 drop；noteId 来自 NoteListView 行 dragStart） */
+  /** 拖拽归组（组行 drop；载荷支持多选 JSON + 单 id 兜底——REQ-287 整组拖走） */
   const handleGroupDrop = (g: NoteGroup, e: React.DragEvent) => {
     e.preventDefault();
     setDragOverId(null);
-    const noteId = Number(e.dataTransfer.getData("text/note-id"));
-    if (!noteId) return;
-    invoke("move_note_to_group", { noteId, groupId: g.id })
-      .then(() => onChanged())
-      .catch((err) => setStatus(`归组失败: ${err}`));
+    const ids = crateDndReadIds(e.dataTransfer);
+    if (ids.length === 0) return;
+    void (async () => {
+      let failed = 0;
+      for (const noteId of ids) {
+        try {
+          await invoke("move_note_to_group", { noteId, groupId: g.id });
+        } catch {
+          failed += 1;
+        }
+      }
+      if (failed > 0) setStatus(`归组失败 ${failed}/${ids.length} 条`);
+      onChanged();
+    })();
   };
 
   /** v0.14.1：行内重命名提交（rename_note_group 命令自 v0.11.0 存在，本版接线） */
@@ -248,7 +259,8 @@ export default function GroupSidebar({
       onRename={(name) => void handleRename(g, name)}
       onOpenSystem={(id) => onOpenSystem(id)}
       onDragOver={(e) => {
-        if (e.dataTransfer.types.includes("text/note-id")) {
+        // REQ-287：多选载荷（note-ids JSON）+ 单 id 兜底均可落组
+        if (e.dataTransfer.types.includes("text/note-ids") || e.dataTransfer.types.includes("text/note-id")) {
           e.preventDefault();
           setDragOverId(g.id);
         }

app/src/components/NoteListView.tsx

@@ -442,12 +442,13 @@ export default function NoteListView({
         ))}
       </div>
 
-      {/* 批量操作栏（去勾选框后的批量入口：删除 + 移动到组） */}
-      {selection.size > 0 && !selectionMode && (
+      {/* 批量操作栏（去勾选框后的批量入口：删除 + 移动到组；选择模式下同样可用） */}
+      {selection.size > 0 && (
         <div style={{ borderTop: "1px solid #e5e7eb", padding: 8, display: "flex", gap: 6, alignItems: "center", background: "#fff" }}>
           <span style={{ fontSize: 12, color: "#3730a3" }}>已选 {selection.size} 个</span>
           <button data-testid="batch-move-btn" style={ghostBtn} onClick={() => setBatchMenu({ ids: [...selection], x: 0, y: 0 })}>移动到组</button>
           <button data-testid="batch-delete-btn" style={{ ...ghostBtn, borderColor: "#fca5a5", color: "#dc2626" }} onClick={() => void (async () => { if (await onBatchDelete([...selection])) clearSelection(); })()}>批量删除</button>
+          {selectionMode && <button data-testid="batch-done-btn" style={{ ...ghostBtn, color: "#3730a3" }} onClick={exitBatch}>完成</button>}
           <button style={{ ...ghostBtn, marginLeft: "auto" }} onClick={clearSelection}>取消</button>
         </div>
       )}