feat: add multi-select feature

- SelectionContext for managing selection state
- MultiSelectBar for batch operations (close, move, group, copy)
- Keyboard support (Space, Enter, Escape, Cmd+A)
- Integration with Fancytree checkbox
- External close sync via chrome.tabs.onRemoved

Co-authored-by: ClawMini <clawmini@openclaw.ai>

Author: ClawMini

docs/PRD.md

@@ -0,0 +1,84 @@
+# link-map 多选功能 PRD
+
+## 1. 功能概述
+
+允许用户同时选择树形结构中的多个标签页，进行批量操作（关闭、移动、分组、导出）。
+
+## 2. 用户场景
+
+- **批量清理**：关闭已完成研究的所有相关标签
+- **整理**：将相关标签移动到新窗口或父节点
+- **批量保存**：选中标签添加书签或复制链接列表
+
+## 3. UI/UX 设计
+
+### 3.1 复选框
+- **位置**：图标左侧，始终可见
+- **样式**：选中行高亮背景色（便于区分）
+- **防误触**：复选框有足够 padding.2 父节点三态
+- **Checked**：所有子节点选中
+- **Un
+
+### 3checked**：无子节点选中
+- **Indeterminate**：1 到 (n-1) 个子节点选中
+
+### 3.3 交互方式
+| 操作 | 方式 |
+|------|------|
+| 单选 | 点击复选框 |
+| 连续多选 | Shift + 点击 |
+| 任意多选 | Ctrl/Cmd + 点击 |
+| 全选 | Ctrl/Cmd + A |
+| 取消 | Esc |
+| 范围选择 | Shift + 方向键 |
+
+### 3.4 批量操作栏
+- 选中 n > 0 时显示
+- 显示已选数量
+- 显示可用操作
+
+## 4. 功能需求
+
+### 4.1 核心功能
+- [ ] 始终可见的复选框 UI
+- [ ] 单选/多选功能
+- [ ] 父节点 indeterminate 状态
+- [ ] 键盘导航支持
+- [ ] 批量关闭
+- [ ] 批量移动到新窗口
+- [ ] 批量移动到指定位置
+- [ ] 批量添加到分组
+- [ ] 复制链接
+
+### 4.2 状态管理
+- 选中项在外部关闭时 **自动移除**
+- 选择状态在展开/折叠时保持
+
+### 4.3 快捷键
+- `↑/↓`：焦点移动
+- `Space`：切换选择
+- `Shift + ↑/↓`：范围选择
+- `Ctrl/Cmd + A`：全选
+- `Esc`：取消选择
+- `Enter`：执行主操作
+
+## 5. 非功能需求
+
+### 5.1 性能
+- 100+ 节点选中 <100ms
+
+### 5.2 无障碍 (Accessibility)
+- `role="listbox"` 容器
+- `role="option"` + `aria-selected` 项
+- `aria-checked="mixed"` indeterminate 状态
+- `aria-live="polite"` 已选数量播报
+
+### 5.3 兼容性
+- Chrome / Edge 兼容
+- 暗色/亮色主题兼容
+
+---
+
+**状态**：✅ 已通过 ClawMini + Gemini 联合 review  
+**版本**：1.0  
+**日期**：2026-03-04

docs/TECH_DESIGN.md

@@ -0,0 +1,120 @@
+# link-map 多选功能技术方案
+
+## 1. 架构设计
+
+- **SelectionContext**: React Context 管理选择状态
+- **TabMasterTree**: Fancytree 集成
+- **OperationBar**: 批量操作 UI
+
+## 2. 选择状态接口
+
+```typescript
+interface SelectionState {
+  selectedKeys: Set<string>;      // 已选节点 keys
+  indeterminateKeys: Set<string>;  // 半选状态（父节点）
+  anchorKey: string | null;       // Shift 范围选择锚点
+}
+```
+
+## 3. 范围选择算法
+
+- 使用 `tree.visit()` 遍历可见节点
+- 使用 `node.getNextNode(true)` 获取下一个可见节点
+- 在锚点和目标节点之间收集所有节点
+
+## 4. Fancytree 集成
+
+- **selectMode**: 2 (标准多选，v1)
+- **select 事件**: 同步到 React state
+- **防循环**: 使用 flag 防止 React 更新触发 Fancytree 事件
+
+## 5. 批量 Chrome Tabs API
+
+```typescript
+// 批量关闭
+chrome.tabs.remove([tabIds])
+
+// 批量移动到指定窗口
+chrome.tabs.move([tabIds], { windowId, index })
+
+// 移动到新窗口
+const win = await chrome.windows.create({});
+chrome.tabs.move([tabIds], { windowId: win.id, index: 0 })
+```
+
+- 添加 try-catch 错误处理
+- 部分失败时提示用户并更新选择集
+
+### 5.1 批量分组
+- 使用 `chrome.tabGroups` API
+- 创建新分组：`chrome.tabGroups.create({ tabIds })`
+- OperationBar 添加"添加到分组"入口
+
+### 5.2 复制链接
+- 格式：`URL \n Title` 或 Markdown 链接
+- 使用 Clipboard API 或 `document.execCommand('copy')`
+- 仅针对 tab 节点，窗口/笔记节点禁用
+
+## 6. 外部关闭同步
+
+- 监听 `chrome.tabs.onRemoved`
+- 自动从选择中移除已关闭的标签
+- 全部关闭时隐藏 OperationBar
+- 部分关闭时重算 indeterminate
+
+## 7. 性能优化
+
+- 使用 `useMemo` / `useCallback` 防止不必要重渲染
+- 大批量操作添加进度提示
+- **目标：100+ 节点选中 <100ms**
+- 选择集用 Set 避免重复
+
+## 8. 键盘支持
+
+| 按键 | 功能 |
+|------|------|
+| `↑/↓` | 焦点移动 |
+| `Space` | 切换选择 |
+| `Shift + ↑/↓` | 范围选择 |
+| `Ctrl/Cmd + A` | 全选可见节点 |
+| `Enter` | 执行主操作（默认操作） |
+| `Esc` | 取消选择 |
+
+## 9. OperationBar 行为
+
+- `selectedKeys.size > 0` 时显示
+- 显示已选数量：`X tabs selected`
+- 显示操作按钮：关闭、移动到...、分组、复制链接
+- 窗口/笔记节点禁用"复制链接"
+
+## 10. 无障碍 (Accessibility)
+
+- 容器：`role="listbox"`
+- 节点：`role="option"` + `aria-selected`
+- 父节点半选：`aria-checked="mixed"`
+- 数量播报：`aria-live="polite"` 区域
+- 焦点管理：树获得焦点时启用键盘导航
+
+## 11. 文件修改清单
+
+| 文件 | 操作 |
+|------|------|
+| `src/tree/contexts/SelectionContext.tsx` | 新建 |
+| `src/tree/features/tab-master-tree/TabMasterTree.tsx` | 修改 |
+| `src/tree/features/tab-master-tree/nodes/tab-node-operations.ts` | 修改 |
+| `src/tree/features/operation-bar/OperationBar.tsx` | 修改 |
+
+## 12. 实现顺序
+
+1. **SelectionContext** - 定义选择状态接口
+2. **Fancytree 复选框** - 集成 checkbox 到树节点
+3. **键盘处理** - Space/Arrow/Shift+Click
+4. **OperationBar** - 批量操作 UI
+5. **批量 API** - 关闭/移动实现
+6. **外部同步** - tabs.onRemoved 监听
+
+---
+
+**状态**：✅ Gemini + ClawMini 联合 review 通过  
+**版本**：1.0  
+**日期**：2026-03-04

src/tree/contexts/SelectionContext.tsx

@@ -0,0 +1,152 @@
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+} from 'react';
+
+import browser from 'webextension-polyfill';
+
+export interface SelectionContextValue {
+    selectedKeys: Set<string>;
+    indeterminateKeys: Set<string>;
+    anchorKey: string | null;
+    toggleSelection: (key: string, allKeys?: string[]) => void;
+    selectRange: (endKey: string, allKeys: string[]) => void;
+    selectAll: (allKeys: string[]) => void;
+    clearSelection: () => void;
+    isSelected: (key: string) => boolean;
+}
+
+const SelectionContext = createContext<SelectionContextValue | null>(null);
+
+const emptySet = new Set<string>();
+
+export function SelectionProvider({ children }: { children: React.ReactNode }) {
+    const [selectedKeys, setSelectedKeys] = useState<Set<string>>(() => new Set());
+    const [indeterminateKeys, setIndeterminateKeys] = useState<Set<string>>(
+        () => new Set(),
+    );
+    const [anchorKey, setAnchorKey] = useState<string | null>(null);
+
+    const clearSelection = useCallback(() => {
+        setSelectedKeys(new Set());
+        setIndeterminateKeys(new Set());
+        setAnchorKey(null);
+    }, []);
+
+    const isSelected = useCallback(
+        (key: string) => selectedKeys.has(key),
+        [selectedKeys],
+    );
+
+    const toggleSelection = useCallback((key: string, allKeys?: string[]) => {
+        setSelectedKeys((prev) => {
+            const next = new Set(prev);
+            if (next.has(key)) {
+                next.delete(key);
+            } else {
+                next.add(key);
+            }
+            return next;
+        });
+        setIndeterminateKeys((prev) => {
+            const next = new Set(prev);
+            next.delete(key);
+            return next;
+        });
+        setAnchorKey(key);
+    }, []);
+
+    const selectRange = useCallback(
+        (endKey: string, allKeys: string[]) => {
+            const anchor = anchorKey;
+            if (anchor == null || allKeys.length === 0) {
+                setSelectedKeys((prev) => new Set(prev).add(endKey));
+                setAnchorKey(endKey);
+                return;
+            }
+            const startIdx = allKeys.indexOf(anchor);
+            const endIdx = allKeys.indexOf(endKey);
+            if (startIdx === -1 || endIdx === -1) {
+                setSelectedKeys((prev) => new Set(prev).add(endKey));
+                setAnchorKey(endKey);
+                return;
+            }
+            const low = Math.min(startIdx, endIdx);
+            const high = Math.max(startIdx, endIdx);
+            const rangeKeys = allKeys.slice(low, high + 1);
+            setSelectedKeys(new Set(rangeKeys));
+            setIndeterminateKeys(emptySet);
+        },
+        [anchorKey],
+    );
+
+    const selectAll = useCallback((allKeys: string[]) => {
+        setSelectedKeys(new Set(allKeys));
+        setIndeterminateKeys(emptySet);
+        setAnchorKey(allKeys[0] ?? null);
+    }, []);
+
+    useEffect(() => {
+        const listener = (tabId: number) => {
+            const key = String(tabId);
+            setSelectedKeys((prev) => {
+                if (!prev.has(key)) return prev;
+                const next = new Set(prev);
+                next.delete(key);
+                return next;
+            });
+            setIndeterminateKeys((prev) => {
+                if (!prev.has(key)) return prev;
+                const next = new Set(prev);
+                next.delete(key);
+                return next;
+            });
+            setAnchorKey((prev) => (prev === key ? null : prev));
+        };
+        browser.tabs.onRemoved.addListener(listener);
+        return () => {
+            browser.tabs.onRemoved.removeListener(listener);
+        };
+    }, []);
+
+    const value = useMemo<SelectionContextValue>(
+        () => ({
+            selectedKeys,
+            indeterminateKeys,
+            anchorKey,
+            toggleSelection,
+            selectRange,
+            selectAll,
+            clearSelection,
+            isSelected,
+        }),
+        [
+            selectedKeys,
+            indeterminateKeys,
+            anchorKey,
+            toggleSelection,
+            selectRange,
+            selectAll,
+            clearSelection,
+            isSelected,
+        ],
+    );
+
+    return (
+        <SelectionContext.Provider value={value}>
+            {children}
+        </SelectionContext.Provider>
+    );
+}
+
+export function useSelection(): SelectionContextValue {
+    const ctx = useContext(SelectionContext);
+    if (ctx == null) {
+        throw new Error('useSelection must be used within SelectionProvider');
+    }
+    return ctx;
+}