From 338bb2e20f27ef5af0b7446d47c042b61eaa9ca7 Mon Sep 17 00:00:00 2001
From: lix-2026 <liaibo00@163.com>
Date: Sun, 26 Apr 2026 04:29:23 +0800
Subject: [PATCH] =?UTF-8?q?4-26=20=E6=A0=91rust-2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |    4 +-
 rust/crates/bridge-runtime/src/lib.rs         |  745 ++++++++-
 rust/crates/mnote-web/src/routes/documents.rs |    1 +
 rust/crates/mnote-web/src/routes/sse.rs       |  123 +-
 .../mnote-web/src/routes/stream_support.rs    |  433 ++++-
 rust/crates/mnote-web/src/routes/tree.rs      |  519 +++++-
 rust/target/.rustc_info.json                  |    2 +-
 ...sk112-tree-rust-family-regression-smoke.js | 1167 +++++++++++++
 ...ask113-picker-keyboard-regression-smoke.js |  276 +++
 scripts/tree-shell-smoke-helpers.js           |  227 ++-
 .../convex/_utils/documentRecord.ts           |   26 +
 wolai-frontend/convex/_utils/documentTree.ts  |   24 +-
 wolai-frontend/convex/documents.ts            |   52 +-
 .../src/app/api/documents/copy-tree/route.ts  |  186 +--
 .../src/app/api/documents/delete/route.ts     |  112 +-
 .../src/app/api/documents/embed/route.ts      |   71 +-
 .../src/app/api/documents/purge/route.ts      |   72 +-
 .../src/app/api/documents/restore/route.ts    |  112 +-
 .../app/api/documents/route-adapters.test.ts  |  193 ++-
 .../app/api/mnote-web/stream/route.test.ts    |  313 ++--
 .../src/app/api/mnote-web/stream/route.ts     |  201 ++-
 .../src/app/api/tree/commands/route.test.ts   | 1150 ++++++++++++-
 .../src/app/api/tree/commands/route.ts        |  685 +++++++-
 .../move-embed-picker-dialog.test.tsx         |  401 ++++-
 .../documents/move-embed-picker-dialog.tsx    |  200 ++-
 .../src/components/sidebar/file-tree.tsx      |   47 +-
 .../sidebar/sidebar-navigation.test.ts        |   18 +
 .../components/sidebar/sidebar-navigation.ts  |   19 +
 .../src/components/sidebar/sidebar.tsx        |  534 +++---
 .../components/sidebar/tree-shell-host.tsx    |   68 +-
 .../sidebar/tree-shell-iframe-host.test.tsx   |  476 +++++-
 .../sidebar/tree-shell-iframe-host.tsx        | 1479 +++++++++++++++--
 .../sidebar/tree-shell-surface.test.tsx       |  159 +-
 .../components/sidebar/tree-shell-surface.tsx |   90 +-
 wolai-frontend/src/components/ui/input.tsx    |   35 +-
 .../src/lib/documents/bridge-log.ts           |    3 +-
 wolai-frontend/src/lib/documents/bridge.ts    |    3 +
 .../src/lib/documents/document-record.test.ts |   35 +
 .../src/lib/documents/document-tree.test.ts   |   29 +
 .../page-lifecycle-command-adapter.test.ts    |  254 +++
 .../page-lifecycle-command-adapter.ts         |  115 +-
 .../page-write-command-adapter.test.ts        |   25 +-
 .../documents/page-write-command-adapter.ts   |   51 +
 .../src/lib/documents/rust-runtime.ts         |    5 +-
 .../lib/documents/tree-command-client.test.ts |   34 +-
 .../src/lib/documents/tree-command-client.ts  |   98 +-
 wolai-frontend/src/lib/file-tree/rows.test.ts |  172 +-
 wolai-frontend/src/lib/file-tree/rows.ts      |   34 +
 .../src/lib/file-tree/shell.test.ts           |  294 ++++
 wolai-frontend/src/lib/file-tree/shell.ts     |  207 +++
 wolai-frontend/src/lib/runtime-config.test.ts |    4 +-
 wolai-frontend/src/lib/runtime-config.ts      |    4 +-
 .../src/lib/tree-stream/server.test.ts        |  499 ++++++
 wolai-frontend/src/lib/tree-stream/server.ts  |  392 +++++
 .../src/lib/tree-stream/tree-delta.test.ts    |  233 ++-
 .../src/lib/tree-stream/tree-delta.ts         |  125 +-
 .../use-sidebar-tree-stream.test.tsx          |  134 +-
 .../tree-stream/use-sidebar-tree-stream.ts    |    4 +-
 58 files changed, 11718 insertions(+), 1256 deletions(-)
 create mode 100644 scripts/task112-tree-rust-family-regression-smoke.js
 create mode 100644 scripts/task113-picker-keyboard-regression-smoke.js
 create mode 100644 wolai-frontend/src/components/sidebar/sidebar-navigation.test.ts
 create mode 100644 wolai-frontend/src/components/sidebar/sidebar-navigation.ts
 create mode 100644 wolai-frontend/src/lib/documents/document-tree.test.ts
 create mode 100644 wolai-frontend/src/lib/file-tree/shell.test.ts
 create mode 100644 wolai-frontend/src/lib/file-tree/shell.ts
 create mode 100644 wolai-frontend/src/lib/tree-stream/server.test.ts
 create mode 100644 wolai-frontend/src/lib/tree-stream/server.ts

diff --git a/.gitignore b/.gitignore
index c8780ba6..276c84a3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -62,4 +62,6 @@ design
 
 # pnpm 本地缓存
 /.pnpm-store/
-.playwright-mcp
\ No newline at end of file
+.playwright-mcp
+rust/spikes/leptos-tiptap-spike/trunk-8123.err
+rust/spikes/leptos-tiptap-spike/trunk-8123.out
diff --git a/rust/crates/bridge-runtime/src/lib.rs b/rust/crates/bridge-runtime/src/lib.rs
index 88c41967..802c2e46 100644
--- a/rust/crates/bridge-runtime/src/lib.rs
+++ b/rust/crates/bridge-runtime/src/lib.rs
@@ -34,7 +34,7 @@ use index_fts::{
 use serde::de::DeserializeOwned;
 use serde::{Deserialize, Serialize};
 use serde_json::{json, Value};
-use std::collections::{BTreeMap, VecDeque};
+use std::collections::{BTreeMap, HashMap, VecDeque};
 use std::env;
 use std::sync::atomic::{AtomicU64, Ordering};
 use storage_convex_bridge::{
@@ -122,6 +122,8 @@ pub struct RuntimeCommandEnvelopeWire {
     pub source: RuntimeSourceWire,
     pub target: Option<RuntimeTargetWire>,
     pub payload: Value,
+    #[serde(default)]
+    pub preflight_data: Option<Value>,
     pub reason: Option<String>,
     pub refs: Vec<String>,
     pub dry_run: bool,
@@ -606,6 +608,190 @@ struct DocumentMoveCommandPayload {
     sort_order: i64,
 }
 
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase")]
+struct DocumentMovePreflightDocument {
+    id: String,
+    workspace_id: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Clone)]
+#[serde(rename_all = "camelCase")]
+struct DocumentMoveSnapshotDocument {
+    id: String,
+    #[serde(default, alias = "workspace_id")]
+    workspace_id: Option<String>,
+    #[serde(default, alias = "parent_id")]
+    parent_id: Option<String>,
+}
+
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase")]
+struct DocumentMovePreflightPayload {
+    source_document: DocumentMovePreflightDocument,
+    target_parent_document: Option<DocumentMovePreflightDocument>,
+    #[serde(default)]
+    target_ancestor_ids: Vec<String>,
+}
+
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase")]
+struct DocumentMoveSnapshotSidebarPayload {
+    #[serde(default)]
+    documents: Vec<DocumentMoveSnapshotDocument>,
+}
+
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase")]
+struct DocumentMoveSnapshotPayload {
+    #[serde(default)]
+    documents: Vec<DocumentMoveSnapshotDocument>,
+    #[serde(default, alias = "sidebarSnapshot")]
+    sidebar_snapshot: Option<DocumentMoveSnapshotSidebarPayload>,
+}
+
+fn derive_document_move_preflight_from_snapshot(
+    payload: &DocumentMoveCommandPayload,
+    snapshot: &DocumentMoveSnapshotPayload,
+) -> Result<DocumentMovePreflightPayload, BridgeError> {
+    let documents = if !snapshot.documents.is_empty() {
+        snapshot.documents.clone()
+    } else if let Some(sidebar_snapshot) = snapshot.sidebar_snapshot.as_ref() {
+        sidebar_snapshot.documents.clone()
+    } else {
+        return Err(BridgeError::validation(
+            "move preflightData 缺少 documents 快照",
+        ));
+    };
+
+    let document_by_id: HashMap<String, DocumentMoveSnapshotDocument> = documents
+        .into_iter()
+        .map(|document| (document.id.clone(), document))
+        .collect();
+
+    let source_document =
+        document_by_id
+            .get(payload.document_id.as_str())
+            .ok_or_else(|| BridgeError::validation("源页面不存在或无权限"))?;
+
+    let target_parent_document = payload
+        .parent_id
+        .as_deref()
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .map(|parent_id| {
+            document_by_id
+                .get(parent_id)
+                .cloned()
+                .ok_or_else(|| BridgeError::validation("目标父页面不存在或无权限"))
+        })
+        .transpose()?;
+
+    let mut target_ancestor_ids = Vec::new();
+    let mut cursor = target_parent_document
+        .as_ref()
+        .and_then(|document| document.parent_id.as_deref())
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .map(ToOwned::to_owned);
+    let mut depth = 0;
+    while let Some(parent_id) = cursor {
+        if depth >= 256 {
+            break;
+        }
+        target_ancestor_ids.push(parent_id.clone());
+        cursor = document_by_id
+            .get(parent_id.as_str())
+            .and_then(|document| document.parent_id.as_deref())
+            .map(str::trim)
+            .filter(|value| !value.is_empty())
+            .map(ToOwned::to_owned);
+        depth += 1;
+    }
+
+    Ok(DocumentMovePreflightPayload {
+        source_document: DocumentMovePreflightDocument {
+            id: source_document.id.clone(),
+            workspace_id: source_document.workspace_id.clone(),
+        },
+        target_parent_document: target_parent_document.map(|document| DocumentMovePreflightDocument {
+            id: document.id,
+            workspace_id: document.workspace_id,
+        }),
+        target_ancestor_ids,
+    })
+}
+
+fn resolve_document_move_preflight(
+    payload: &DocumentMoveCommandPayload,
+    preflight_data: Option<&Value>,
+) -> Result<Option<DocumentMovePreflightPayload>, BridgeError> {
+    let Some(raw_preflight) = preflight_data else {
+        return Ok(None);
+    };
+
+    if let Ok(preflight) =
+        serde_json::from_value::<DocumentMovePreflightPayload>(raw_preflight.clone())
+    {
+        return Ok(Some(preflight));
+    }
+
+    let snapshot = serde_json::from_value::<DocumentMoveSnapshotPayload>(raw_preflight.clone())
+        .map_err(|error| BridgeError::validation(format!("move preflightData 非法: {error}")))?;
+    derive_document_move_preflight_from_snapshot(payload, &snapshot).map(Some)
+}
+
+fn validate_document_move_legality(
+    payload: &DocumentMoveCommandPayload,
+    preflight_data: Option<&Value>,
+) -> Result<(), BridgeError> {
+    let Some(parent_id) = payload.parent_id.as_deref().map(str::trim).filter(|value| !value.is_empty()) else {
+        return Ok(());
+    };
+
+    if parent_id == payload.document_id {
+        return Err(BridgeError::validation("不能把页面移动到自身下面"));
+    }
+
+    let Some(preflight) = resolve_document_move_preflight(payload, preflight_data)? else {
+        return Ok(());
+    }; 
+
+    if preflight.source_document.id.trim() == parent_id {
+        return Err(BridgeError::validation("不能把页面移动到自身下面"));
+    }
+
+    if preflight
+        .target_ancestor_ids
+        .iter()
+        .any(|ancestor_id| ancestor_id.trim() == payload.document_id)
+    {
+        return Err(BridgeError::validation("不能把页面移动到自己的后代下面"));
+    }
+
+    if let Some(target_parent_document) = preflight.target_parent_document.as_ref() {
+        let source_workspace_id = preflight
+            .source_document
+            .workspace_id
+            .as_deref()
+            .map(str::trim)
+            .filter(|value| !value.is_empty());
+        let target_workspace_id = target_parent_document
+            .workspace_id
+            .as_deref()
+            .map(str::trim)
+            .filter(|value| !value.is_empty());
+        if source_workspace_id.is_some()
+            && target_workspace_id.is_some()
+            && source_workspace_id != target_workspace_id
+        {
+            return Err(BridgeError::validation("暂不支持跨工作空间移动页面"));
+        }
+    }
+
+    Ok(())
+}
+
 #[derive(Debug, Deserialize)]
 #[serde(rename_all = "camelCase")]
 struct DocumentDeleteCommandPayload {
@@ -5557,10 +5743,15 @@ fn execute_command(
                 }),
             }))
         }
-        "documents.embed" => {
+        "documents.embed" | "tree.node.embed" => {
             let payload: DocumentEmbedCommandPayload = parse_payload(command_wire.payload.clone())?;
+            let command_name = if command_wire.name == "tree.node.embed" {
+                "tree.node.embed"
+            } else {
+                "documents.embed"
+            };
             let command = CommandEnvelope {
-                name: "documents.embed".into(),
+                name: command_name.into(),
                 command_id: command_wire.command_id.clone(),
                 idempotency_key: command_wire.idempotency_key.clone(),
                 actor: to_actor_payload(&command_wire.actor),
@@ -5571,9 +5762,7 @@ fn execute_command(
                     workspace_id: payload.workspace_id.clone(),
                     revision: payload.revision,
                     content_json: serde_json::to_string(&payload.content).map_err(|error| {
-                        BridgeError::validation(format!(
-                            "documents.embed content 序列化失败: {error}"
-                        ))
+                        BridgeError::validation(format!("{command_name} content 序列化失败: {error}"))
                     })?,
                     conflict_detection_key: payload.conflict_detection_key.clone(),
                 },
@@ -5818,6 +6007,7 @@ fn execute_command(
         }
         "documents.move" | "tree.subtree.move" => {
             let payload: DocumentMoveCommandPayload = parse_payload(command_wire.payload.clone())?;
+            validate_document_move_legality(&payload, command_wire.preflight_data.as_ref())?;
             let command_name = if command_wire.name == "tree.subtree.move" {
                 "tree.subtree.move"
             } else {
@@ -5854,11 +6044,16 @@ fn execute_command(
                 }),
             }))
         }
-        "documents.delete" => {
+        "documents.delete" | "tree.node.archive" => {
             let payload: DocumentDeleteCommandPayload =
                 parse_payload(command_wire.payload.clone())?;
+            let command_name = if command_wire.name == "tree.node.archive" {
+                "tree.node.archive"
+            } else {
+                "documents.delete"
+            };
             let command = CommandEnvelope {
-                name: "documents.delete".into(),
+                name: command_name.into(),
                 command_id: command_wire.command_id.clone(),
                 idempotency_key: command_wire.idempotency_key.clone(),
                 actor: to_actor_payload(&command_wire.actor),
@@ -5886,11 +6081,16 @@ fn execute_command(
                 }),
             }))
         }
-        "documents.restore" => {
+        "documents.restore" | "tree.node.restore" => {
             let payload: DocumentRestoreCommandPayload =
                 parse_payload(command_wire.payload.clone())?;
+            let command_name = if command_wire.name == "tree.node.restore" {
+                "tree.node.restore"
+            } else {
+                "documents.restore"
+            };
             let command = CommandEnvelope {
-                name: "documents.restore".into(),
+                name: command_name.into(),
                 command_id: command_wire.command_id.clone(),
                 idempotency_key: command_wire.idempotency_key.clone(),
                 actor: to_actor_payload(&command_wire.actor),
@@ -6017,10 +6217,15 @@ fn execute_command(
                 }),
             }))
         }
-        "documents.purge" => {
+        "documents.purge" | "tree.node.purge" => {
             let payload: DocumentPurgeCommandPayload = parse_payload(command_wire.payload.clone())?;
+            let command_name = if command_wire.name == "tree.node.purge" {
+                "tree.node.purge"
+            } else {
+                "documents.purge"
+            };
             let command = CommandEnvelope {
-                name: "documents.purge".into(),
+                name: command_name.into(),
                 command_id: command_wire.command_id.clone(),
                 idempotency_key: command_wire.idempotency_key.clone(),
                 actor: to_actor_payload(&command_wire.actor),
@@ -6048,11 +6253,16 @@ fn execute_command(
                 }),
             }))
         }
-        "documents.copy_tree" => {
+        "documents.copy_tree" | "tree.subtree.copy" => {
             let payload: DocumentCopyTreeCommandPayload =
                 parse_payload(command_wire.payload.clone())?;
+            let command_name = if command_wire.name == "tree.subtree.copy" {
+                "tree.subtree.copy"
+            } else {
+                "documents.copy_tree"
+            };
             let command = CommandEnvelope {
-                name: "documents.copy_tree".into(),
+                name: command_name.into(),
                 command_id: command_wire.command_id.clone(),
                 idempotency_key: command_wire.idempotency_key.clone(),
                 actor: to_actor_payload(&command_wire.actor),
@@ -6426,6 +6636,7 @@ mod tests {
                         "type": "paragraph",
                     },
                 }),
+                preflight_data: None,
                 reason: Some("替换块快照".into()),
                 refs: vec![],
                 dry_run: false,
@@ -6732,6 +6943,7 @@ mod tests {
                     },
                     "createOnly": true,
                 }),
+                preflight_data: None,
                 reason: Some("保存导图".into()),
                 refs: vec!["task-032".into()],
                 dry_run: false,
@@ -7229,6 +7441,7 @@ mod tests {
                     },
                     "conflictDetectionKey": "doc_1:4"
                 }),
+                preflight_data: None,
                 reason: Some("保存正文".into()),
                 refs: vec!["task-055".into()],
                 dry_run: false,
@@ -7326,6 +7539,7 @@ mod tests {
                     ],
                     "conflictDetectionKey": "doc_1:6"
                 }),
+                preflight_data: None,
                 reason: Some("保存正文".into()),
                 refs: vec!["task-save-fallback".into()],
                 dry_run: false,
@@ -7427,6 +7641,7 @@ mod tests {
                     ],
                     "conflictDetectionKey": "doc_1:7"
                 }),
+                preflight_data: None,
                 reason: Some("保存正文".into()),
                 refs: vec!["task-save-prefer-editor".into()],
                 dry_run: false,
@@ -7489,6 +7704,7 @@ mod tests {
                     ],
                     "conflictDetectionKey": "doc_1:8"
                 }),
+                preflight_data: None,
                 reason: Some("保存正文".into()),
                 refs: vec!["task-save-content-only".into()],
                 dry_run: false,
@@ -7540,6 +7756,7 @@ mod tests {
                     "blockId": "block_1",
                     "targetDocumentId": "doc_2",
                 }),
+                preflight_data: None,
                 reason: Some("移动块".into()),
                 refs: vec![],
                 dry_run: false,
@@ -7594,6 +7811,7 @@ mod tests {
                     "targetDocumentId": "doc_2",
                     "targetBlockId": "anchor_1",
                 }),
+                preflight_data: None,
                 reason: Some("嵌入块".into()),
                 refs: vec![],
                 dry_run: false,
@@ -7653,6 +7871,7 @@ mod tests {
                     "targetDocumentId": "doc_2",
                     "anchorBlockId": "anchor_1",
                 }),
+                preflight_data: None,
                 reason: Some("嵌入页面".into()),
                 refs: vec![],
                 dry_run: false,
@@ -7683,6 +7902,504 @@ mod tests {
         }
     }
 
+    #[test]
+    fn tree_lifecycle_command_aliases_keep_tree_command_names() {
+        let cases = [
+            (
+                "tree.node.archive",
+                "documents:softDelete",
+                json!({
+                    "documentId": "doc_1",
+                    "workspaceId": "ws_1",
+                }),
+                json!({
+                    "id": "doc_1",
+                }),
+            ),
+            (
+                "tree.node.restore",
+                "documents:restore",
+                json!({
+                    "documentId": "doc_1",
+                    "workspaceId": "ws_1",
+                }),
+                json!({
+                    "id": "doc_1",
+                }),
+            ),
+            (
+                "tree.node.purge",
+                "documents:purge",
+                json!({
+                    "documentId": "doc_1",
+                }),
+                json!({
+                    "id": "doc_1",
+                }),
+            ),
+        ];
+
+        for (command_name, function_name, payload, args_json) in cases {
+            let plan = execute_runtime_input(RuntimeInput::Command {
+                context: demo_context(),
+                command: RuntimeCommandEnvelopeWire {
+                    name: command_name.into(),
+                    command_id: format!("cmd_{command_name}"),
+                    idempotency_key: Some(format!("idem_{command_name}")),
+                    actor: RuntimeActorWire {
+                        actor_type: "user".into(),
+                        actor_id: "user_1".into(),
+                        session_id: Some("sess_1".into()),
+                    },
+                    source: RuntimeSourceWire {
+                        channel: "next-route".into(),
+                        client: "wolai-frontend".into(),
+                    },
+                    target: Some(RuntimeTargetWire {
+                        workspace_id: Some("ws_1".into()),
+                        page_id: Some("doc_1".into()),
+                        block_id: None,
+                    }),
+                    payload,
+                preflight_data: None,
+                    reason: Some("树命令切流".into()),
+                    refs: vec![],
+                    dry_run: false,
+                    validate_only: false,
+                },
+            })
+            .expect("command plan should build");
+
+            match plan {
+                RuntimeExecutionPlan::Command(plan) => {
+                    assert_eq!(plan.function_name, function_name);
+                    assert_eq!(plan.command_name, command_name);
+                    assert_eq!(plan.args_json, args_json);
+                }
+                RuntimeExecutionPlan::Query(_) => panic!("expected command plan"),
+                RuntimeExecutionPlan::Tool(_) => panic!("expected command plan"),
+            }
+        }
+    }
+
+    #[test]
+    fn tree_subtree_move_command_rejects_self_target_via_preflight() {
+        let error = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.move".into(),
+                command_id: "cmd_tree_move_self".into(),
+                idempotency_key: Some("idem_tree_move_self".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_1",
+                    "parentId": "doc_1",
+                    "sortOrder": 0,
+                    "movePreflight": {
+                        "sourceDocument": {
+                            "id": "doc_1",
+                            "workspaceId": "ws_1",
+                            "parentId": null
+                        },
+                        "targetParentDocument": {
+                            "id": "doc_1",
+                            "workspaceId": "ws_1",
+                            "parentId": null
+                        },
+                        "targetAncestorIds": []
+                    }
+                }),
+                preflight_data: Some(json!({
+                    "sourceDocument": {
+                        "id": "doc_1",
+                        "workspaceId": "ws_1",
+                        "parentId": null
+                    },
+                    "targetParentDocument": {
+                        "id": "doc_1",
+                        "workspaceId": "ws_1",
+                        "parentId": null
+                    },
+                    "targetAncestorIds": []
+                })),
+                reason: Some("树命令切流".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect_err("self move should be rejected");
+
+        assert_eq!(error.kind, BridgeErrorKind::Validation);
+        assert_eq!(error.message, "不能把页面移动到自身下面");
+    }
+
+    #[test]
+    fn tree_subtree_move_command_rejects_descendant_target_via_preflight() {
+        let error = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.move".into(),
+                command_id: "cmd_tree_move_descendant".into(),
+                idempotency_key: Some("idem_tree_move_descendant".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_1",
+                    "parentId": "child_1",
+                    "sortOrder": 0,
+                    "movePreflight": {
+                        "sourceDocument": {
+                            "id": "doc_1",
+                            "workspaceId": "ws_1",
+                            "parentId": null
+                        },
+                        "targetParentDocument": {
+                            "id": "child_1",
+                            "workspaceId": "ws_1",
+                            "parentId": "doc_1"
+                        },
+                        "targetAncestorIds": ["doc_1"]
+                    }
+                }),
+                preflight_data: Some(json!({
+                    "sourceDocument": {
+                        "id": "doc_1",
+                        "workspaceId": "ws_1",
+                        "parentId": null
+                    },
+                    "targetParentDocument": {
+                        "id": "child_1",
+                        "workspaceId": "ws_1",
+                        "parentId": "doc_1"
+                    },
+                    "targetAncestorIds": ["doc_1"]
+                })),
+                reason: Some("树命令切流".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect_err("descendant move should be rejected");
+
+        assert_eq!(error.kind, BridgeErrorKind::Validation);
+        assert_eq!(error.message, "不能把页面移动到自己的后代下面");
+    }
+
+    #[test]
+    fn tree_subtree_move_command_rejects_cross_workspace_target_via_preflight() {
+        let error = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.move".into(),
+                command_id: "cmd_tree_move_cross_workspace".into(),
+                idempotency_key: Some("idem_tree_move_cross_workspace".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_1",
+                    "parentId": "parent_remote",
+                    "sortOrder": 0,
+                    "movePreflight": {
+                        "sourceDocument": {
+                            "id": "doc_1",
+                            "workspaceId": "ws_1",
+                            "parentId": null
+                        },
+                        "targetParentDocument": {
+                            "id": "parent_remote",
+                            "workspaceId": "ws_2",
+                            "parentId": null
+                        },
+                        "targetAncestorIds": []
+                    }
+                }),
+                preflight_data: Some(json!({
+                    "sourceDocument": {
+                        "id": "doc_1",
+                        "workspaceId": "ws_1",
+                        "parentId": null
+                    },
+                    "targetParentDocument": {
+                        "id": "parent_remote",
+                        "workspaceId": "ws_2",
+                        "parentId": null
+                    },
+                    "targetAncestorIds": []
+                })),
+                reason: Some("树命令切流".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect_err("cross-workspace move should be rejected");
+
+        assert_eq!(error.kind, BridgeErrorKind::Validation);
+        assert_eq!(error.message, "暂不支持跨工作空间移动页面");
+    }
+
+    #[test]
+    fn tree_subtree_move_command_rejects_descendant_target_via_snapshot_documents() {
+        let error = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.move".into(),
+                command_id: "cmd_tree_move_desc_snapshot".into(),
+                idempotency_key: Some("idem_tree_move_desc_snapshot".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_1",
+                    "parentId": "child_1",
+                    "sortOrder": 0
+                }),
+                preflight_data: Some(json!({
+                    "documents": [
+                        {
+                            "id": "doc_1",
+                            "workspace_id": "ws_1",
+                            "parent_id": null
+                        },
+                        {
+                            "id": "child_1",
+                            "workspace_id": "ws_1",
+                            "parent_id": "doc_1"
+                        }
+                    ]
+                })),
+                reason: Some("树命令切流".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect_err("descendant move should be rejected from snapshot documents");
+
+        assert_eq!(error.kind, BridgeErrorKind::Validation);
+        assert_eq!(error.message, "不能把页面移动到自己的后代下面");
+    }
+
+    #[test]
+    fn tree_subtree_move_command_rejects_missing_target_parent_via_snapshot_documents() {
+        let error = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.move".into(),
+                command_id: "cmd_tree_move_missing_parent_snapshot".into(),
+                idempotency_key: Some("idem_tree_move_missing_parent_snapshot".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_1",
+                    "parentId": "missing_parent",
+                    "sortOrder": 0
+                }),
+                preflight_data: Some(json!({
+                    "documents": [
+                        {
+                            "id": "doc_1",
+                            "workspace_id": "ws_1",
+                            "parent_id": null
+                        }
+                    ]
+                })),
+                reason: Some("树命令切流".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect_err("missing parent should be rejected from snapshot documents");
+
+        assert_eq!(error.kind, BridgeErrorKind::Validation);
+        assert_eq!(error.message, "目标父页面不存在或无权限");
+    }
+
+    #[test]
+    fn tree_embed_and_copy_aliases_keep_tree_command_names() {
+        let embed_plan = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.node.embed".into(),
+                command_id: "cmd_tree_embed_1".into(),
+                idempotency_key: Some("idem_tree_embed".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("doc_2".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "documentId": "doc_2",
+                    "workspaceId": "ws_1",
+                    "revision": 5,
+                    "content": [{ "id": "block_1", "type": "pageReference" }],
+                    "conflictDetectionKey": "conflict_5",
+                    "sourceDocumentId": "doc_1",
+                    "targetDocumentId": "doc_2",
+                    "anchorBlockId": "anchor_1",
+                }),
+                preflight_data: None,
+                reason: Some("树命令嵌入页面".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect("embed plan should build");
+
+        match embed_plan {
+            RuntimeExecutionPlan::Command(plan) => {
+                assert_eq!(plan.function_name, "documents:updateContent");
+                assert_eq!(plan.command_name, "tree.node.embed");
+                assert_eq!(
+                    plan.args_json,
+                    json!({
+                        "id": "doc_2",
+                        "content": [{ "id": "block_1", "type": "pageReference" }],
+                        "expectedRevision": 5,
+                        "conflictDetectionKey": "conflict_5",
+                        "sourceDocumentId": "doc_1",
+                        "targetDocumentId": "doc_2",
+                        "anchorBlockId": "anchor_1",
+                    })
+                );
+            }
+            RuntimeExecutionPlan::Query(_) => panic!("expected command plan"),
+            RuntimeExecutionPlan::Tool(_) => panic!("expected command plan"),
+        }
+
+        let copy_plan = execute_runtime_input(RuntimeInput::Command {
+            context: demo_context(),
+            command: RuntimeCommandEnvelopeWire {
+                name: "tree.subtree.copy".into(),
+                command_id: "cmd_tree_copy_1".into(),
+                idempotency_key: Some("idem_tree_copy".into()),
+                actor: RuntimeActorWire {
+                    actor_type: "user".into(),
+                    actor_id: "user_1".into(),
+                    session_id: Some("sess_1".into()),
+                },
+                source: RuntimeSourceWire {
+                    channel: "next-route".into(),
+                    client: "wolai-frontend".into(),
+                },
+                target: Some(RuntimeTargetWire {
+                    workspace_id: Some("ws_1".into()),
+                    page_id: Some("parent_1".into()),
+                    block_id: None,
+                }),
+                payload: json!({
+                    "items": [
+                        {
+                            "documentId": "doc_1",
+                            "recursive": true,
+                        }
+                    ],
+                    "targetParentId": "parent_1",
+                }),
+                preflight_data: None,
+                reason: Some("树命令复制子树".into()),
+                refs: vec![],
+                dry_run: false,
+                validate_only: false,
+            },
+        })
+        .expect("copy plan should build");
+
+        match copy_plan {
+            RuntimeExecutionPlan::Command(plan) => {
+                assert_eq!(plan.function_name, "documents:copyTree");
+                assert_eq!(plan.command_name, "tree.subtree.copy");
+                assert_eq!(
+                    plan.args_json,
+                    json!({
+                        "items": [
+                            {
+                                "documentId": "doc_1",
+                                "recursive": true,
+                            }
+                        ],
+                        "targetParentId": "parent_1",
+                    })
+                );
+            }
+            RuntimeExecutionPlan::Query(_) => panic!("expected command plan"),
+            RuntimeExecutionPlan::Tool(_) => panic!("expected command plan"),
+        }
+    }
+
     #[test]
     fn mindmap_get_tool_plan_uses_mindmaps_get_query() {
         let plan = execute_runtime_input(RuntimeInput::Tool {
diff --git a/rust/crates/mnote-web/src/routes/documents.rs b/rust/crates/mnote-web/src/routes/documents.rs
index 67d8d943..d4fcf44c 100644
--- a/rust/crates/mnote-web/src/routes/documents.rs
+++ b/rust/crates/mnote-web/src/routes/documents.rs
@@ -482,6 +482,7 @@ pub async fn save(
             "snapshotCapturedAt": body.snapshot_captured_at,
             "blockCount": body.block_count,
         }),
+        preflight_data: None,
         reason: Some("mnote-web human editor save".into()),
         refs: vec!["mnote-web-editor-runtime".into()],
         dry_run: false,
diff --git a/rust/crates/mnote-web/src/routes/sse.rs b/rust/crates/mnote-web/src/routes/sse.rs
index 5e5aea2e..5086e62a 100644
--- a/rust/crates/mnote-web/src/routes/sse.rs
+++ b/rust/crates/mnote-web/src/routes/sse.rs
@@ -1,34 +1,138 @@
 use crate::app::AppState;
 use crate::context::RequestContext;
 use crate::error::WebError;
-use crate::routes::stream_support::{load_stream_snapshot, StreamSnapshotQuery};
+use crate::routes::stream_support::{
+    build_stream_delta_payload, load_stream_overview, load_stream_snapshot,
+    read_stream_cursor_from_payload, resolve_stream_change, with_stream_kind, StreamChangeKind,
+    StreamSnapshotQuery,
+};
 use axum::extract::{Extension, Query, State};
 use axum::response::sse::{Event, KeepAlive, Sse};
 use futures_util::stream;
 use serde_json::Value;
 use std::convert::Infallible;
 use std::time::Duration;
+use tokio::time::sleep;
 
 pub async fn events(
     State(state): State<AppState>,
     Extension(context): Extension<RequestContext>,
     Query(query): Query<StreamSnapshotQuery>,
 ) -> Result<Sse<impl futures_util::Stream<Item = Result<Event, Infallible>>>, WebError> {
-    let payload = load_stream_snapshot(state.config(), &context, &query).await?;
-    let event = snapshot_event(&payload);
+    let initial_payload = load_stream_snapshot(state.config(), &context, &query).await?;
+    let initial_cursor = read_stream_cursor_from_payload(&initial_payload);
+    let max_polls = query.max_polls;
+    let poll_ms = query.poll_ms.unwrap_or(2_000).max(250);
+    let state_for_stream = state.clone();
+    let context_for_stream = context.clone();
+    let query_for_stream = query.clone();
+    let stream = stream::unfold(
+        Some(StreamPollState {
+            app_state: state_for_stream,
+            context: context_for_stream,
+            query: query_for_stream,
+            current_cursor: initial_cursor,
+            polls: 0,
+            initial_payload,
+            initial_emitted: false,
+        }),
+        move |state| async move {
+            let mut state = state?;
 
-    Ok(Sse::new(stream::iter(vec![Ok(event)])).keep_alive(
+            if !state.initial_emitted {
+                state.initial_emitted = true;
+                return Some((
+                    Ok(stream_event("snapshot", &state.initial_payload)),
+                    Some(state),
+                ));
+            }
+
+            loop {
+                if let Some(max_polls) = max_polls {
+                    if state.polls >= max_polls {
+                        return None;
+                    }
+                }
+                state.polls += 1;
+                sleep(Duration::from_millis(poll_ms)).await;
+
+                let Ok((workspace_id, overview)) =
+                    load_stream_overview(state.app_state.config(), &state.context, &state.query)
+                        .await
+                else {
+                    return None;
+                };
+                let Some(change) =
+                    resolve_stream_change(&overview, state.current_cursor.as_deref())
+                else {
+                    continue;
+                };
+
+                state.current_cursor = change.cursor.clone();
+
+                match change.kind {
+                    StreamChangeKind::Delta => {
+                        let payload = build_stream_delta_payload(
+                            &state.context,
+                            &state.query,
+                            &workspace_id,
+                            &overview,
+                            change.cursor,
+                            change.delta.unwrap_or_else(|| serde_json::json!({ "op": "noop" })),
+                        );
+                        return Some((Ok(stream_event("delta", &payload)), Some(state)));
+                    }
+                    StreamChangeKind::Resync => {
+                        let mut next_query = state.query.clone();
+                        next_query.cursor = change.cursor;
+                        let Ok(snapshot_payload) = load_stream_snapshot(
+                            state.app_state.config(),
+                            &state.context,
+                            &next_query,
+                        )
+                        .await
+                        else {
+                            return None;
+                        };
+                        state.query = next_query;
+                        state.current_cursor =
+                            read_stream_cursor_from_payload(&snapshot_payload);
+                        return Some((
+                            Ok(stream_event(
+                                "resync",
+                                &with_stream_kind(&snapshot_payload, "resync"),
+                            )),
+                            Some(state),
+                        ));
+                    }
+                }
+            }
+        },
+    );
+
+    Ok(Sse::new(stream).keep_alive(
         KeepAlive::new()
             .interval(Duration::from_secs(15))
             .text("keepalive"),
     ))
 }
 
-fn snapshot_event(payload: &Value) -> Event {
+#[derive(Clone)]
+struct StreamPollState {
+    app_state: AppState,
+    context: RequestContext,
+    query: StreamSnapshotQuery,
+    current_cursor: Option<String>,
+    polls: u32,
+    initial_payload: Value,
+    initial_emitted: bool,
+}
+
+fn stream_event(event_name: &str, payload: &Value) -> Event {
     Event::default()
-        .event("snapshot")
+        .event(event_name)
         .json_data(payload)
-        .expect("SSE snapshot 事件必须可序列化")
+        .expect("SSE 事件必须可序列化")
 }
 
 #[cfg(test)]
@@ -62,7 +166,7 @@ mod tests {
         let response = app()
             .oneshot(
                 Request::builder()
-                    .uri("/api/stream/events?workspaceId=ws_demo")
+                    .uri("/api/stream/events?workspaceId=ws_demo&maxPolls=0")
                     .body(Body::empty())
                     .expect("request"),
             )
@@ -75,7 +179,8 @@ mod tests {
             .expect("body");
         let text = String::from_utf8(body.to_vec()).expect("utf8");
         assert!(text.contains("event: snapshot") || text.contains("event:snapshot"));
-        assert!(text.contains("\"scope\":\"workspace\""));
+        assert!(text.contains("\"stream\":\"workspace\""));
+        assert!(text.contains("\"projection\":\"sidebar_tree\""));
         assert!(text.contains("\"workspaceId\":\"ws_demo\""));
     }
 }
diff --git a/rust/crates/mnote-web/src/routes/stream_support.rs b/rust/crates/mnote-web/src/routes/stream_support.rs
index b1ea37e7..a6a842cf 100644
--- a/rust/crates/mnote-web/src/routes/stream_support.rs
+++ b/rust/crates/mnote-web/src/routes/stream_support.rs
@@ -13,6 +13,15 @@ use core_protocol::KernelProjectionKind;
 use serde::Deserialize;
 use serde_json::{json, Value};
 
+const TREE_STREAM_NOOP_COMMANDS: [&str; 6] = [
+    "page.body.save",
+    "page.layout.updateOptions",
+    "documents.stats.update",
+    "blocks.patch",
+    "blocks.move",
+    "blocks.embed",
+];
+
 #[derive(Debug, Clone, Deserialize, Default)]
 #[serde(rename_all = "camelCase")]
 pub struct StreamSnapshotQuery {
@@ -21,6 +30,8 @@ pub struct StreamSnapshotQuery {
     pub depth: Option<u32>,
     pub cursor: Option<String>,
     pub limit: Option<u32>,
+    pub poll_ms: Option<u64>,
+    pub max_polls: Option<u32>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -29,6 +40,19 @@ pub enum StreamSnapshotScope {
     Subtree,
 }
 
+#[derive(Debug, Clone, PartialEq, Eq)]
+pub enum StreamChangeKind {
+    Delta,
+    Resync,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub struct StreamChange {
+    pub kind: StreamChangeKind,
+    pub cursor: Option<String>,
+    pub delta: Option<Value>,
+}
+
 impl StreamSnapshotScope {
     pub fn as_str(self) -> &'static str {
         match self {
@@ -36,6 +60,19 @@ impl StreamSnapshotScope {
             Self::Subtree => "subtree",
         }
     }
+
+    pub fn projection(self) -> &'static str {
+        match self {
+            Self::Workspace => "sidebar_tree",
+            Self::Subtree => "page_tree",
+        }
+    }
+}
+
+#[derive(Debug, Clone, PartialEq, Eq)]
+struct DecodedStreamCursor {
+    created_at: String,
+    id: String,
 }
 
 pub fn resolve_stream_scope(query: &StreamSnapshotQuery) -> StreamSnapshotScope {
@@ -52,6 +89,15 @@ pub fn resolve_stream_scope(query: &StreamSnapshotQuery) -> StreamSnapshotScope
     }
 }
 
+fn normalize_root_node_id(query: &StreamSnapshotQuery) -> Option<String> {
+    query
+        .root_node_id
+        .as_deref()
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .map(ToOwned::to_owned)
+}
+
 fn workspace_overview_query(
     workspace_id: &str,
     query: &StreamSnapshotQuery,
@@ -72,6 +118,246 @@ fn workspace_overview_query(
     }
 }
 
+fn is_record(value: &Value) -> bool {
+    value.is_object()
+}
+
+fn read_string_field(value: &Value, keys: &[&str]) -> Option<String> {
+    let map = value.as_object()?;
+    for key in keys {
+        let candidate = map.get(*key).and_then(Value::as_str).map(str::trim).unwrap_or("");
+        if !candidate.is_empty() {
+            return Some(candidate.to_string());
+        }
+    }
+    None
+}
+
+fn read_array_field<'a>(value: &'a Value, keys: &[&str]) -> Option<&'a Vec<Value>> {
+    let map = value.as_object()?;
+    for key in keys {
+        if let Some(items) = map.get(*key).and_then(Value::as_array) {
+            return Some(items);
+        }
+    }
+    None
+}
+
+fn encode_stream_cursor(id: &str, created_at: &str) -> Option<String> {
+    let id = id.trim();
+    let created_at = created_at.trim();
+    if id.is_empty() || created_at.is_empty() {
+        return None;
+    }
+    Some(json!({
+        "createdAt": created_at,
+        "id": id,
+    })
+    .to_string())
+}
+
+fn encode_command_cursor(row: &Value) -> Option<String> {
+    let id = read_string_field(row, &["id", "command_id", "commandId"])?;
+    let created_at = read_string_field(row, &["created_at", "createdAt", "finished_at", "finishedAt"])?;
+    encode_stream_cursor(&id, &created_at)
+}
+
+fn encode_domain_event_cursor(row: &Value) -> Option<String> {
+    let id = read_string_field(row, &["event_id", "eventId", "id"])?;
+    let created_at = read_string_field(row, &["created_at", "createdAt", "finished_at", "finishedAt"])?;
+    encode_stream_cursor(&format!("domain_event:{id}"), &created_at)
+}
+
+fn decode_stream_cursor(raw: &str) -> Option<DecodedStreamCursor> {
+    let parsed = serde_json::from_str::<Value>(raw).ok()?;
+    Some(DecodedStreamCursor {
+        created_at: read_string_field(&parsed, &["createdAt"])?,
+        id: read_string_field(&parsed, &["id"])?,
+    })
+}
+
+pub fn resolve_stream_cursor(
+    overview: Option<&Value>,
+    fallback: Option<&str>,
+) -> Option<String> {
+    let fallback = fallback
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .map(ToOwned::to_owned);
+    let Some(overview) = overview else {
+        return fallback;
+    };
+
+    let command_cursor = read_array_field(overview, &["command_logs", "commandLogs"])
+        .and_then(|rows| rows.first())
+        .and_then(encode_command_cursor);
+    let domain_event_cursor = read_array_field(overview, &["domain_events", "domainEvents"])
+        .and_then(|rows| rows.first())
+        .and_then(encode_domain_event_cursor);
+
+    match (command_cursor, domain_event_cursor) {
+        (None, None) => fallback,
+        (Some(cursor), None) => Some(cursor),
+        (None, Some(cursor)) => Some(cursor),
+        (Some(command_cursor), Some(domain_event_cursor)) => {
+            let decoded_command = decode_stream_cursor(&command_cursor);
+            let decoded_domain_event = decode_stream_cursor(&domain_event_cursor);
+            match (decoded_command, decoded_domain_event) {
+                (Some(command), Some(event)) => {
+                    if event.created_at > command.created_at {
+                        Some(domain_event_cursor)
+                    } else {
+                        Some(command_cursor)
+                    }
+                }
+                (Some(_), None) => Some(command_cursor),
+                (None, Some(_)) => Some(domain_event_cursor),
+                (None, None) => fallback,
+            }
+        }
+    }
+}
+
+fn collect_new_command_logs(
+    rows: &[Value],
+    previous_cursor: Option<&str>,
+) -> (Vec<Value>, bool) {
+    let Some(previous_cursor) = previous_cursor.and_then(decode_stream_cursor) else {
+        return (rows.to_vec(), false);
+    };
+
+    let previous_index = rows.iter().position(|row| {
+        let id = read_string_field(row, &["id", "command_id", "commandId"]).unwrap_or_default();
+        let created_at =
+            read_string_field(row, &["created_at", "createdAt", "finished_at", "finishedAt"])
+                .unwrap_or_default();
+        id == previous_cursor.id && created_at == previous_cursor.created_at
+    });
+
+    if let Some(index) = previous_index {
+        (rows.iter().take(index).cloned().collect(), false)
+    } else {
+        (rows.to_vec(), !rows.is_empty())
+    }
+}
+
+fn read_command_payload_delta(row: &Value) -> Option<Value> {
+    let command_name = read_string_field(row, &["command_name", "commandName"]).unwrap_or_default();
+    if TREE_STREAM_NOOP_COMMANDS.contains(&command_name.as_str()) {
+        return Some(json!({ "op": "noop" }));
+    }
+
+    let payload = row.as_object()?.get("payload")?;
+    if !is_record(payload) {
+        return None;
+    }
+
+    let candidate = payload
+        .as_object()
+        .and_then(|map| map.get("streamDelta").or_else(|| map.get("stream_delta")))?;
+    if candidate
+        .as_object()
+        .and_then(|map| map.get("op"))
+        .and_then(Value::as_str)
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .is_some()
+    {
+        return Some(candidate.clone());
+    }
+    None
+}
+
+pub fn resolve_stream_change(
+    overview: &Value,
+    previous_cursor: Option<&str>,
+) -> Option<StreamChange> {
+    let next_cursor = resolve_stream_cursor(Some(overview), previous_cursor);
+    let previous_cursor = previous_cursor
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+        .map(ToOwned::to_owned);
+    if next_cursor == previous_cursor {
+        return None;
+    }
+
+    let rows = read_array_field(overview, &["command_logs", "commandLogs"]).cloned().unwrap_or_default();
+    let (new_rows, drifted) = collect_new_command_logs(&rows, previous_cursor.as_deref());
+    if !drifted && new_rows.len() == 1 {
+        if let Some(delta) = read_command_payload_delta(&new_rows[0]) {
+            return Some(StreamChange {
+                kind: StreamChangeKind::Delta,
+                cursor: next_cursor,
+                delta: Some(delta),
+            });
+        }
+    }
+
+    Some(StreamChange {
+        kind: StreamChangeKind::Resync,
+        cursor: next_cursor,
+        delta: None,
+    })
+}
+
+pub fn read_stream_cursor_from_payload(payload: &Value) -> Option<String> {
+    read_string_field(payload, &["cursor"])
+}
+
+pub fn with_stream_kind(payload: &Value, kind: &str) -> Value {
+    if let Some(mut map) = payload.as_object().cloned() {
+        map.insert("kind".into(), Value::String(kind.into()));
+        return Value::Object(map);
+    }
+    json!({
+        "kind": kind,
+        "data": payload,
+    })
+}
+
+pub fn build_stream_delta_payload(
+    context: &RequestContext,
+    query: &StreamSnapshotQuery,
+    workspace_id: &str,
+    overview: &Value,
+    cursor: Option<String>,
+    delta: Value,
+) -> Value {
+    let scope = resolve_stream_scope(query);
+    json!({
+        "kind": "delta",
+        "stream": scope.as_str(),
+        "projection": scope.projection(),
+        "requestId": context.trace.request_id,
+        "traceId": context.trace.trace_id,
+        "workspaceId": workspace_id,
+        "rootNodeId": normalize_root_node_id(query),
+        "depth": query.depth,
+        "cursor": cursor,
+        "data": delta,
+        "snapshot": Value::Null,
+        "overview": overview,
+    })
+}
+
+pub async fn load_stream_overview(
+    config: &AppConfig,
+    context: &RequestContext,
+    query: &StreamSnapshotQuery,
+) -> Result<(String, Value), WebError> {
+    let effective_workspace_id =
+        resolve_effective_workspace_id(context, query.workspace_id.as_deref(), true)?
+            .expect("workspace_required 已确保存在");
+    let overview = execute_runtime_query_via_convex(
+        config,
+        context,
+        Some(&effective_workspace_id),
+        workspace_overview_query(&effective_workspace_id, query),
+    )
+    .await?;
+    Ok((effective_workspace_id, overview))
+}
+
 pub async fn load_stream_snapshot(
     config: &AppConfig,
     context: &RequestContext,
@@ -102,17 +388,13 @@ pub async fn load_stream_snapshot(
             })
         }
         StreamSnapshotScope::Subtree => {
-            let root_node_id = query
-                .root_node_id
-                .as_deref()
-                .map(str::trim)
-                .filter(|value| !value.is_empty())
+            let root_node_id = normalize_root_node_id(query)
                 .expect("subtree scope 已确保 rootNodeId 存在");
             let dataset = load_sidebar_dataset(config, context, &effective_workspace_id).await?;
             let tree = execute_kernel_query(
                 context,
                 &effective_workspace_id,
-                subtree_query(&effective_workspace_id, root_node_id, query.depth),
+                subtree_query(&effective_workspace_id, &root_node_id, query.depth),
                 dataset.clone(),
             )?;
 
@@ -131,15 +413,20 @@ pub async fn load_stream_snapshot(
     )
     .await
     .ok();
+    let cursor = resolve_stream_cursor(overview.as_ref(), query.cursor.as_deref());
 
     Ok(json!({
         "kind": "snapshot",
         "scope": scope.as_str(),
+        "stream": scope.as_str(),
+        "projection": scope.projection(),
+        "cursor": cursor,
         "requestId": context.trace.request_id,
         "traceId": context.trace.trace_id,
         "workspaceId": effective_workspace_id,
-        "rootNodeId": query.root_node_id,
+        "rootNodeId": normalize_root_node_id(query),
         "depth": query.depth,
+        "data": snapshot,
         "snapshot": snapshot,
         "overview": overview,
     }))
@@ -147,7 +434,11 @@ pub async fn load_stream_snapshot(
 
 #[cfg(test)]
 mod tests {
-    use super::{resolve_stream_scope, StreamSnapshotQuery, StreamSnapshotScope};
+    use super::{
+        resolve_stream_change, resolve_stream_cursor, resolve_stream_scope,
+        StreamChangeKind, StreamSnapshotQuery, StreamSnapshotScope,
+    };
+    use serde_json::json;
 
     #[test]
     fn stream_scope_defaults_to_workspace() {
@@ -167,4 +458,130 @@ mod tests {
             StreamSnapshotScope::Subtree
         );
     }
+
+    #[test]
+    fn stream_cursor_prefers_newer_domain_event() {
+        let overview = json!({
+            "command_logs": [
+                {
+                    "command_id": "cmd_1",
+                    "created_at": "2026-04-25T10:00:00Z"
+                }
+            ],
+            "domain_events": [
+                {
+                    "event_id": "evt_2",
+                    "created_at": "2026-04-25T10:00:01Z"
+                }
+            ]
+        });
+
+        assert_eq!(
+            resolve_stream_cursor(Some(&overview), None),
+            Some(r#"{"createdAt":"2026-04-25T10:00:01Z","id":"domain_event:evt_2"}"#.into())
+        );
+    }
+
+    #[test]
+    fn stream_change_detects_delta_from_single_new_command() {
+        let overview = json!({
+            "command_logs": [
+                {
+                    "command_id": "cmd_2",
+                    "created_at": "2026-04-25T10:00:02Z",
+                    "command_name": "tree.node.archive",
+                    "payload": {
+                        "streamDelta": {
+                            "op": "remove_document",
+                            "documentId": "page_2"
+                        }
+                    }
+                },
+                {
+                    "command_id": "cmd_1",
+                    "created_at": "2026-04-25T10:00:01Z"
+                }
+            ],
+            "domain_events": []
+        });
+
+        let change = resolve_stream_change(
+            &overview,
+            Some(r#"{"createdAt":"2026-04-25T10:00:01Z","id":"cmd_1"}"#),
+        )
+        .expect("应识别到变化");
+
+        assert_eq!(change.kind, StreamChangeKind::Delta);
+        assert_eq!(
+            change.cursor,
+            Some(r#"{"createdAt":"2026-04-25T10:00:02Z","id":"cmd_2"}"#.into())
+        );
+        assert_eq!(
+            change.delta,
+            Some(json!({
+                "op": "remove_document",
+                "documentId": "page_2"
+            }))
+        );
+    }
+
+    #[test]
+    fn stream_change_detects_noop_delta_for_non_tree_mutating_command() {
+        let overview = json!({
+            "command_logs": [
+                {
+                    "command_id": "cmd_2",
+                    "created_at": "2026-04-25T10:00:02Z",
+                    "command_name": "page.body.save",
+                    "payload": {
+                        "documentId": "page_1"
+                    }
+                },
+                {
+                    "command_id": "cmd_1",
+                    "created_at": "2026-04-25T10:00:01Z"
+                }
+            ],
+            "domain_events": []
+        });
+
+        let change = resolve_stream_change(
+            &overview,
+            Some(r#"{"createdAt":"2026-04-25T10:00:01Z","id":"cmd_1"}"#),
+        )
+        .expect("应识别到变化");
+
+        assert_eq!(change.kind, StreamChangeKind::Delta);
+        assert_eq!(change.delta, Some(json!({ "op": "noop" })));
+    }
+
+    #[test]
+    fn stream_change_falls_back_to_resync_when_delta_is_unstable() {
+        let overview = json!({
+            "command_logs": [
+                {
+                    "command_id": "cmd_2",
+                    "created_at": "2026-04-25T10:00:02Z",
+                    "command_name": "tree.subtree.move",
+                    "payload": {
+                        "documentId": "page_2"
+                    }
+                },
+                {
+                    "command_id": "cmd_1",
+                    "created_at": "2026-04-25T10:00:01Z"
+                }
+            ],
+            "domain_events": []
+        });
+
+        let change = resolve_stream_change(
+            &overview,
+            Some(r#"{"createdAt":"2026-04-25T10:00:01Z","id":"cmd_1"}"#),
+        )
+        .expect("应识别到变化");
+
+        assert_eq!(change.kind, StreamChangeKind::Resync);
+        assert_eq!(change.delta, None);
+    }
 }
diff --git a/rust/crates/mnote-web/src/routes/tree.rs b/rust/crates/mnote-web/src/routes/tree.rs
index 81a5c6e2..89e8450a 100644
--- a/rust/crates/mnote-web/src/routes/tree.rs
+++ b/rust/crates/mnote-web/src/routes/tree.rs
@@ -27,6 +27,8 @@ pub struct TreeShellQuery {
     pub root_node_id: Option<String>,
     pub depth: Option<u32>,
     pub active_document_id: Option<String>,
+    pub focused_document_id: Option<String>,
+    pub active_picker_item_key: Option<String>,
     pub actor_id: Option<String>,
     pub channel: Option<String>,
     pub host: Option<String>,
@@ -162,6 +164,8 @@ fn build_tree_shell_html(
     workspace_id: &str,
     root_node_id: Option<&str>,
     active_document_id: Option<&str>,
+    focused_document_id: Option<&str>,
+    active_picker_item_key: Option<&str>,
     channel: &str,
     host: Option<&str>,
     context: &RequestContext,
@@ -175,6 +179,8 @@ fn build_tree_shell_html(
         "workspaceId": workspace_id,
         "rootNodeId": root_node_id,
         "activeDocumentId": active_document_id,
+        "focusedDocumentId": focused_document_id,
+        "activePickerItemKey": active_picker_item_key,
         "actorId": context.auth.actor_id,
         "channel": channel,
         "host": host,
@@ -663,6 +669,21 @@ fn build_tree_shell_html(
       .tree-kind-badge[data-kind="table"] {
         color: #b45309;
       }
+      .tree-kind-badge[data-kind="pdf"] {
+        color: #dc2626;
+      }
+      .tree-kind-badge[data-kind="book"] {
+        color: #0f766e;
+      }
+      .tree-kind-badge[data-kind="image"] {
+        color: #0891b2;
+      }
+      .tree-kind-badge[data-kind="video"] {
+        color: #ea580c;
+      }
+      .tree-kind-badge[data-kind="audio"] {
+        color: #16a34a;
+      }
       .tree-kind-badge[data-kind="file"] {
         color: #64748b;
       }
@@ -776,6 +797,14 @@ fn build_tree_shell_html(
           typeof state.activeDocumentId === "string" && state.activeDocumentId.trim()
             ? state.activeDocumentId.trim()
             : "";
+        const focusedDocumentId =
+          typeof state.focusedDocumentId === "string" && state.focusedDocumentId.trim()
+            ? state.focusedDocumentId.trim()
+            : "";
+        const activePickerItemKey =
+          typeof state.activePickerItemKey === "string" && state.activePickerItemKey.trim()
+            ? state.activePickerItemKey.trim()
+            : "";
         const mode = (() => {
           const rawMode =
             typeof state.mode === "string" ? state.mode.trim() : "";
@@ -938,19 +967,43 @@ fn build_tree_shell_html(
             .filter((item) => item.childCount > 0 && item.expandedByDefault)
             .map((item) => item.nodeId),
         );
-        let focusedNodeId =
-          activeDocumentId && itemById.has(activeDocumentId)
-            ? activeDocumentId
-            : roots[0]?.nodeId || "";
-        let selectedFileTreeRowIds = new Set(activeDocumentId ? [`doc:${activeDocumentId}`, `index:${activeDocumentId}`] : []);
-        let fileTreeAnchorRowId = activeDocumentId ? `doc:${activeDocumentId}` : null;
-        let fileTreeFocusedRowId = activeDocumentId ? `doc:${activeDocumentId}` : null;
+        let currentActiveDocumentId = activeDocumentId;
+        let currentFocusedDocumentId = focusedDocumentId;
+        let currentActivePickerItemKey = activePickerItemKey;
+        const resolvePickerRootFocused = () =>
+          mode === "picker" && currentActivePickerItemKey === "__root__";
+        const resolveFocusedNodeIdFromHostState = () => {
+          const pickerRootFocused = resolvePickerRootFocused();
+          return mode === "picker"
+            ? currentActivePickerItemKey &&
+              currentActivePickerItemKey !== "__root__" &&
+              itemById.has(currentActivePickerItemKey)
+              ? currentActivePickerItemKey
+              : currentActiveDocumentId && itemById.has(currentActiveDocumentId)
+                ? currentActiveDocumentId
+                : pickerRootFocused
+                  ? ""
+                  : roots[0]?.nodeId || ""
+            : currentFocusedDocumentId && itemById.has(currentFocusedDocumentId)
+              ? currentFocusedDocumentId
+              : currentActiveDocumentId && itemById.has(currentActiveDocumentId)
+                ? currentActiveDocumentId
+                : roots[0]?.nodeId || "";
+        };
+        let focusedNodeId = resolveFocusedNodeIdFromHostState();
+        let selectedFileTreeRowIds = new Set(
+          currentActiveDocumentId ? [`doc:${currentActiveDocumentId}`, `index:${currentActiveDocumentId}`] : []
+        );
+        let fileTreeAnchorRowId = currentActiveDocumentId ? `doc:${currentActiveDocumentId}` : null;
+        let fileTreeFocusedRowId = currentActiveDocumentId ? `doc:${currentActiveDocumentId}` : null;
         let visibleFileTreeRowIds = [];
+        let draggingPageNodeId = "";
+        let activePageDropNodeId = null;
         let draggingFileTreeRowIds = [];
         let activeFileTreeDropRowId = null;
         let activeFileTreeRootDrop = false;
 
-        let activeCursor = itemById.get(activeDocumentId) || null;
+        let activeCursor = itemById.get(currentActiveDocumentId) || null;
         while (activeCursor && activeCursor.parentNodeId && itemById.has(activeCursor.parentNodeId)) {
           expanded.add(activeCursor.parentNodeId);
           activeCursor = itemById.get(activeCursor.parentNodeId) || null;
@@ -1400,6 +1453,36 @@ fn build_tree_shell_html(
               <path d="M3.8 6.6h8.4M6.6 3.8v8.4M9.4 3.8v8.4" stroke="currentColor" stroke-width="1.1"/>
             </svg>
           `,
+          pdf: `
+            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M4 2.8h5.2l2.8 2.8v7.6H4V2.8Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>
+              <path d="M6 10.8V6.5h1.5a1.2 1.2 0 1 1 0 2.4H6m3.2-2.4v4.3m0 0c1.1 0 1.8-.8 1.8-2.1 0-1.3-.7-2.2-1.8-2.2m-1.7 4.3h1.7" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          `,
+          book: `
+            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M4.2 3.2h6.2a1.6 1.6 0 0 1 1.6 1.6v7.4H5.4a1.2 1.2 0 0 0-1.2 1.2V4.4a1.2 1.2 0 0 1 1.2-1.2Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>
+              <path d="M5.4 12.2V4.1M7 6h3.1M7 8.2h3.1" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"/>
+            </svg>
+          `,
+          image: `
+            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <rect x="3" y="3" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"/>
+              <circle cx="6.2" cy="6.2" r="1.1" stroke="currentColor" stroke-width="1"/>
+              <path d="M4.5 11 7.1 8.6l1.8 1.7 1.7-1.5L12 11" stroke="currentColor" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          `,
+          video: `
+            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <rect x="3" y="3.4" width="7.8" height="9.2" rx="1.4" stroke="currentColor" stroke-width="1.2"/>
+              <path d="m9.8 7 2.8-1.7v5.4L9.8 9" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round"/>
+            </svg>
+          `,
+          audio: `
+            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M6.4 4.2v7.6a1.5 1.5 0 1 1-1-1.4V5.6l5.2-1.2v5.2a1.5 1.5 0 1 1-1-1.4V3.5L6.4 4.2Z" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round"/>
+            </svg>
+          `,
           file: `
             <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
               <path d="M4 2.8h5.2l2.8 2.8v7.6H4V2.8Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>
@@ -1432,10 +1515,16 @@ fn build_tree_shell_html(
               throw new Error(await readErrorMessage(response));
             }
             const data = await response.json().catch(() => null);
-            if (!data || data.ok !== true || !data.result) {
+            if (!data || typeof data !== "object") {
               throw new Error("tree command 返回了无效响应");
             }
-            return data.result;
+            if (data.ok === true && data.result) {
+              return data.result;
+            }
+            if (data.result && typeof data.result === "object") {
+              return data.result;
+            }
+            return data;
           } finally {
             setBusy(false);
           }
@@ -1453,9 +1542,101 @@ fn build_tree_shell_html(
           return (childrenByParentId.get(parentId) || []).slice();
         };
 
+        const PAGE_DRAG_MIME = "application/x-mnote-page-tree-node";
+
+        const clearPageDropFeedback = () => {
+          if (!activePageDropNodeId) {
+            return;
+          }
+          const previousRow = appElement.querySelector(
+            `.tree-row[data-shell-mode="page"][data-node-id="${activePageDropNodeId}"]`,
+          );
+          if (previousRow instanceof HTMLElement) {
+            previousRow.dataset.dropFeedback = "false";
+          }
+          activePageDropNodeId = null;
+        };
+
+        const setPageDropFeedback = (nodeId) => {
+          const nextNodeId = normalizeText(nodeId);
+          if (activePageDropNodeId && activePageDropNodeId !== nextNodeId) {
+            const previousRow = appElement.querySelector(
+              `.tree-row[data-shell-mode="page"][data-node-id="${activePageDropNodeId}"]`,
+            );
+            if (previousRow instanceof HTMLElement) {
+              previousRow.dataset.dropFeedback = "false";
+            }
+          }
+
+          if (!nextNodeId) {
+            activePageDropNodeId = null;
+            return;
+          }
+
+          const nextRow = appElement.querySelector(
+            `.tree-row[data-shell-mode="page"][data-node-id="${nextNodeId}"]`,
+          );
+          if (nextRow instanceof HTMLElement) {
+            nextRow.dataset.dropFeedback = "true";
+          }
+          activePageDropNodeId = nextNodeId;
+        };
+
+        const resolvePageDropTargetNodeId = (element) => {
+          const row = element instanceof Element
+            ? element.closest('.tree-row[data-shell-mode="page"]')
+            : null;
+          if (!(row instanceof HTMLElement)) {
+            return "";
+          }
+          return normalizeText(row.dataset.nodeId);
+        };
+
+        const readPageDragNodeId = (event) => {
+          const raw =
+            event.dataTransfer?.getData(PAGE_DRAG_MIME) ||
+            event.dataTransfer?.getData("text/plain") ||
+            draggingPageNodeId ||
+            "";
+          return normalizeText(raw);
+        };
+
+        const canAcceptPageDrop = (sourceNodeId, targetNodeId) => {
+          if (!sourceNodeId || !targetNodeId || sourceNodeId === targetNodeId) {
+            return false;
+          }
+          const sourceItem = itemById.get(sourceNodeId);
+          const targetItem = itemById.get(targetNodeId);
+          if (!sourceItem || !targetItem) {
+            return false;
+          }
+          return sourceItem.parentNodeId === targetItem.parentNodeId;
+        };
+
+        const postPageExpandChange = (nodeId, nextExpanded) => {
+          if (mode !== "page" || !nodeId) return;
+          postToHost("tree.page.expand.changed", {
+            documentId: nodeId,
+            expanded: nextExpanded === true,
+            target: { documentId: nodeId },
+            payload: { documentId: nodeId, expanded: nextExpanded === true },
+          });
+        };
+
+        const postPageFocusChange = (nodeId) => {
+          if (mode !== "page" || !nodeId) return;
+          postToHost("tree.page.focus.changed", {
+            documentId: nodeId,
+            target: { documentId: nodeId },
+            payload: { documentId: nodeId },
+          });
+        };
+
         const toggleExpand = (nodeId) => {
-          if (expanded.has(nodeId)) expanded.delete(nodeId);
-          else expanded.add(nodeId);
+          const nextExpanded = !expanded.has(nodeId);
+          if (nextExpanded) expanded.add(nodeId);
+          else expanded.delete(nodeId);
+          postPageExpandChange(nodeId, nextExpanded);
           renderTree();
         };
 
@@ -1473,13 +1654,150 @@ fn build_tree_shell_html(
           return visible;
         };
 
+        const getVisiblePickerEntries = () => {
+          if (mode !== "picker") {
+            return [];
+          }
+
+          const visible = [];
+          if (allowRootPick) {
+            visible.push({
+              pickerItemKey: "__root__",
+              item: null,
+            });
+          }
+
+          const walk = (entries) => {
+            entries.forEach((item) => {
+              visible.push({
+                pickerItemKey: item.nodeId,
+                item,
+              });
+              if (item.childCount > 0 && expanded.has(item.nodeId)) {
+                walk(getSiblings(item.nodeId));
+              }
+            });
+          };
+
+          walk(roots);
+          return visible;
+        };
+
         const focusNode = (nodeId) => {
           if (!nodeId || !itemById.has(nodeId)) return;
+          if (focusedNodeId === nodeId) {
+            focusRowElement(nodeId);
+            return;
+          }
           focusedNodeId = nodeId;
+          postPageFocusChange(nodeId);
           renderTree();
           focusRowElement(nodeId);
         };
 
+        const postPickerFocusChange = (pickerItemKey) => {
+          if (mode !== "picker") return;
+          const normalizedItemKey = normalizeText(pickerItemKey);
+          const documentId =
+            normalizedItemKey && normalizedItemKey !== "__root__"
+              ? normalizedItemKey
+              : null;
+          postToHost("tree.picker.focus.changed", {
+            documentId,
+            itemKey: normalizedItemKey || null,
+            pickerItemKey: normalizedItemKey || null,
+            target: { documentId },
+            payload: {
+              documentId,
+              itemKey: normalizedItemKey || null,
+            },
+          });
+        };
+
+        const applyPickerFocusByItemKey = (pickerItemKey) => {
+          if (mode !== "picker") return;
+
+          const normalizedItemKey = normalizeText(pickerItemKey);
+          const nextPickerItemKey =
+            normalizedItemKey === "__root__"
+              ? "__root__"
+              : itemById.has(normalizedItemKey)
+                ? normalizedItemKey
+                : "";
+          const nextDocumentId =
+            nextPickerItemKey && nextPickerItemKey !== "__root__"
+              ? nextPickerItemKey
+              : null;
+
+          currentActivePickerItemKey = nextPickerItemKey;
+          currentActiveDocumentId = nextDocumentId;
+          focusedNodeId = nextDocumentId || "";
+          renderTree();
+          if (nextDocumentId) {
+            focusRowElement(nextDocumentId);
+          }
+          postPickerFocusChange(nextPickerItemKey || null);
+        };
+
+        const handlePickerCommand = (command) => {
+          if (mode !== "picker") return;
+
+          const normalizedCommand = normalizeText(command);
+          const visible = getVisiblePickerEntries();
+          if (visible.length === 0) {
+            return;
+          }
+
+          const currentPickerItemKey =
+            currentActivePickerItemKey ||
+            (currentActiveDocumentId && itemById.has(currentActiveDocumentId)
+              ? currentActiveDocumentId
+              : allowRootPick
+                ? "__root__"
+                : visible[0]?.pickerItemKey || "");
+          const currentIndex = visible.findIndex(
+            (entry) => entry.pickerItemKey === currentPickerItemKey,
+          );
+          const resolvedIndex = currentIndex >= 0 ? currentIndex : 0;
+
+          if (normalizedCommand === "pick") {
+            const target = visible[resolvedIndex];
+            if (!target) {
+              return;
+            }
+            if (target.pickerItemKey === "__root__") {
+              setLastAction("已选择根目录");
+              postToHost("tree.pick.root", {
+                documentId: null,
+                target: { documentId: null },
+                payload: { documentId: null },
+              });
+              return;
+            }
+            handleNavigate(target.pickerItemKey);
+            return;
+          }
+
+          let nextIndex = resolvedIndex;
+          if (normalizedCommand === "next") {
+            nextIndex = Math.min(visible.length - 1, resolvedIndex + 1);
+          } else if (normalizedCommand === "previous") {
+            nextIndex = Math.max(0, resolvedIndex - 1);
+          } else if (normalizedCommand === "home") {
+            nextIndex = 0;
+          } else if (normalizedCommand === "end") {
+            nextIndex = visible.length - 1;
+          } else {
+            return;
+          }
+
+          const target = visible[nextIndex];
+          if (!target) {
+            return;
+          }
+          applyPickerFocusByItemKey(target.pickerItemKey);
+        };
+
         const openFileTreeContextMenu = ({
           documentId,
           assetId,
@@ -1575,6 +1893,7 @@ fn build_tree_shell_html(
             event.preventDefault();
             if (item.childCount > 0 && !expanded.has(item.nodeId)) {
               expanded.add(item.nodeId);
+              postPageExpandChange(item.nodeId, true);
               renderTree();
               focusRowElement(item.nodeId);
               return;
@@ -1589,6 +1908,7 @@ fn build_tree_shell_html(
             event.preventDefault();
             if (item.childCount > 0 && expanded.has(item.nodeId)) {
               expanded.delete(item.nodeId);
+              postPageExpandChange(item.nodeId, false);
               renderTree();
               focusRowElement(item.nodeId);
               return;
@@ -1747,6 +2067,41 @@ fn build_tree_shell_html(
           }
         };
 
+        const handlePageDropMove = async (sourceNodeId, targetNodeId) => {
+          const sourceItem = itemById.get(sourceNodeId);
+          const targetItem = itemById.get(targetNodeId);
+          if (!sourceItem || !targetItem) return;
+          const siblings = getSiblings(targetItem.parentNodeId);
+          const targetIndex = siblings.findIndex((entry) => entry.nodeId === targetNodeId);
+          if (targetIndex < 0) return;
+          try {
+            const result = await sendCommand({
+              action: "move",
+              workspaceId,
+              documentId: sourceNodeId,
+              parentId: targetItem.parentNodeId,
+              sortOrder: targetIndex,
+            });
+            const documentId =
+              typeof result.documentId === "string" && result.documentId.trim()
+                ? result.documentId.trim()
+                : sourceNodeId;
+            setStatus("移动页面成功");
+            setLastAction(`页面已拖放到 ${targetItem.title}`);
+            postToHost("tree.subtree.moved", {
+              documentId,
+              target: { documentId },
+              payload: { documentId },
+            });
+            scheduleRefresh();
+          } catch (error) {
+            const message = error instanceof Error ? error.message : "拖拽移动失败";
+            setStatus(message, "error");
+            setLastAction("拖拽移动失败", "error");
+            window.alert(message);
+          }
+        };
+
         const createKindBadge = (kind) => {
           const badge = document.createElement("span");
           badge.className = "tree-kind-badge";
@@ -1756,9 +2111,19 @@ fn build_tree_shell_html(
               ? ICONS.mindmap
               : kind === "table"
                 ? ICONS.table
-                : kind === "index"
-                  ? ICONS.index
-                  : kind === "page"
+                : kind === "pdf"
+                  ? ICONS.pdf
+                  : kind === "book"
+                    ? ICONS.book
+                    : kind === "image"
+                      ? ICONS.image
+                      : kind === "video"
+                        ? ICONS.video
+                        : kind === "audio"
+                          ? ICONS.audio
+                  : kind === "index"
+                    ? ICONS.index
+                    : kind === "page"
                     ? ICONS.page
                     : ICONS.file;
           return badge;
@@ -1784,17 +2149,21 @@ fn build_tree_shell_html(
           const hasChildren = item.childCount > 0;
           const row = document.createElement("div");
           row.className = "tree-row";
-          row.dataset.active = String(item.nodeId === activeDocumentId);
+          row.dataset.active = String(item.nodeId === currentActiveDocumentId);
           row.dataset.focused = String(item.nodeId === focusedNodeId);
           row.dataset.nodeId = item.nodeId;
           row.dataset.shellMode = mode;
+          row.dataset.dropFeedback = String(activePageDropNodeId === item.nodeId);
           row.tabIndex = item.nodeId === focusedNodeId ? 0 : -1;
           row.setAttribute("role", "treeitem");
           row.setAttribute("aria-level", String(item.depth + 1));
           row.setAttribute("aria-expanded", hasChildren ? String(expanded.has(item.nodeId)) : "false");
+          row.draggable = mode === "page";
+          row.dataset.draggable = String(mode === "page");
           row.addEventListener("focus", () => {
             if (focusedNodeId !== item.nodeId) {
               focusedNodeId = item.nodeId;
+              postPageFocusChange(item.nodeId);
               renderTree();
             }
           });
@@ -1804,6 +2173,58 @@ fn build_tree_shell_html(
             event.preventDefault();
             openContextMenu(item.nodeId, event.clientX, event.clientY);
           });
+          row.addEventListener("dragstart", (event) => {
+            if (mode !== "page") return;
+            draggingPageNodeId = item.nodeId;
+            if (event.dataTransfer) {
+              event.dataTransfer.effectAllowed = "move";
+              event.dataTransfer.setData(PAGE_DRAG_MIME, item.nodeId);
+              event.dataTransfer.setData("text/plain", item.nodeId);
+            }
+            setLastAction(`开始拖拽页面 ${item.title}`);
+          });
+          row.addEventListener("dragover", (event) => {
+            if (mode !== "page") return;
+            const sourceNodeId = readPageDragNodeId(event);
+            const targetNodeId = resolvePageDropTargetNodeId(event.target);
+            if (!canAcceptPageDrop(sourceNodeId, targetNodeId)) {
+              clearPageDropFeedback();
+              return;
+            }
+            event.preventDefault();
+            if (event.dataTransfer) {
+              event.dataTransfer.dropEffect = "move";
+            }
+            setPageDropFeedback(targetNodeId);
+          });
+          row.addEventListener("dragleave", (event) => {
+            if (mode !== "page") return;
+            const relatedTarget =
+              event.relatedTarget instanceof Node ? event.relatedTarget : null;
+            if (relatedTarget && row.contains(relatedTarget)) {
+              return;
+            }
+            if (activePageDropNodeId === item.nodeId) {
+              clearPageDropFeedback();
+            }
+          });
+          row.addEventListener("drop", (event) => {
+            if (mode !== "page") return;
+            const sourceNodeId = readPageDragNodeId(event);
+            const targetNodeId = resolvePageDropTargetNodeId(event.target);
+            clearPageDropFeedback();
+            draggingPageNodeId = "";
+            if (!canAcceptPageDrop(sourceNodeId, targetNodeId)) {
+              return;
+            }
+            event.preventDefault();
+            void handlePageDropMove(sourceNodeId, targetNodeId);
+          });
+          row.addEventListener("dragend", () => {
+            if (mode !== "page") return;
+            draggingPageNodeId = "";
+            clearPageDropFeedback();
+          });
 
           if (hasChildren) {
             const toggleButton = document.createElement("button");
@@ -2008,7 +2429,9 @@ fn build_tree_shell_html(
             const row = document.createElement("div");
             row.className = "tree-row";
             row.style.marginLeft = `${item.depth * 22}px`;
-            row.dataset.active = String(item.rowKind === "document" && documentId === activeDocumentId);
+            row.dataset.active = String(
+              item.rowKind === "document" && documentId === currentActiveDocumentId
+            );
             row.dataset.nodeId = item.nodeId;
             row.dataset.rowId = item.rowId;
             row.dataset.rowKind = item.rowKind;
@@ -2195,6 +2618,7 @@ fn build_tree_shell_html(
             rootButton.type = "button";
             rootButton.className = "tree-row";
             rootButton.setAttribute("data-testid", "tree-picker-root");
+            rootButton.dataset.focused = String(resolvePickerRootFocused());
             rootButton.addEventListener("click", () => {
               setLastAction("已选择根目录");
               postToHost("tree.pick.root", {
@@ -2244,6 +2668,52 @@ fn build_tree_shell_html(
           }
         };
 
+        window.addEventListener("message", (event) => {
+          const payload = event.data;
+          if (!payload || typeof payload !== "object") {
+            return;
+          }
+          if (normalizeText(payload.channel) !== channel) {
+            return;
+          }
+          const messageType = normalizeText(payload.type);
+          if (messageType === "tree.picker.command") {
+            handlePickerCommand(payload.command);
+            return;
+          }
+          if (messageType !== "tree.shell.state.patch") {
+            return;
+          }
+
+          let changed = false;
+          const nextActiveDocumentId = normalizeText(payload.activeDocumentId);
+          const nextFocusedDocumentId = normalizeText(payload.focusedDocumentId);
+          const nextActivePickerItemKey = normalizeText(payload.activePickerItemKey);
+
+          if (nextActiveDocumentId !== currentActiveDocumentId) {
+            currentActiveDocumentId = nextActiveDocumentId;
+            changed = true;
+          }
+          if (nextFocusedDocumentId !== currentFocusedDocumentId) {
+            currentFocusedDocumentId = nextFocusedDocumentId;
+            changed = true;
+          }
+          if (nextActivePickerItemKey !== currentActivePickerItemKey) {
+            currentActivePickerItemKey = nextActivePickerItemKey;
+            changed = true;
+          }
+
+          if (!changed) {
+            return;
+          }
+
+          focusedNodeId = resolveFocusedNodeIdFromHostState();
+          renderTree();
+          if (mode === "page" && focusedNodeId) {
+            focusRowElement(focusedNodeId);
+          }
+        });
+
         createRootButton.addEventListener("click", () => {
           if (mode === "picker") return;
           void handleCreate(null);
@@ -2257,6 +2727,9 @@ fn build_tree_shell_html(
         };
 
         renderTree();
+        if (mode === "page" && focusedNodeId) {
+          postPageFocusChange(focusedNodeId);
+        }
         if (mode === "filetree") {
           emitFileTreeSelectionChange();
         }
@@ -2328,6 +2801,8 @@ pub async fn tree_shell(
         &effective_workspace_id,
         query.root_node_id.as_deref(),
         query.active_document_id.as_deref(),
+        query.focused_document_id.as_deref(),
+        query.active_picker_item_key.as_deref(),
         &normalize_channel(query.channel),
         query.host.as_deref(),
         &effective_context,
@@ -2389,6 +2864,7 @@ fn create_command_wire(
                     "accessScope": access_scope,
                     "content": content.unwrap_or_else(|| Value::Array(Vec::new())),
                 }),
+                preflight_data: None,
                 reason: Some("tree-shell create".into()),
                 refs: vec!["mnote-web-tree".into()],
                 dry_run: false,
@@ -2423,6 +2899,7 @@ fn create_command_wire(
                     "documentId": document_id,
                     "title": title,
                 }),
+                preflight_data: None,
                 reason: Some("tree-shell rename".into()),
                 refs: vec!["mnote-web-tree".into()],
                 dry_run: false,
@@ -2461,6 +2938,7 @@ fn create_command_wire(
                     "parentId": parent_id,
                     "sortOrder": sort_order,
                 }),
+                preflight_data: None,
                 reason: Some("tree-shell move".into()),
                 refs: vec!["mnote-web-tree".into()],
                 dry_run: false,
@@ -2645,6 +3123,11 @@ mod tests {
         assert!(html.contains("test-shell"));
         assert!(html.contains("tree-action-menu"));
         assert!(html.contains("tree.page.context-menu"));
+        assert!(html.contains("tree.page.expand.changed"));
+        assert!(html.contains("tree.page.focus.changed"));
+        assert!(html.contains("tree.shell.state.patch"));
+        assert!(html.contains("application/x-mnote-page-tree-node"));
+        assert!(html.contains("页面已拖放到"));
         assert!(html.contains("setAttribute(\"role\", \"treeitem\")"));
         assert!(html.contains("setAttribute(\"aria-level\""));
     }
@@ -2670,6 +3153,8 @@ mod tests {
         assert!(html.contains("\"allowRootPick\":true"));
         assert!(html.contains("\"excludeIds\":[\"page_child\"]"));
         assert!(html.contains("tree.pick.root"));
+        assert!(html.contains("tree.picker.command"));
+        assert!(html.contains("tree.picker.focus.changed"));
         assert!(html.contains("__MNOTE_TREE_SHELL_OVERRIDE__"));
     }
 
diff --git a/rust/target/.rustc_info.json b/rust/target/.rustc_info.json
index b2cd2045..b3a530bb 100644
--- a/rust/target/.rustc_info.json
+++ b/rust/target/.rustc_info.json
@@ -1 +1 @@
-{"rustc_fingerprint":9228011546279038255,"outputs":{"7971740275564407648":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.so\nlib___.so\nlib___.a\nlib___.so\n/home/lix/.rustup/toolchains/1.89.0-x86_64-unknown-linux-gnu\noff\npacked\nunpacked\n___\ndebug_assertions\npanic=\"unwind\"\nproc_macro\ntarget_abi=\"\"\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"gnu\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_has_atomic=\"16\"\ntarget_has_atomic=\"32\"\ntarget_has_atomic=\"64\"\ntarget_has_atomic=\"8\"\ntarget_has_atomic=\"ptr\"\ntarget_os=\"linux\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"unknown\"\nunix\n","stderr":""},"17747080675513052775":{"success":true,"status":"","code":0,"stdout":"rustc 1.89.0 (29483883e 2025-08-04)\nbinary: rustc\ncommit-hash: 29483883eed69d5fb4db01964cdf2af4d86e9cb2\ncommit-date: 2025-08-04\nhost: x86_64-unknown-linux-gnu\nrelease: 1.89.0\nLLVM version: 20.1.7\n","stderr":""}},"successes":{}}
\ No newline at end of file
+{"rustc_fingerprint":9228011546279038255,"outputs":{"17747080675513052775":{"success":true,"status":"","code":0,"stdout":"rustc 1.89.0 (29483883e 2025-08-04)\nbinary: rustc\ncommit-hash: 29483883eed69d5fb4db01964cdf2af4d86e9cb2\ncommit-date: 2025-08-04\nhost: x86_64-unknown-linux-gnu\nrelease: 1.89.0\nLLVM version: 20.1.7\n","stderr":""},"7971740275564407648":{"success":true,"status":"","code":0,"stdout":"___\nlib___.rlib\nlib___.so\nlib___.so\nlib___.a\nlib___.so\n/home/lix/.rustup/toolchains/1.89.0-x86_64-unknown-linux-gnu\noff\npacked\nunpacked\n___\ndebug_assertions\npanic=\"unwind\"\nproc_macro\ntarget_abi=\"\"\ntarget_arch=\"x86_64\"\ntarget_endian=\"little\"\ntarget_env=\"gnu\"\ntarget_family=\"unix\"\ntarget_feature=\"fxsr\"\ntarget_feature=\"sse\"\ntarget_feature=\"sse2\"\ntarget_has_atomic=\"16\"\ntarget_has_atomic=\"32\"\ntarget_has_atomic=\"64\"\ntarget_has_atomic=\"8\"\ntarget_has_atomic=\"ptr\"\ntarget_os=\"linux\"\ntarget_pointer_width=\"64\"\ntarget_vendor=\"unknown\"\nunix\n","stderr":""}},"successes":{}}
\ No newline at end of file
diff --git a/scripts/task112-tree-rust-family-regression-smoke.js b/scripts/task112-tree-rust-family-regression-smoke.js
new file mode 100644
index 00000000..c9e05ab2
--- /dev/null
+++ b/scripts/task112-tree-rust-family-regression-smoke.js
@@ -0,0 +1,1167 @@
+"use strict";
+
+// 说明：
+// - 这份 smoke 用来覆盖 tree rust family checklist 第 9 节的通用回归要求。
+// - 宿主页负责验证真实导航、上下文菜单、picker 对话框与 stream fallback。
+// - `/api/tree/shell` 直连页已退到显式 debug/internal 边界，默认不再进入这条链路。
+
+const { chromium } = require("playwright");
+const {
+  BASE_URL,
+  UI_TIMEOUT_MS,
+  assert,
+  createTempDocument,
+  ensureAuthenticated,
+  ensurePageOptionsVisible,
+  openDocument,
+  openFilesystemView,
+  openSectionView,
+  purgeDocument,
+  renameDocument,
+  requestJson,
+} = require("./tree-shell-smoke-helpers");
+
+const RUN_DIRECT_TREE_SHELL_CHECKS =
+  String(process.env.MNOTE_TREE_SHELL_DIRECT_SMOKE || "").trim() === "1";
+
+function buildTreeShellUrl(workspaceId, params = {}) {
+  const search = new URLSearchParams({
+    workspaceId,
+    ...Object.fromEntries(
+      Object.entries(params).filter(([, value]) => value !== undefined && value !== null && value !== ""),
+    ),
+  });
+  return `${BASE_URL}/api/tree/shell?${search.toString()}`;
+}
+
+async function renameFixtureDocuments(requestContext, fixture) {
+  await renameDocument(requestContext, fixture.workspaceId, fixture.parentId, fixture.parentTitle);
+  await renameDocument(requestContext, fixture.workspaceId, fixture.childAId, fixture.childATitle);
+  await renameDocument(requestContext, fixture.workspaceId, fixture.childBId, fixture.childBTitle);
+  await renameDocument(requestContext, fixture.workspaceId, fixture.targetId, fixture.targetTitle);
+  for (let index = 0; index < fixture.extraChildIds.length; index += 1) {
+    await renameDocument(
+      requestContext,
+      fixture.workspaceId,
+      fixture.extraChildIds[index],
+      fixture.extraChildTitles[index],
+    );
+  }
+}
+
+async function prepareFixture(requestContext) {
+  const uniqueSuffix = Date.now().toString();
+  const parent = await createTempDocument(requestContext, null);
+  const childA = await createTempDocument(requestContext, parent.documentId);
+  const childB = await createTempDocument(requestContext, parent.documentId);
+  const target = await createTempDocument(requestContext, null);
+  const extraChildren = [];
+  const extraChildTitles = [];
+  for (let index = 0; index < 18; index += 1) {
+    const nextChild = await createTempDocument(requestContext, parent.documentId);
+    extraChildren.push(nextChild.documentId);
+    extraChildTitles.push(`task112-scroll-${index.toString().padStart(2, "0")}-${uniqueSuffix}`);
+  }
+  const fixture = {
+    workspaceId: parent.workspaceId,
+    parentId: parent.documentId,
+    childAId: childA.documentId,
+    childBId: childB.documentId,
+    targetId: target.documentId,
+    extraChildIds: extraChildren,
+    extraChildTitles,
+    parentTitle: `task112-parent-${uniqueSuffix}`,
+    childATitle: `task112-child-a-${uniqueSuffix}`,
+    childBTitle: `task112-child-b-${uniqueSuffix}`,
+    targetTitle: `task112-target-${uniqueSuffix}`,
+    fallbackTitle: `task112-fallback-${uniqueSuffix}`,
+    createdIds: [
+      parent.documentId,
+      childA.documentId,
+      childB.documentId,
+      target.documentId,
+      ...extraChildren,
+    ],
+  };
+  await renameFixtureDocuments(requestContext, fixture);
+  return fixture;
+}
+
+async function cleanupFixture(requestContext, fixture) {
+  for (const documentId of [...fixture.createdIds].reverse()) {
+    try {
+      await purgeDocument(requestContext, documentId);
+    } catch {
+      // 说明：部分 smoke 会真实移动节点或由父级 purge 级联删除，这里忽略重复清理错误。
+    }
+  }
+}
+
+async function waitForUrlContains(page, fragment) {
+  await page.waitForURL((url) => url.toString().includes(fragment), {
+    timeout: UI_TIMEOUT_MS,
+  });
+}
+
+async function waitForTextAnywhere(page, expectedText) {
+  await page.waitForFunction(
+    (text) => {
+      const bodyText = document.body?.textContent ?? "";
+      if (bodyText.includes(text)) {
+        return true;
+      }
+      return Array.from(document.querySelectorAll("iframe")).some((frame) => {
+        try {
+          return (frame.contentDocument?.body?.textContent ?? "").includes(text);
+        } catch {
+          return false;
+        }
+      });
+    },
+    expectedText,
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function getPageTreeHostDriver(page) {
+  const host = page.getByTestId("sidebar-page-tree-shell");
+  await host.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  await page.waitForFunction(
+    () => {
+      const element = document.querySelector('[data-testid="sidebar-page-tree-shell"]');
+      if (!(element instanceof HTMLElement) || element.getClientRects().length === 0) {
+        return false;
+      }
+      const implementation = element.getAttribute("data-tree-host-implementation") || "";
+      if (implementation === "mnote_web_iframe_proxy") {
+        const iframe = element.querySelector('[data-testid="sidebar-page-tree-shell-rust-iframe"]');
+        return iframe instanceof HTMLIFrameElement && iframe.getClientRects().length > 0;
+      }
+      return true;
+    },
+    undefined,
+    { timeout: UI_TIMEOUT_MS },
+  );
+  const implementation = await host.getAttribute("data-tree-host-implementation");
+  if (implementation === "mnote_web_iframe_proxy") {
+    return {
+      kind: "iframe",
+      host,
+      scope: page.frameLocator('[data-testid="sidebar-page-tree-shell-rust-iframe"]'),
+    };
+  }
+  return { kind: "react", host, scope: host };
+}
+
+async function getFileTreeHostDriver(page) {
+  const host = page.getByTestId("sidebar-file-tree-shell");
+  await host.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  await page.waitForFunction(
+    () => {
+      const element = document.querySelector('[data-testid="sidebar-file-tree-shell"]');
+      if (!(element instanceof HTMLElement) || element.getClientRects().length === 0) {
+        return false;
+      }
+      const implementation = element.getAttribute("data-tree-host-implementation") || "";
+      if (implementation === "mnote_web_iframe_proxy") {
+        const iframe = element.querySelector('[data-testid="sidebar-file-tree-shell-rust-iframe"]');
+        return iframe instanceof HTMLIFrameElement && iframe.getClientRects().length > 0;
+      }
+      return true;
+    },
+    undefined,
+    { timeout: UI_TIMEOUT_MS },
+  );
+  const implementation = await host.getAttribute("data-tree-host-implementation");
+  if (implementation === "mnote_web_iframe_proxy") {
+    return {
+      kind: "iframe",
+      host,
+      scope: page.frameLocator('[data-testid="sidebar-file-tree-shell-rust-iframe"]'),
+    };
+  }
+  return { kind: "react", host, scope: host };
+}
+
+async function openPageTreeDocumentFromHost(page, driver, documentId) {
+  const popupPromise = page.context().waitForEvent("page", {
+    timeout: UI_TIMEOUT_MS,
+  }).catch(() => null);
+  if (driver.kind === "iframe") {
+    const openButton = driver.scope.locator(`.tree-row[data-node-id="${documentId}"] [data-testid="tree-node-open"]`);
+    await openButton.waitFor({ state: "attached", timeout: UI_TIMEOUT_MS });
+    await openButton.evaluate((button) => {
+      if (!(button instanceof HTMLButtonElement)) {
+        throw new Error("页面树打开按钮不存在");
+      }
+      button.click();
+    });
+  } else {
+    await driver.scope
+      .locator(`[data-testid="page-tree-row"][data-node-id="${documentId}"] [data-testid="page-tree-open"]`)
+      .click({ timeout: UI_TIMEOUT_MS });
+  }
+  const popupPage = await popupPromise;
+  if (popupPage) {
+    await popupPage.close().catch(() => undefined);
+    throw new Error("页面树普通打开不应创建新窗口");
+  }
+  await waitForUrlContains(page, `/documents/${documentId}`);
+}
+
+async function openPageTreeContextMenuFromHost(page, driver, documentId) {
+  if (driver.kind === "iframe") {
+    const row = driver.scope.locator(`.tree-row[data-node-id="${documentId}"]`);
+    await row.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    const menuButton = row.locator('[data-testid="tree-action-menu"]');
+    await menuButton.waitFor({ state: "attached", timeout: UI_TIMEOUT_MS });
+    await menuButton.evaluate((button) => {
+      if (!(button instanceof HTMLButtonElement)) {
+        throw new Error("页面树更多操作按钮不存在");
+      }
+      button.click();
+    });
+  } else {
+    const row = driver.scope.locator(`[data-testid="page-tree-row"][data-node-id="${documentId}"]`);
+    await row.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await row.getByRole("button", { name: "更多操作" }).click({ timeout: UI_TIMEOUT_MS, force: true });
+  }
+  await page.getByText("重命名", { exact: true }).waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  await page.keyboard.press("Escape");
+}
+
+async function doubleClickFileTreeDocumentFromHost(page, driver, documentId) {
+  const popupPromise = page.context().waitForEvent("page", {
+    timeout: UI_TIMEOUT_MS,
+  }).catch(() => null);
+  if (driver.kind === "iframe") {
+    await driver.scope
+      .locator(`[data-testid="filetree-doc-row"][data-document-id="${documentId}"]`)
+      .dblclick({ timeout: UI_TIMEOUT_MS });
+  } else {
+    await driver.scope
+      .locator(`[data-testid="filetree-doc-row"][data-doc-id="${documentId}"]`)
+      .dblclick({ timeout: UI_TIMEOUT_MS });
+  }
+  const popupPage = await popupPromise;
+  if (popupPage) {
+    await popupPage.close().catch(() => undefined);
+    throw new Error("文件树普通打开不应创建新窗口");
+  }
+  await waitForUrlContains(page, `/documents/${documentId}`);
+}
+
+async function waitForPageTitleInput(page) {
+  const input = page.getByLabel("页面标题");
+  await input.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  return input;
+}
+
+async function renameThroughPageHead(page, documentId, title) {
+  const saveResponse = page.waitForResponse(
+    async (response) => {
+      if (!response.url().includes("/api/documents/title") || response.request().method() !== "POST") {
+        return false;
+      }
+      const payload = response.request().postDataJSON();
+      return payload?.documentId === documentId && payload?.title === title && response.ok();
+    },
+    { timeout: UI_TIMEOUT_MS },
+  );
+  const titleInput = await waitForPageTitleInput(page);
+  await titleInput.click({ timeout: UI_TIMEOUT_MS });
+  await page.keyboard.press("Control+a");
+  await page.keyboard.type(title, { delay: 18 });
+  await titleInput.blur();
+  await saveResponse;
+}
+
+async function waitForBreadcrumbTitle(page, title) {
+  await page.waitForFunction(
+    (expectedTitle) => {
+      const nav = document.querySelector("header nav");
+      return (nav?.textContent ?? "").includes(expectedTitle);
+    },
+    title,
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function waitForSidebarRowTitle(page, documentId, title) {
+  const legacyRow = page.locator(`aside a[href="/documents/${documentId}"]`).first();
+  if ((await legacyRow.count()) > 0) {
+    await page.waitForFunction(
+      ({ docId, expectedTitle }) => {
+        const row = document.querySelector(`aside a[href="/documents/${docId}"]`);
+        return (row?.textContent ?? "").includes(expectedTitle);
+      },
+      { docId: documentId, expectedTitle: title },
+      { timeout: UI_TIMEOUT_MS },
+    );
+    return;
+  }
+
+  await waitForPageTreeTitle(page, documentId, title);
+}
+
+async function waitForPageTreeTitle(page, documentId, title) {
+  await openSectionView(page);
+  const driver = await getPageTreeHostDriver(page);
+  if (driver.kind === "iframe") {
+    await driver.scope
+      .locator(`.tree-row[data-node-id="${documentId}"]`)
+      .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await driver.scope
+      .locator(`.tree-row[data-node-id="${documentId}"]`)
+      .getByText(title)
+      .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    return;
+  }
+
+  await driver.scope
+    .locator(`[data-testid="page-tree-row"][data-node-id="${documentId}"]`)
+    .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  await page.waitForFunction(
+    ({ nodeId, expectedTitle }) => {
+      const row = document.querySelector(`[data-testid="page-tree-row"][data-node-id="${nodeId}"]`);
+      return (row?.textContent ?? "").includes(expectedTitle);
+    },
+    { nodeId: documentId, expectedTitle: title },
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function waitForPageShellTitle(page, documentId, title) {
+  await page.waitForFunction(
+    ({ nodeId, expectedTitle }) => {
+      const row = document.querySelector(`.tree-row[data-shell-mode="page"][data-node-id="${nodeId}"]`);
+      return row instanceof HTMLElement && (row.textContent ?? "").includes(expectedTitle);
+    },
+    { nodeId: documentId, expectedTitle: title },
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function waitForFileTreeTitle(page, documentId, title) {
+  await openFilesystemView(page);
+  const driver = await getFileTreeHostDriver(page);
+  if (driver.kind === "iframe") {
+    await driver.scope
+      .locator(`[data-testid="filetree-doc-row"][data-document-id="${documentId}"]`)
+      .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await driver.scope
+      .locator(`[data-testid="filetree-doc-row"][data-document-id="${documentId}"]`)
+      .getByText(title)
+      .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    return;
+  }
+
+  await driver.scope
+    .locator(`[data-testid="filetree-doc-row"][data-doc-id="${documentId}"]`)
+    .waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+  await page.waitForFunction(
+    ({ docId, expectedTitle }) => {
+      const row = document.querySelector(`[data-testid="filetree-doc-row"][data-doc-id="${docId}"]`);
+      return (row?.textContent ?? "").includes(expectedTitle);
+    },
+    { docId: documentId, expectedTitle: title },
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function readPageShellOrder(page, nodeIds) {
+  return await page.evaluate((ids) => {
+    const rows = ids
+      .map((nodeId) => {
+        const row = document.querySelector(`.tree-row[data-shell-mode="page"][data-node-id="${nodeId}"]`);
+        if (!(row instanceof HTMLElement)) {
+          return null;
+        }
+        const rect = row.getBoundingClientRect();
+        return { nodeId, top: rect.top };
+      })
+      .filter(Boolean);
+    return rows.sort((left, right) => left.top - right.top).map((row) => row.nodeId);
+  }, nodeIds);
+}
+
+async function waitForPageShellOrder(page, expectedOrder) {
+  await page.waitForFunction(
+    (ids) => {
+      const rows = ids
+        .map((nodeId) => {
+          const row = document.querySelector(`.tree-row[data-shell-mode="page"][data-node-id="${nodeId}"]`);
+          if (!(row instanceof HTMLElement)) {
+            return null;
+          }
+          const rect = row.getBoundingClientRect();
+          return { nodeId, top: rect.top };
+        })
+        .filter(Boolean);
+
+      if (rows.length !== ids.length) {
+        return false;
+      }
+
+      const order = rows.sort((left, right) => left.top - right.top).map((row) => row.nodeId);
+      return JSON.stringify(order) === JSON.stringify(ids);
+    },
+    expectedOrder,
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function createFileDropDataTransfer(page, fileName, content) {
+  return await page.evaluateHandle(
+    ({ nextFileName, nextContent }) => {
+      const dataTransfer = new DataTransfer();
+      dataTransfer.items.add(
+        new File([nextContent], nextFileName, {
+          type: "text/plain",
+        }),
+      );
+      return dataTransfer;
+    },
+    { nextFileName: fileName, nextContent: content },
+  );
+}
+
+async function dispatchTextDragSequence(page, input) {
+  await page.evaluate(({ sourceSelector, targetSelector, entries }) => {
+    const source = document.querySelector(sourceSelector);
+    const target = document.querySelector(targetSelector);
+    if (!(source instanceof HTMLElement) || !(target instanceof HTMLElement)) {
+      throw new Error(`拖拽节点不存在: ${sourceSelector} -> ${targetSelector}`);
+    }
+    const dataTransfer = new DataTransfer();
+    entries.forEach(({ type, value }) => {
+      dataTransfer.setData(type, value);
+    });
+
+    const createDragEvent = (type) =>
+      new DragEvent(type, {
+        bubbles: true,
+        cancelable: true,
+        dataTransfer,
+      });
+
+    source.dispatchEvent(createDragEvent("dragstart"));
+    target.dispatchEvent(createDragEvent("dragover"));
+    target.dispatchEvent(createDragEvent("drop"));
+    source.dispatchEvent(createDragEvent("dragend"));
+  }, input);
+}
+
+function buildSnapshotSseBody(snapshot, workspaceId) {
+  return `event: snapshot\ndata: ${JSON.stringify({
+    kind: "snapshot",
+    stream: "workspace",
+    workspaceId,
+    rootNodeId: null,
+    cursor: "evt_task112_snapshot",
+    projection: "sidebar_tree",
+    data: snapshot,
+  })}\n\n`;
+}
+
+async function runPageTreeHostChecks(page, fixture) {
+  await openDocument(page, fixture.workspaceId, fixture.parentId);
+  await openSectionView(page);
+  const driver = await getPageTreeHostDriver(page);
+  await openPageTreeDocumentFromHost(page, driver, fixture.childAId);
+
+  await openSectionView(page);
+  const nextDriver = await getPageTreeHostDriver(page);
+  await openPageTreeContextMenuFromHost(page, nextDriver, fixture.childAId);
+
+  return {
+    pageTreeNavigate: true,
+    pageTreeContextMenu: true,
+    hostKind: nextDriver.kind,
+  };
+}
+
+async function runPageTreeShellChecks(context, fixture) {
+  const page = await context.newPage();
+  try {
+    await page.setViewportSize({ width: 1280, height: 640 });
+    await page.goto(
+      buildTreeShellUrl(fixture.workspaceId, {
+        mode: "page",
+        activeDocumentId: fixture.childAId,
+      }),
+      { waitUntil: "commit", timeout: UI_TIMEOUT_MS },
+    );
+    await page.locator("#tree-shell-title").getByText("页面树").waitFor({
+      state: "visible",
+      timeout: UI_TIMEOUT_MS,
+    });
+
+    const parentRow = page.locator(`.tree-row[data-shell-mode="page"][data-node-id="${fixture.parentId}"]`);
+    const childARow = page.locator(`.tree-row[data-shell-mode="page"][data-node-id="${fixture.childAId}"]`);
+    const childBRow = page.locator(`.tree-row[data-shell-mode="page"][data-node-id="${fixture.childBId}"]`);
+    await parentRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childARow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childBRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+
+    await childARow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.dataset.active !== "true") {
+        throw new Error("当前页高亮未落到 activeDocumentId 对应行");
+      }
+    });
+    await parentRow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.getAttribute("aria-expanded") !== "true") {
+        throw new Error("当前页祖先未自动展开");
+      }
+    });
+
+    await childARow.focus();
+    await childARow.press("ArrowDown");
+    await childBRow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.dataset.focused !== "true") {
+        throw new Error("ArrowDown 后焦点未移动到下一行");
+      }
+    });
+    await childBRow.press("ArrowUp");
+    await childARow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.dataset.focused !== "true") {
+        throw new Error("ArrowUp 后焦点未回到上一行");
+      }
+    });
+
+    await parentRow.focus();
+    await parentRow.press("ArrowLeft");
+    await childARow.waitFor({ state: "hidden", timeout: UI_TIMEOUT_MS });
+    await childBRow.waitFor({ state: "hidden", timeout: UI_TIMEOUT_MS });
+    await parentRow.press("ArrowRight");
+    await childARow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childBRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+
+    const orderBefore = await readPageShellOrder(page, [fixture.childAId, fixture.childBId]);
+    assert(
+      JSON.stringify(orderBefore) === JSON.stringify([fixture.childAId, fixture.childBId]),
+      `页面树拖拽前顺序异常：${JSON.stringify(orderBefore)}`,
+    );
+
+    await dispatchTextDragSequence(page, {
+      sourceSelector: `.tree-row[data-shell-mode="page"][data-node-id="${fixture.childBId}"]`,
+      targetSelector: `.tree-row[data-shell-mode="page"][data-node-id="${fixture.childAId}"]`,
+      entries: [
+        { type: "application/x-mnote-page-tree-node", value: fixture.childBId },
+        { type: "text/plain", value: fixture.childBId },
+      ],
+    });
+
+    await waitForPageShellOrder(page, [fixture.childBId, fixture.childAId]);
+    const orderAfter = await readPageShellOrder(page, [fixture.childAId, fixture.childBId]);
+    assert(
+      JSON.stringify(orderAfter) === JSON.stringify([fixture.childBId, fixture.childAId]),
+      `页面树拖拽后顺序未更新：${JSON.stringify(orderAfter)}`,
+    );
+
+    await parentRow.hover({ timeout: UI_TIMEOUT_MS });
+    const createResponsePromise = page.waitForResponse(
+      async (response) => {
+        if (
+          !response.url().includes("/api/tree/commands") ||
+          response.request().method() !== "POST" ||
+          !response.ok()
+        ) {
+          return false;
+        }
+        const payload = response.request().postDataJSON();
+        return payload?.action === "create" && payload?.parentId === fixture.parentId;
+      },
+      { timeout: UI_TIMEOUT_MS },
+    );
+    await parentRow.locator('[data-testid="tree-action-create"]').click({ timeout: UI_TIMEOUT_MS });
+    const createResponse = await createResponsePromise;
+    const createPayload = await createResponse.json().catch(() => null);
+    const createdDocumentId = String(createPayload?.result?.documentId ?? createPayload?.id ?? "").trim();
+    assert(createdDocumentId, "页面树新建子页面未返回 documentId");
+    fixture.createdIds.push(createdDocumentId);
+    await waitForPageShellTitle(page, createdDocumentId, "无标题");
+
+    const renamedTitle = `task112-created-renamed-${Date.now().toString().slice(-6)}`;
+    const createdRow = page.locator(`.tree-row[data-shell-mode="page"][data-node-id="${createdDocumentId}"]`);
+    await createdRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await createdRow.hover({ timeout: UI_TIMEOUT_MS });
+    const renameDialogPromise = page
+      .waitForEvent("dialog", { timeout: UI_TIMEOUT_MS })
+      .then((dialog) => dialog.accept(renamedTitle));
+    const renameResponsePromise = page.waitForResponse(
+      async (response) => {
+        if (
+          !response.url().includes("/api/tree/commands") ||
+          response.request().method() !== "POST" ||
+          !response.ok()
+        ) {
+          return false;
+        }
+        const payload = response.request().postDataJSON();
+        return (
+          payload?.action === "rename" &&
+          payload?.documentId === createdDocumentId &&
+          payload?.title === renamedTitle
+        );
+      },
+      { timeout: UI_TIMEOUT_MS },
+    );
+    await createdRow.locator('[data-testid="tree-action-rename"]').click({ timeout: UI_TIMEOUT_MS });
+    await renameDialogPromise;
+    await renameResponsePromise;
+    await waitForPageShellTitle(page, createdDocumentId, renamedTitle);
+
+    const visibleNodeIds = await page.evaluate(() =>
+      Array.from(document.querySelectorAll('.tree-row[data-shell-mode="page"]'))
+        .map((element) => element.getAttribute("data-node-id") || "")
+        .filter(Boolean),
+    );
+    assert(visibleNodeIds.length >= 12, `页面树大树夹具数量不足：${visibleNodeIds.length}`);
+    const lastVisibleNodeId = visibleNodeIds[visibleNodeIds.length - 1];
+    await parentRow.focus();
+    for (let index = 1; index < visibleNodeIds.length; index += 1) {
+      await page.keyboard.press("ArrowDown");
+    }
+    await page.waitForFunction(
+      (nodeId) => {
+        const row = document.querySelector(`.tree-row[data-shell-mode="page"][data-node-id="${nodeId}"]`);
+        return row instanceof HTMLElement && row.dataset.focused === "true";
+      },
+      lastVisibleNodeId,
+      { timeout: UI_TIMEOUT_MS },
+    );
+    const scrollState = await page.evaluate((nodeId) => {
+      const scroller = document.querySelector("#tree-shell-app");
+      const row = document.querySelector(`.tree-row[data-shell-mode="page"][data-node-id="${nodeId}"]`);
+      if (!(row instanceof HTMLElement)) {
+        return null;
+      }
+      const rowRect = row.getBoundingClientRect();
+      const scrollerRect =
+        scroller instanceof HTMLElement ? scroller.getBoundingClientRect() : null;
+      return {
+        scrollTop: scroller instanceof HTMLElement ? scroller.scrollTop : 0,
+        scrollHeight: scroller instanceof HTMLElement ? scroller.scrollHeight : 0,
+        clientHeight: scroller instanceof HTMLElement ? scroller.clientHeight : 0,
+        windowScrollY: window.scrollY,
+        viewportHeight: window.innerHeight,
+        pageScrollHeight: document.documentElement.scrollHeight,
+        rowTop: rowRect.top,
+        rowBottom: rowRect.bottom,
+        scrollerTop: scrollerRect?.top ?? 0,
+        scrollerBottom: scrollerRect?.bottom ?? window.innerHeight,
+      };
+    }, lastVisibleNodeId);
+    assert(scrollState, "页面树滚动状态读取失败");
+    const hasOverflow =
+      scrollState.scrollHeight > scrollState.clientHeight ||
+      scrollState.pageScrollHeight > scrollState.viewportHeight;
+    assert(
+      hasOverflow,
+      `页面树大树场景未形成可滚动内容：${JSON.stringify(scrollState)}`,
+    );
+    assert(
+      scrollState.scrollTop > 0 || scrollState.windowScrollY > 0,
+      `页面树滚动未推进：${JSON.stringify(scrollState)}`,
+    );
+    assert(
+      scrollState.rowTop >= -2 &&
+        scrollState.rowBottom <= scrollState.viewportHeight + 2,
+      `页面树滚动后目标行仍未进入可视区：${JSON.stringify(scrollState)}`,
+    );
+
+    return {
+      pageTreeExpandCollapse: true,
+      pageTreeCurrentHighlight: true,
+      pageTreeAncestorAutoExpand: true,
+      pageTreeKeyboardNavigation: true,
+      pageTreeDrag: true,
+      pageTreeCreateChild: true,
+      pageTreeRename: true,
+      pageTreeStableScroll: true,
+      orderBefore,
+      orderAfter,
+      createdDocumentId,
+      renamedTitle,
+      scrollTop: scrollState.scrollTop,
+      windowScrollY: scrollState.windowScrollY,
+      visiblePageRowCount: visibleNodeIds.length,
+    };
+  } finally {
+    await page.close().catch(() => undefined);
+  }
+}
+
+async function runFileTreeShellChecks(context, fixture) {
+  const page = await context.newPage();
+  try {
+    await page.goto(
+      buildTreeShellUrl(fixture.workspaceId, {
+        mode: "filetree",
+        activeDocumentId: fixture.parentId,
+      }),
+      { waitUntil: "commit", timeout: UI_TIMEOUT_MS },
+    );
+    await page.locator("#tree-shell-title").getByText("资源管理器").waitFor({
+      state: "visible",
+      timeout: UI_TIMEOUT_MS,
+    });
+
+    const parentRow = page.locator(`[data-testid="filetree-doc-row"][data-document-id="${fixture.parentId}"]`);
+    const childARow = page.locator(`[data-testid="filetree-doc-row"][data-document-id="${fixture.childAId}"]`);
+    const childBRow = page.locator(`[data-testid="filetree-doc-row"][data-document-id="${fixture.childBId}"]`);
+    const targetRow = page.locator(`[data-testid="filetree-doc-row"][data-document-id="${fixture.targetId}"]`);
+    await parentRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childARow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childBRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await targetRow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+
+    await childARow.click({ timeout: UI_TIMEOUT_MS });
+    await childBRow.click({ modifiers: ["Control"], timeout: UI_TIMEOUT_MS });
+    await childARow.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await childARow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.dataset.selected !== "true") {
+        throw new Error("多选后 childA 未进入选中态");
+      }
+    });
+    await childBRow.evaluate((element) => {
+      if (!(element instanceof HTMLElement) || element.dataset.selected !== "true") {
+        throw new Error("多选后 childB 未进入选中态");
+      }
+    });
+
+    await parentRow.click({ timeout: UI_TIMEOUT_MS });
+    await childBRow.click({ modifiers: ["Shift"], timeout: UI_TIMEOUT_MS });
+    const selectedCount = await page.locator('.tree-row[data-shell-mode="filetree"][data-selected="true"]').count();
+    assert(selectedCount >= 2, `范围选择后选中数量异常：${selectedCount}`);
+
+    const fileTreePayload = JSON.stringify({
+      type: "mnote-file-tree-dnd",
+      version: 1,
+      rowIds: [`doc:${fixture.childBId}`],
+    });
+    await dispatchTextDragSequence(page, {
+      sourceSelector: `[data-testid="filetree-doc-row"][data-document-id="${fixture.childBId}"]`,
+      targetSelector: `[data-testid="filetree-doc-row"][data-document-id="${fixture.targetId}"]`,
+      entries: [
+        { type: "application/x-mnote-filetree-row-ids", value: fileTreePayload },
+        { type: "application/x-mnote-file-tree", value: fileTreePayload },
+        { type: "text/plain", value: fileTreePayload },
+      ],
+    });
+    await page.waitForFunction(
+      () => (document.querySelector("#tree-shell-last-action")?.textContent ?? "").includes("已发送移动拖放到"),
+      undefined,
+      { timeout: UI_TIMEOUT_MS },
+    );
+
+    const dataTransfer = await createFileDropDataTransfer(page, "task112-upload.txt", "task112 external drop");
+    await targetRow.dispatchEvent("dragover", { dataTransfer });
+    await targetRow.dispatchEvent("drop", { dataTransfer });
+    await page.waitForFunction(
+      () => (document.querySelector("#tree-shell-last-action")?.textContent ?? "").includes("已发送 1 个外部文件到宿主"),
+      undefined,
+      { timeout: UI_TIMEOUT_MS },
+    );
+    await dataTransfer.dispose();
+
+    return {
+      fileTreeMultiSelect: true,
+      fileTreeRangeSelect: true,
+      fileTreeInternalDrop: true,
+      fileTreeExternalDrop: true,
+      selectedCount,
+    };
+  } finally {
+    await page.close().catch(() => undefined);
+  }
+}
+
+async function runFileTreeHostDoubleClickCheck(context, fixture) {
+  const page = await context.newPage();
+  try {
+    await openDocument(page, fixture.workspaceId, fixture.parentId);
+    await openFilesystemView(page);
+    const driver = await getFileTreeHostDriver(page);
+    await doubleClickFileTreeDocumentFromHost(page, driver, fixture.childBId);
+    return {
+      fileTreeDoubleClickOpen: true,
+      hostKind: driver.kind,
+    };
+  } finally {
+    await page.close().catch(() => undefined);
+  }
+}
+
+async function waitForPickerEmptyState(page, dialog, pickerUsesIframe) {
+  if (!pickerUsesIframe) {
+    const emptyText = dialog.getByText("没有匹配结果");
+    await emptyText.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    return "没有匹配结果";
+  }
+
+  await waitForTextAnywhere(page, "没有可选择的页面。");
+  return "没有可选择的页面。";
+}
+
+async function waitForPickerInputFocused(page, searchInput) {
+  await searchInput.focus();
+  await page.waitForFunction(
+    () => {
+      const active = document.activeElement;
+      return active instanceof HTMLInputElement && active.placeholder === "移动到...";
+    },
+    undefined,
+    { timeout: UI_TIMEOUT_MS },
+  );
+}
+
+async function runPickerDialogChecks(context, fixture) {
+  const page = await context.newPage();
+  try {
+    await openDocument(page, fixture.workspaceId, fixture.childAId);
+    await waitForPageTitleInput(page);
+    await ensurePageOptionsVisible(page);
+    await page.getByRole("button", { name: "页面选项", exact: true }).waitFor({
+      state: "visible",
+      timeout: UI_TIMEOUT_MS,
+    });
+    const openButton = page.getByRole("button", { name: "移动/嵌入到..." });
+    await openButton.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    const openPickerDialog = async () => {
+      await openButton.click({ timeout: UI_TIMEOUT_MS });
+      const dialog = page.getByRole("dialog");
+      await dialog.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+      const pickerSurface = dialog.getByTestId("tree-picker-surface");
+      await pickerSurface.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+      const searchInput = dialog.getByPlaceholder("移动到...");
+      const pickerUsesIframe = (await pickerSurface.locator('[data-testid="tree-picker-surface-rust-iframe"]').count()) > 0;
+      return { dialog, pickerSurface, searchInput, pickerUsesIframe };
+    };
+
+    const initialDialogState = await openPickerDialog();
+    const { dialog, searchInput, pickerUsesIframe } = initialDialogState;
+    if (pickerUsesIframe) {
+      await page.waitForFunction(
+        () => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            return false;
+          }
+          return Boolean(frame.contentDocument?.querySelector('[data-testid="tree-picker-root"]'));
+        },
+        undefined,
+        { timeout: UI_TIMEOUT_MS },
+      );
+      assert(
+        !(await page.evaluate((nodeId) => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            return false;
+          }
+          return Boolean(frame.contentDocument?.querySelector(`.tree-row[data-node-id="${nodeId}"]`));
+        }, fixture.childAId)),
+        "picker 空查询态未排除当前页面",
+      );
+    } else {
+      await dialog.locator('[data-testid="tree-picker-root"]').waitFor({
+        state: "visible",
+        timeout: UI_TIMEOUT_MS,
+      });
+      assert(
+        (await dialog.locator(`[data-testid="tree-picker-row"][data-node-id="${fixture.childAId}"]`).count()) === 0,
+        "picker 空查询态未排除当前页面",
+      );
+    }
+    const pickerRootVisible = pickerUsesIframe
+      ? await page.evaluate(() => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            return false;
+          }
+          return Boolean(frame.contentDocument?.querySelector('[data-testid="tree-picker-root"]'));
+        })
+      : (await dialog.locator('[data-testid="tree-picker-root"]').count()) > 0;
+
+    await searchInput.fill(`task112-no-result-${Date.now()}`, { timeout: UI_TIMEOUT_MS });
+    const emptyStateText = await waitForPickerEmptyState(page, dialog, pickerUsesIframe);
+    await page.keyboard.press("Escape");
+    await dialog.waitFor({ state: "hidden", timeout: UI_TIMEOUT_MS });
+
+    const keyboardDialogState = await openPickerDialog();
+    const keyboardDialog = keyboardDialogState.dialog;
+    const keyboardInput = keyboardDialogState.searchInput;
+    const keyboardUsesIframe = keyboardDialogState.pickerUsesIframe;
+    const keyboardQuery = `task112-keyboard-${Date.now()}`;
+    await page.route("**/api/search/documents", async (route) => {
+      const payload = route.request().postDataJSON();
+      if (payload?.query !== keyboardQuery) {
+        await route.continue();
+        return;
+      }
+      await route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({
+          results: [
+            {
+              id: fixture.parentId,
+              title: fixture.parentTitle,
+              matchField: "title",
+            },
+            {
+              id: fixture.targetId,
+              title: fixture.targetTitle,
+              matchField: "title",
+            },
+          ],
+        }),
+      });
+    });
+
+    try {
+      await keyboardInput.fill(keyboardQuery, { timeout: UI_TIMEOUT_MS });
+      if (keyboardUsesIframe) {
+        await page.waitForFunction(
+          (nodeId) => {
+            const frame = Array.from(
+              document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+            )
+              .reverse()
+              .find((element) => {
+                if (!(element instanceof HTMLIFrameElement)) {
+                  return false;
+                }
+                const row = element.contentDocument?.querySelector(`.tree-row[data-node-id="${nodeId}"]`);
+                return Boolean(row);
+              }) ?? null;
+            return Boolean(frame);
+          },
+          fixture.targetId,
+          { timeout: UI_TIMEOUT_MS },
+        );
+      } else {
+        await dialog
+          .locator(`[data-testid="tree-picker-row"][data-node-id="${fixture.targetId}"]`)
+          .waitFor({
+            state: "visible",
+            timeout: UI_TIMEOUT_MS,
+          });
+      }
+
+      const moveRequest = page.waitForResponse(
+        async (response) => {
+          if (
+            !response.url().includes("/api/tree/commands") ||
+            response.request().method() !== "POST" ||
+            !response.ok()
+          ) {
+            return false;
+          }
+          const payload = response.request().postDataJSON();
+          return payload?.action === "move" && payload?.documentId === fixture.childAId && payload?.parentId === fixture.targetId;
+        },
+        { timeout: UI_TIMEOUT_MS },
+      );
+      if (keyboardUsesIframe) {
+        await page.evaluate((nodeId) => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            throw new Error("picker iframe 不存在");
+          }
+          const button = frame.contentDocument?.querySelector(
+            `.tree-row[data-node-id="${nodeId}"] [data-testid="tree-node-open"]`,
+          );
+          if (!button || typeof button.click !== "function") {
+            throw new Error("picker 目标页面按钮不存在");
+          }
+          button.click();
+        }, fixture.targetId);
+      } else {
+        await keyboardDialog
+          .locator(`[data-testid="tree-picker-row"][data-node-id="${fixture.targetId}"]`)
+          .click({ timeout: UI_TIMEOUT_MS });
+      }
+      await moveRequest;
+    } finally {
+      await page.unroute("**/api/search/documents").catch(() => undefined);
+    }
+
+    await keyboardDialog.waitFor({ state: "hidden", timeout: UI_TIMEOUT_MS });
+
+    return {
+      pickerSearch: true,
+      pickerEmpty: true,
+      pickerSelect: true,
+      pickerHostKind: keyboardUsesIframe ? "iframe" : "react",
+      emptyStateText,
+      pickerRootVisible,
+      pickerExcludeCurrentDocument: true,
+      pickerSearchQuery: keyboardQuery,
+      pickerSearchTargetId: fixture.targetId,
+    };
+  } finally {
+    await page.close().catch(() => undefined);
+  }
+}
+
+async function runStreamFallbackCheck(context, fixture) {
+  const page = await context.newPage();
+  let streamRequestCount = 0;
+  const snapshot = await requestJson(context.request, `/api/sidebar?workspaceId=${encodeURIComponent(fixture.workspaceId)}`);
+
+  await page.route("**/api/mnote-web/stream**", async (route) => {
+    streamRequestCount += 1;
+    await route.fulfill({
+      status: 200,
+      headers: {
+        "content-type": "text/event-stream; charset=utf-8",
+        "cache-control": "no-store",
+      },
+      body: buildSnapshotSseBody(snapshot, fixture.workspaceId),
+    });
+  });
+
+  try {
+    await openDocument(page, fixture.workspaceId, fixture.parentId);
+    await waitForPageTitleInput(page);
+    await page.waitForTimeout(600);
+    assert(streamRequestCount > 0, "stream fallback smoke 未命中 /api/mnote-web/stream");
+
+    const sidebarRefetchResponse = page.waitForResponse(
+      (response) =>
+        response.url().includes(`/api/sidebar?workspaceId=${encodeURIComponent(fixture.workspaceId)}`) &&
+        response.request().method() === "GET" &&
+        response.ok(),
+      { timeout: UI_TIMEOUT_MS },
+    );
+    await renameThroughPageHead(page, fixture.parentId, fixture.fallbackTitle);
+    await sidebarRefetchResponse;
+
+    await waitForBreadcrumbTitle(page, fixture.fallbackTitle);
+    await page.waitForFunction(
+      (expectedTitle) => {
+        const input = document.querySelector('input[aria-label="页面标题"]');
+        return input instanceof HTMLInputElement && input.value.includes(expectedTitle);
+      },
+      fixture.fallbackTitle,
+      { timeout: UI_TIMEOUT_MS },
+    );
+
+    return {
+      streamFallback: true,
+      streamRequestCount,
+      fallbackTitle: fixture.fallbackTitle,
+    };
+  } finally {
+    await page.close().catch(() => undefined);
+  }
+}
+
+async function main() {
+  const headless =
+    process.env.MNOTE_SMOKE_HEADLESS === "1"
+      ? true
+      : process.env.MNOTE_SMOKE_HEADLESS === "0"
+        ? false
+        : !process.env.DISPLAY;
+  const browser = await chromium.launch({ headless });
+  const context = await browser.newContext({
+    viewport: { width: 1440, height: 960 },
+  });
+  const page = await context.newPage();
+
+  let fixture = null;
+  let caughtError = null;
+
+  try {
+    const viewer = await ensureAuthenticated(page, context.request);
+    fixture = await prepareFixture(context.request);
+
+    const pageTreeHost = await runPageTreeHostChecks(page, fixture);
+    const pageTreeShell = RUN_DIRECT_TREE_SHELL_CHECKS
+      ? await runPageTreeShellChecks(context, fixture)
+      : { skipped: true, reason: "direct_tree_shell_debug_disabled" };
+    const fileTreeShell = RUN_DIRECT_TREE_SHELL_CHECKS
+      ? await runFileTreeShellChecks(context, fixture)
+      : { skipped: true, reason: "direct_tree_shell_debug_disabled" };
+    const fileTreeHost = await runFileTreeHostDoubleClickCheck(context, fixture);
+    const picker = await runPickerDialogChecks(context, fixture);
+    const streamFallback = await runStreamFallbackCheck(context, fixture);
+
+    console.log(
+      JSON.stringify(
+        {
+          ok: true,
+          baseUrl: BASE_URL,
+          viewerUserId: viewer.userId,
+          workspaceId: fixture.workspaceId,
+          parentId: fixture.parentId,
+          childAId: fixture.childAId,
+          childBId: fixture.childBId,
+          targetId: fixture.targetId,
+          results: {
+            pageTreeHost,
+            pageTreeShell,
+            fileTreeShell,
+            fileTreeHost,
+            picker,
+            streamFallback,
+          },
+        },
+        null,
+        2,
+      ),
+    );
+  } catch (error) {
+    caughtError = error;
+  } finally {
+    if (fixture) {
+      try {
+        await cleanupFixture(context.request, fixture);
+      } catch (cleanupError) {
+        if (!caughtError) {
+          caughtError = cleanupError;
+        } else {
+          console.error(
+            `清理临时页面失败：${
+              cleanupError instanceof Error
+                ? cleanupError.stack || cleanupError.message
+                : String(cleanupError)
+            }`,
+          );
+        }
+      }
+    }
+
+    await page.close().catch(() => undefined);
+    await context.close().catch(() => undefined);
+    await browser.close().catch(() => undefined);
+  }
+
+  if (caughtError) {
+    throw caughtError;
+  }
+}
+
+main().catch((error) => {
+  console.error(error instanceof Error ? error.stack || error.message : String(error));
+  process.exit(1);
+});
diff --git a/scripts/task113-picker-keyboard-regression-smoke.js b/scripts/task113-picker-keyboard-regression-smoke.js
new file mode 100644
index 00000000..6beea965
--- /dev/null
+++ b/scripts/task113-picker-keyboard-regression-smoke.js
@@ -0,0 +1,276 @@
+"use strict";
+
+// 说明：
+// - 这份 smoke 只验证 rust_family picker 的键盘高亮与 Enter 选中。
+// - 这里刻意使用 fresh-open 的最短链路，避免把空态/多轮搜索切换的抖动混进同一条回归里。
+
+const { chromium } = require("playwright");
+const {
+  UI_TIMEOUT_MS,
+  createTempDocument,
+  ensureAuthenticated,
+  ensurePageOptionsVisible,
+  openDocument,
+  purgeDocument,
+  renameDocument,
+} = require("./tree-shell-smoke-helpers");
+
+async function main() {
+  const headless =
+    process.env.MNOTE_SMOKE_HEADLESS === "1"
+      ? true
+      : process.env.MNOTE_SMOKE_HEADLESS === "0"
+        ? false
+        : !process.env.DISPLAY;
+  const browser = await chromium.launch({ headless });
+  const context = await browser.newContext({
+    viewport: { width: 1440, height: 960 },
+  });
+  const page = await context.newPage();
+
+  let fixture = null;
+  let caughtError = null;
+
+  try {
+    await ensureAuthenticated(page, context.request);
+    const uniqueSuffix = Date.now().toString();
+    const parent = await createTempDocument(context.request, null);
+    const childA = await createTempDocument(context.request, parent.documentId);
+    const target = await createTempDocument(context.request, null);
+
+    fixture = {
+      workspaceId: parent.workspaceId,
+      parentId: parent.documentId,
+      childAId: childA.documentId,
+      targetId: target.documentId,
+      parentTitle: `task113-parent-${uniqueSuffix}`,
+      childATitle: `task113-child-a-${uniqueSuffix}`,
+      targetTitle: `task113-target-${uniqueSuffix}`,
+      createdIds: [parent.documentId, childA.documentId, target.documentId],
+    };
+
+    await renameDocument(context.request, fixture.workspaceId, fixture.parentId, fixture.parentTitle);
+    await renameDocument(context.request, fixture.workspaceId, fixture.childAId, fixture.childATitle);
+    await renameDocument(context.request, fixture.workspaceId, fixture.targetId, fixture.targetTitle);
+
+    await openDocument(page, fixture.workspaceId, fixture.childAId);
+    await ensurePageOptionsVisible(page);
+    const openButton = page.getByRole("button", { name: "移动/嵌入到..." });
+    await openButton.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    await openButton.click({ timeout: UI_TIMEOUT_MS });
+
+    const dialog = page.getByRole("dialog");
+    await dialog.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
+    const searchInput = dialog.getByPlaceholder("移动到...");
+    const keyboardQuery = `task113-keyboard-${Date.now()}`;
+
+    await page.route("**/api/search/documents", async (route) => {
+      const payload = route.request().postDataJSON();
+      if (payload?.query !== keyboardQuery) {
+        await route.continue();
+        return;
+      }
+      await route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({
+          results: [
+            {
+              id: fixture.parentId,
+              title: fixture.parentTitle,
+              matchField: "title",
+            },
+            {
+              id: fixture.targetId,
+              title: fixture.targetTitle,
+              matchField: "title",
+            },
+          ],
+        }),
+      });
+    });
+
+    try {
+      await searchInput.fill(keyboardQuery, { timeout: UI_TIMEOUT_MS });
+      await page.waitForFunction(
+        (nodeId) => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            return false;
+          }
+          return Boolean(frame.contentDocument?.querySelector(`.tree-row[data-node-id="${nodeId}"]`));
+        },
+        fixture.targetId,
+        { timeout: UI_TIMEOUT_MS },
+      );
+
+      await searchInput.focus();
+      await page.waitForFunction(
+        () => {
+          const active = document.activeElement;
+          return active instanceof HTMLInputElement && active.placeholder === "移动到...";
+        },
+        undefined,
+        { timeout: UI_TIMEOUT_MS },
+      );
+
+      const readFocusedPickerItemKey = async () =>
+        page.evaluate(() => {
+          const frame = Array.from(
+            document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+          )
+            .reverse()
+            .find((element) => element instanceof HTMLIFrameElement) ?? null;
+          if (!(frame instanceof HTMLIFrameElement)) {
+            return "";
+          }
+          const rootButton = frame.contentDocument?.querySelector(
+            '.tree-row[data-testid="tree-picker-root"][data-focused="true"]',
+          );
+          if (rootButton) {
+            return "__root__";
+          }
+          const row = frame.contentDocument?.querySelector('.tree-row[data-focused="true"]');
+          return row ? row.getAttribute("data-node-id") || "" : "";
+        });
+
+      const moveHighlightTo = async (targetNodeId, maxSteps = 4) => {
+        await page.waitForFunction(
+          () => {
+            const frame = Array.from(
+              document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+            )
+              .reverse()
+              .find((element) => element instanceof HTMLIFrameElement) ?? null;
+            if (!(frame instanceof HTMLIFrameElement)) {
+              return false;
+            }
+            const rootButton = frame.contentDocument?.querySelector(
+              '.tree-row[data-testid="tree-picker-root"][data-focused="true"]',
+            );
+            if (rootButton) {
+              return true;
+            }
+            return Boolean(frame.contentDocument?.querySelector('.tree-row[data-focused="true"]'));
+          },
+          undefined,
+          { timeout: UI_TIMEOUT_MS },
+        );
+
+        for (let index = 0; index < maxSteps; index += 1) {
+          const currentKey = await readFocusedPickerItemKey();
+          if (currentKey === targetNodeId) {
+            return;
+          }
+          await page.keyboard.press("ArrowDown");
+          await page.waitForFunction(
+            (previousKey) => {
+              const frame = Array.from(
+                document.querySelectorAll('[data-testid="tree-picker-surface-rust-iframe"]'),
+              )
+                .reverse()
+                .find((element) => element instanceof HTMLIFrameElement) ?? null;
+              if (!(frame instanceof HTMLIFrameElement)) {
+                return false;
+              }
+              const rootButton = frame.contentDocument?.querySelector(
+                '.tree-row[data-testid="tree-picker-root"][data-focused="true"]',
+              );
+              const row = frame.contentDocument?.querySelector('.tree-row[data-focused="true"]');
+              const currentKey = rootButton
+                ? "__root__"
+                : row
+                  ? row.getAttribute("data-node-id") || ""
+                  : "";
+              return currentKey !== previousKey;
+            },
+            currentKey,
+            { timeout: UI_TIMEOUT_MS },
+          );
+          await page.waitForFunction(
+            () => {
+              const active = document.activeElement;
+              return active instanceof HTMLInputElement && active.placeholder === "移动到...";
+            },
+            undefined,
+            { timeout: UI_TIMEOUT_MS },
+          );
+        }
+
+        const finalKey = await readFocusedPickerItemKey();
+        if (finalKey !== targetNodeId) {
+          throw new Error(`picker 键盘高亮未落到目标节点：当前=${finalKey || "<empty>"} 目标=${targetNodeId}`);
+        }
+      };
+
+      await moveHighlightTo(fixture.targetId);
+
+      const moveRequest = page.waitForResponse(
+        async (response) => {
+          if (
+            !response.url().includes("/api/tree/commands") ||
+            response.request().method() !== "POST" ||
+            !response.ok()
+          ) {
+            return false;
+          }
+          const payload = response.request().postDataJSON();
+          return payload?.action === "move" && payload?.documentId === fixture.childAId && payload?.parentId === fixture.targetId;
+        },
+        { timeout: UI_TIMEOUT_MS },
+      );
+
+      await searchInput.focus();
+      await page.keyboard.press("Enter");
+      await moveRequest;
+      await dialog.waitFor({ state: "hidden", timeout: UI_TIMEOUT_MS });
+    } finally {
+      await page.unroute("**/api/search/documents").catch(() => undefined);
+    }
+
+    console.log(
+      JSON.stringify(
+        {
+          ok: true,
+          workspaceId: fixture.workspaceId,
+          sourceId: fixture.childAId,
+          targetId: fixture.targetId,
+          searchQuery: keyboardQuery,
+          pickerKeyboardHighlight: true,
+          pickerKeyboardSelect: true,
+        },
+        null,
+        2,
+      ),
+    );
+  } catch (error) {
+    caughtError = error;
+  } finally {
+    if (fixture) {
+      for (const documentId of [...fixture.createdIds].reverse()) {
+        try {
+          await purgeDocument(context.request, documentId);
+        } catch {
+          // 说明：移动后父级与目标级的清理顺序可能变化，这里忽略重复清理错误。
+        }
+      }
+    }
+
+    await page.close().catch(() => undefined);
+    await context.close().catch(() => undefined);
+    await browser.close().catch(() => undefined);
+  }
+
+  if (caughtError) {
+    throw caughtError;
+  }
+}
+
+main().catch((error) => {
+  console.error(error instanceof Error ? error.stack || error.message : String(error));
+  process.exit(1);
+});
diff --git a/scripts/tree-shell-smoke-helpers.js b/scripts/tree-shell-smoke-helpers.js
index 17b633de..756884ea 100644
--- a/scripts/tree-shell-smoke-helpers.js
+++ b/scripts/tree-shell-smoke-helpers.js
@@ -6,6 +6,8 @@ const REQUEST_TIMEOUT_MS = Number(process.env.MNOTE_SMOKE_TIMEOUT_MS || 20_000);
 const UI_TIMEOUT_MS = Number(process.env.MNOTE_SMOKE_UI_TIMEOUT_MS || 30_000);
 const TEST_LOGIN_BUTTON_NAME = "测试账号快速登录";
 const TEST_USERNAME_PREFIX = "测试用户";
+const TEST_EMAIL = "test@example.com";
+const TEST_PASSWORD = "Test123456";
 
 function assert(condition, message) {
   if (!condition) {
@@ -65,15 +67,33 @@ async function requestJson(requestContext, path, init = {}) {
 }
 
 async function createTempDocument(requestContext, parentId = null) {
-  const payload = await requestJson(requestContext, "/api/documents/create", {
+  const payload = await requestJson(requestContext, "/api/tree/commands", {
     method: "POST",
-    data: { parentId },
+    data: {
+      action: "create",
+      parentId,
+    },
   });
-  assert(payload && typeof payload.id === "string", "创建临时页面失败：缺少 id");
-  assert(payload && typeof payload.workspace_id === "string", "创建临时页面失败：缺少 workspace_id");
+  const result = payload && typeof payload.result === "object" ? payload.result : null;
+  const documentId =
+    result && typeof result.documentId === "string"
+      ? result.documentId
+      : payload && typeof payload.id === "string"
+        ? payload.id
+        : "";
+  const workspaceId =
+    result && typeof result.workspaceId === "string"
+      ? result.workspaceId
+      : payload && typeof payload.workspace_id === "string"
+        ? payload.workspace_id
+        : payload && typeof payload.workspaceId === "string"
+          ? payload.workspaceId
+          : "";
+  assert(documentId, "创建临时页面失败：缺少 documentId/id");
+  assert(workspaceId, "创建临时页面失败：缺少 workspaceId/workspace_id");
   return {
-    documentId: payload.id,
-    workspaceId: payload.workspace_id,
+    documentId,
+    workspaceId,
   };
 }
 
@@ -101,6 +121,23 @@ async function getViewerIdentity(requestContext) {
   return payload;
 }
 
+async function tryApiQuickLogin(requestContext) {
+  await requestJson(requestContext, "/api/auth", {
+    method: "POST",
+    data: {
+      action: "auth:signIn",
+      args: {
+        provider: "password",
+        params: {
+          email: TEST_EMAIL,
+          password: TEST_PASSWORD,
+          flow: "signIn",
+        },
+      },
+    },
+  });
+}
+
 async function waitForAuthenticatedRedirect(page, timeout = 8_000) {
   await page.waitForURL((url) => !url.toString().includes("/auth"), {
     timeout,
@@ -110,7 +147,16 @@ async function waitForAuthenticatedRedirect(page, timeout = 8_000) {
 
 async function isVisible(locator) {
   try {
-    return await locator.isVisible();
+    return await locator.evaluateAll((elements) =>
+      elements.some((element) => {
+        if (!(element instanceof HTMLElement)) {
+          return false;
+        }
+        const style = window.getComputedStyle(element);
+        const rect = element.getBoundingClientRect();
+        return style.display !== "none" && style.visibility !== "hidden" && rect.width > 0 && rect.height > 0;
+      }),
+    );
   } catch {
     return false;
   }
@@ -139,11 +185,11 @@ async function registerTestAccountIfNeeded(page) {
   }
 
   await switchButton.click({ timeout: UI_TIMEOUT_MS });
-  await page.locator('input[name="email"]').fill("test@example.com", { timeout: UI_TIMEOUT_MS });
+  await page.locator('input[name="email"]').fill(TEST_EMAIL, { timeout: UI_TIMEOUT_MS });
   await page.locator('input[name="username"]').fill(`${TEST_USERNAME_PREFIX}${Date.now().toString().slice(-6)}`, {
     timeout: UI_TIMEOUT_MS,
   });
-  await page.locator('input[name="password"]').fill("Test123456", { timeout: UI_TIMEOUT_MS });
+  await page.locator('input[name="password"]').fill(TEST_PASSWORD, { timeout: UI_TIMEOUT_MS });
   await page.getByRole("button", { name: "注册" }).click({ timeout: UI_TIMEOUT_MS });
   try {
     await waitForAuthenticatedRedirect(page, UI_TIMEOUT_MS);
@@ -166,21 +212,37 @@ async function waitForViewerIdentity(requestContext, attempts = 6) {
   throw lastError instanceof Error ? lastError : new Error("获取当前用户失败");
 }
 
-async function ensureAuthenticated(page, requestContext) {
+async function ensureAuthenticatedViaUi(page, requestContext) {
   await page.goto(`${BASE_URL}/auth`, { waitUntil: "commit", timeout: UI_TIMEOUT_MS });
 
   if (page.url().includes("/auth")) {
     const quickLoginButton = page.getByRole("button", { name: TEST_LOGIN_BUTTON_NAME });
-    await Promise.race([
-      page.waitForURL((url) => !url.toString().includes("/auth"), {
-        timeout: UI_TIMEOUT_MS,
-        waitUntil: "commit",
-      }),
-      quickLoginButton.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS }),
-    ]);
+    const deadline = Date.now() + UI_TIMEOUT_MS;
+    while (page.url().includes("/auth") && Date.now() < deadline) {
+      if (await isVisible(quickLoginButton)) {
+        break;
+      }
+      await page.waitForTimeout(200);
+    }
     if (!page.url().includes("/auth")) {
       return await waitForViewerIdentity(requestContext);
     }
+    if (!(await isVisible(quickLoginButton))) {
+      await page.reload({ waitUntil: "commit", timeout: UI_TIMEOUT_MS }).catch(() => undefined);
+      const retryDeadline = Date.now() + Math.min(8_000, UI_TIMEOUT_MS);
+      while (page.url().includes("/auth") && Date.now() < retryDeadline) {
+        if (await isVisible(quickLoginButton)) {
+          break;
+        }
+        await page.waitForTimeout(200);
+      }
+    }
+    if (!page.url().includes("/auth")) {
+      return await waitForViewerIdentity(requestContext);
+    }
+    if (!(await isVisible(quickLoginButton))) {
+      throw new Error("认证页未出现测试账号快速登录按钮");
+    }
     await quickLoginButton.click({ timeout: UI_TIMEOUT_MS });
     try {
       await waitForAuthenticatedRedirect(page, UI_TIMEOUT_MS);
@@ -198,6 +260,36 @@ async function ensureAuthenticated(page, requestContext) {
   return await waitForViewerIdentity(requestContext);
 }
 
+async function ensureAuthenticated(page, requestContext) {
+  const existingViewer = await waitForViewerIdentity(requestContext, 1).catch(() => null);
+  if (existingViewer) {
+    return existingViewer;
+  }
+
+  const preferUiAuth = Boolean(process.env.DISPLAY);
+  if (preferUiAuth) {
+    try {
+      return await ensureAuthenticatedViaUi(page, requestContext);
+    } catch {
+      // 说明：有图形环境时优先走真实 UI 登录；如果异常，再回退到 API 登录。
+    }
+  }
+
+  const apiViewer = await (async () => {
+    try {
+      await tryApiQuickLogin(requestContext);
+      return await waitForViewerIdentity(requestContext, 3);
+    } catch {
+      return null;
+    }
+  })();
+  if (apiViewer) {
+    return apiViewer;
+  }
+
+  return await ensureAuthenticatedViaUi(page, requestContext);
+}
+
 async function prepareTempTreeFixture(requestContext) {
   const uniqueSuffix = Date.now().toString();
   const parentTitle = `task-tree-parent-${uniqueSuffix}`;
@@ -228,28 +320,121 @@ async function cleanupDocuments(requestContext, createdIds) {
 
 async function openDocument(page, workspaceId, documentId) {
   const url = `${BASE_URL}/documents/${documentId}?workspaceId=${encodeURIComponent(workspaceId)}`;
-  await page.goto(url, { waitUntil: "commit", timeout: UI_TIMEOUT_MS });
+  const hasSidebarControls = async () => {
+    const groupButton = page.getByRole("button", { name: "分组" });
+    const fileButton = page.getByRole("button", { name: "文件" });
+    return (await isVisible(groupButton)) || (await isVisible(fileButton));
+  };
+
+  const gotoDocument = async () => {
+    try {
+      await page.goto(url, { waitUntil: "commit", timeout: UI_TIMEOUT_MS });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      if (!message.includes("ERR_ABORTED")) {
+        throw error;
+      }
+      await page.waitForTimeout(500);
+      await page.goto(url, { waitUntil: "commit", timeout: UI_TIMEOUT_MS });
+    }
+  };
+
+  await gotoDocument();
+  const firstDeadline = Date.now() + Math.min(UI_TIMEOUT_MS, 10_000);
+  while (Date.now() < firstDeadline) {
+    if (await hasSidebarControls()) {
+      return url;
+    }
+    await page.waitForTimeout(250);
+  }
+
+  await page.reload({ waitUntil: "commit", timeout: UI_TIMEOUT_MS }).catch(() => undefined);
+  const secondDeadline = Date.now() + Math.min(UI_TIMEOUT_MS, 10_000);
+  while (Date.now() < secondDeadline) {
+    if (await hasSidebarControls()) {
+      return url;
+    }
+    await page.waitForTimeout(250);
+  }
+
   return url;
 }
 
 async function openSectionView(page) {
   const button = page.getByRole("button", { name: "分组" });
   await button.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
-  await button.click({ timeout: UI_TIMEOUT_MS });
+  const waitForHost = () =>
+    page.waitForFunction(
+      () => {
+        const pageHost = document.querySelector('[data-testid="sidebar-page-tree-shell"]');
+        return pageHost instanceof HTMLElement && pageHost.getClientRects().length > 0;
+      },
+      undefined,
+      { timeout: UI_TIMEOUT_MS },
+    );
+
+  for (let attempt = 0; attempt < 2; attempt += 1) {
+    await button.click({ timeout: UI_TIMEOUT_MS });
+    try {
+      await waitForHost();
+      return;
+    } catch (error) {
+      if (attempt === 1) {
+        throw error;
+      }
+    }
+  }
 }
 
 async function openFilesystemView(page) {
   const button = page.getByRole("button", { name: "文件" });
   await button.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
-  await button.click({ timeout: UI_TIMEOUT_MS });
+  const waitForHost = () =>
+    page.waitForFunction(
+      () => {
+        const fileHost = document.querySelector('[data-testid="sidebar-file-tree-shell"]');
+        return fileHost instanceof HTMLElement && fileHost.getClientRects().length > 0;
+      },
+      undefined,
+      { timeout: UI_TIMEOUT_MS },
+    );
+
+  for (let attempt = 0; attempt < 2; attempt += 1) {
+    await button.click({ timeout: UI_TIMEOUT_MS });
+    try {
+      await waitForHost();
+      return;
+    } catch (error) {
+      if (attempt === 1) {
+        throw error;
+      }
+    }
+  }
 }
 
 async function ensurePageOptionsVisible(page) {
   const toggle = page.getByRole("button", { name: /显示页面选项|隐藏页面选项/ });
   await toggle.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
-  const label = (await toggle.getAttribute("aria-label")) || "";
+  const readLabel = async () => (await toggle.getAttribute("aria-label")) || "";
+  const waitUntilExpanded = async () => {
+    await page.waitForFunction(
+      () => {
+        const buttons = Array.from(document.querySelectorAll("button"));
+        return buttons.some((button) => (button.getAttribute("aria-label") || "").includes("隐藏页面选项"));
+      },
+      undefined,
+      { timeout: UI_TIMEOUT_MS },
+    );
+  };
+  const label = await readLabel();
   if (label.includes("显示")) {
     await toggle.click({ timeout: UI_TIMEOUT_MS });
+    try {
+      await waitUntilExpanded();
+    } catch {
+      await toggle.click({ timeout: UI_TIMEOUT_MS });
+      await waitUntilExpanded();
+    }
   }
 }
 
diff --git a/wolai-frontend/convex/_utils/documentRecord.ts b/wolai-frontend/convex/_utils/documentRecord.ts
index 08db3702..bc8e25c6 100644
--- a/wolai-frontend/convex/_utils/documentRecord.ts
+++ b/wolai-frontend/convex/_utils/documentRecord.ts
@@ -35,6 +35,32 @@ export function pickCanonicalDocumentRecord<T extends DocumentRecordLike>(record
   return [...records].sort(compareDocumentCanonicalOrder)[0] ?? null;
 }
 
+export function pickCanonicalDocumentRecordsByBusinessId<
+  T extends DocumentRecordLike & { id?: string | null },
+>(records: readonly T[]): T[] {
+  const grouped = new Map<string, T[]>();
+  for (const record of records) {
+    const businessId = String(record.id ?? "").trim();
+    if (!businessId) continue;
+
+    const bucket = grouped.get(businessId);
+    if (bucket) {
+      bucket.push(record);
+    } else {
+      grouped.set(businessId, [record]);
+    }
+  }
+
+  const result: T[] = [];
+  for (const bucket of grouped.values()) {
+    const canonical = pickCanonicalDocumentRecord([...bucket]);
+    if (canonical) {
+      result.push(canonical);
+    }
+  }
+  return result;
+}
+
 export async function getCanonicalDocumentByBusinessId<T extends DocumentRecordLike>(
   ctx: any,
   documentId: string,
diff --git a/wolai-frontend/convex/_utils/documentTree.ts b/wolai-frontend/convex/_utils/documentTree.ts
index c4e14f74..be13b83d 100644
--- a/wolai-frontend/convex/_utils/documentTree.ts
+++ b/wolai-frontend/convex/_utils/documentTree.ts
@@ -3,6 +3,29 @@ export type ParentLinkedRow = {
   parent_id?: string | null;
 };
 
+export function buildParentById<T extends ParentLinkedRow>(rows: readonly T[]): Map<string, string | null> {
+  const map = new Map<string, string | null>();
+  for (const row of rows) {
+    map.set(row.id, row.parent_id ?? null);
+  }
+  return map;
+}
+
+export function isAncestorOf(
+  ancestorId: string,
+  nodeId: string,
+  parentById: Map<string, string | null>,
+): boolean {
+  let current: string | null | undefined = nodeId;
+  while (current) {
+    const parentId = parentById.get(current);
+    if (!parentId) return false;
+    if (parentId === ancestorId) return true;
+    current = parentId;
+  }
+  return false;
+}
+
 /**
  * 收集以 rootId 为根的整棵子树（包含根节点本身）。
  *
@@ -41,4 +64,3 @@ export function collectSubtree<T extends ParentLinkedRow>(rows: readonly T[], ro
 
   return result;
 }
-
diff --git a/wolai-frontend/convex/documents.ts b/wolai-frontend/convex/documents.ts
index e2105ec1..9a08d2d2 100644
--- a/wolai-frontend/convex/documents.ts
+++ b/wolai-frontend/convex/documents.ts
@@ -3,10 +3,14 @@ import { api } from "./_generated/api";
 import { v } from "convex/values";
 import { requireUserId } from "./_utils/auth";
 import { nowIso } from "./_utils/time";
-import { collectSubtree } from "./_utils/documentTree";
+import { buildParentById, collectSubtree, isAncestorOf } from "./_utils/documentTree";
 import { enqueueIngestDocumentJob } from "./_utils/ingestJobs";
 import { extractTextFromDocumentContent } from "./_utils/text";
-import { getCanonicalDocumentByBusinessId, getCanonicalParentDocumentId } from "./_utils/documentRecord";
+import {
+  getCanonicalDocumentByBusinessId,
+  getCanonicalParentDocumentId,
+  pickCanonicalDocumentRecordsByBusinessId,
+} from "./_utils/documentRecord";
 
 const accessScope = v.union(v.literal("private"), v.literal("shared"), v.literal("public"));
 
@@ -1378,8 +1382,35 @@ export const move = mutation({
 
     const doc = await getCanonicalDocumentByBusinessId(ctx, args.id);
     if (!doc) throw new Error("页面不存在");
+    if (doc.deleted_at != null) throw new Error("页面不存在");
     if (doc.user_id !== userId) throw new Error("无权限");
 
+    const toParentId = args.parentId;
+    if (toParentId === doc.id) {
+      throw new Error("不能把页面移动到自身下面");
+    }
+    if (toParentId) {
+      const targetParentDoc = await getCanonicalDocumentByBusinessId<any>(ctx, toParentId);
+      if (!targetParentDoc || targetParentDoc.deleted_at != null || targetParentDoc.user_id !== userId) {
+        throw new Error("目标父页面不存在或无权限");
+      }
+      if (targetParentDoc.workspace_id !== doc.workspace_id) {
+        throw new Error("暂不支持跨工作空间移动页面");
+      }
+
+      const workspaceDocs = await ctx.db
+        .query("documents")
+        .withIndex("by_workspace", (q) => q.eq("workspace_id", doc.workspace_id))
+        .collect();
+      const canonicalWorkspaceDocs = pickCanonicalDocumentRecordsByBusinessId(workspaceDocs)
+        .filter((row) => row.user_id === userId)
+        .filter((row) => row.deleted_at == null);
+      const parentById = buildParentById(canonicalWorkspaceDocs);
+      if (isAncestorOf(doc.id, toParentId, parentById)) {
+        throw new Error("不能把页面移动到自己的后代下面");
+      }
+    }
+
     // 说明：仅更新当前节点的 sort_order 会导致兄弟节点出现重复 sort_order，
     // 前端会按 sort_order + created_at 排序，结果常常表现为“拖拽无效/拖完又回弹”。
     // 这里统一对目标父节点（以及跨父移动时的原父节点）做重新编号，保证 sort_order 唯一且连续。
@@ -1433,7 +1464,6 @@ export const move = mutation({
     };
 
     const fromParentId = (doc.parent_id ?? null) as string | null;
-    const toParentId = args.parentId;
 
     if (fromParentId === toParentId) {
       const siblings = await fetchSiblings(toParentId);
@@ -1441,7 +1471,13 @@ export const move = mutation({
       const position = clampIndex(args.sortOrder, list.length);
       list.splice(position, 0, doc);
       await applyOrder(list, toParentId, doc._id);
-      return { ok: true, updated_at: ts };
+      return {
+        ok: true,
+        parent_id: toParentId,
+        sort_order: position,
+        workspace_id: doc.workspace_id,
+        updated_at: ts,
+      };
     }
 
     // 先重排原父节点，确保移动后原列表连续。
@@ -1454,7 +1490,13 @@ export const move = mutation({
     newSiblings.splice(position, 0, doc);
     await applyOrder(newSiblings, toParentId, doc._id);
 
-    return { ok: true, updated_at: ts };
+    return {
+      ok: true,
+      parent_id: toParentId,
+      sort_order: position,
+      workspace_id: doc.workspace_id,
+      updated_at: ts,
+    };
   },
 });
 
diff --git a/wolai-frontend/src/app/api/documents/copy-tree/route.ts b/wolai-frontend/src/app/api/documents/copy-tree/route.ts
index e2fdff76..16f4fc82 100644
--- a/wolai-frontend/src/app/api/documents/copy-tree/route.ts
+++ b/wolai-frontend/src/app/api/documents/copy-tree/route.ts
@@ -1,23 +1,5 @@
 import { NextResponse } from "next/server";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import { api } from "@/lib/convex/api";
-import { getAuthedConvexClient } from "@/lib/convex/route";
-import {
-  assertDocumentId,
-  buildDocumentBridgeContext,
-  buildDocumentCommandEnvelope,
-  documentBridgeErrorResponse,
-} from "@/lib/documents/bridge";
-import {
-  executePageLifecycleBridgeCommand,
-  type DocumentCopyTreePayload,
-} from "@/lib/documents/page-command-adapter";
-import {
-  copyMindmapFilesIfExists,
-  ensureDocumentScaffold,
-} from "@/lib/documents/page-lifecycle-side-effects";
-
-export const dynamic = "force-dynamic";
 
 type CopyTreeItem = {
   documentId: string;
@@ -25,102 +7,88 @@ type CopyTreeItem = {
 };
 
 type CopyTreePayload = {
-  items: CopyTreeItem[];
-  targetParentId: string | null;
+  items?: CopyTreeItem[] | null;
+  targetParentId?: string | null;
 };
 
+type TreeCopyResponse = {
+  requestId?: string;
+  traceId?: string;
+  result?: {
+    items?: Array<{
+      oldId: string;
+      newId: string;
+    }>;
+  } | null;
+};
+
+export const dynamic = "force-dynamic";
+
 export async function POST(request: Request) {
-  if (isConvexEnabled()) {
-    try {
-      const { client } = await getAuthedConvexClient();
-      const payload = (await request.json()) as CopyTreePayload;
-      const normalizedItems = (payload.items ?? [])
-        .filter((item) => item?.documentId)
-        .map((item) => ({
-          documentId: assertDocumentId(item.documentId),
-          recursive: Boolean(item.recursive),
-        }));
-
-      if (normalizedItems.length === 0) {
-        return NextResponse.json({ error: "items 为空" }, { status: 400 });
-      }
-
-      const normalizedTargetParentId = payload.targetParentId?.trim() || null;
-      let workspaceId: string | null = null;
-
-      if (normalizedTargetParentId) {
-        const targetDoc = await client.query(api.documents.getMeta, { id: normalizedTargetParentId });
-        if (!targetDoc) {
-          return NextResponse.json({ error: "目标页面不存在或无权限" }, { status: 404 });
-        }
-        workspaceId = targetDoc.workspace_id?.trim() || null;
-      } else {
-        const firstDoc = await client.query(api.documents.getMeta, { id: normalizedItems[0].documentId });
-        if (!firstDoc) {
-          return NextResponse.json({ error: "源页面不存在或无权限" }, { status: 404 });
-        }
-        workspaceId = firstDoc.workspace_id?.trim() || null;
-      }
-
-      if (!workspaceId) {
-        return NextResponse.json({ error: "缺少目标工作空间" }, { status: 400 });
-      }
-
-      const bridgeContext = await buildDocumentBridgeContext({
-        request,
-        workspaceId,
-      });
-      const result = await executePageLifecycleBridgeCommand<
-        DocumentCopyTreePayload,
-        {
-          items: Array<{
-            oldId: string;
-            newId: string;
-            title?: string | null;
-          }>;
-        }
-      >({
-        context: bridgeContext,
-        envelope: buildDocumentCommandEnvelope({
-          name: "documents.copy_tree",
-          payload: {
-            workspaceId,
-            targetParentId: normalizedTargetParentId,
-            items: normalizedItems,
-          },
-          context: bridgeContext,
-          target: {
-            workspaceId,
-            pageId: normalizedTargetParentId,
-          },
-        }),
-      });
-
-      await Promise.all(
-        result.result.items.map(async (item) => {
-          await ensureDocumentScaffold(item.newId, item.title ?? "无标题");
-          await copyMindmapFilesIfExists(item.oldId, item.newId);
-        }),
-      );
-
-      return NextResponse.json({
-        items: result.result.items.map((item) => ({
-          oldId: item.oldId,
-          newId: item.newId,
-        })),
-        meta: {
-          requestId: result.requestId,
-          traceId: result.traceId,
-          commandId: result.commandId,
-          commandName: result.commandName,
-        },
-      });
-    } catch (error) {
-      return documentBridgeErrorResponse(error);
-    }
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
   }
 
-  return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  try {
+    const payload = (await request.json()) as CopyTreePayload;
+    const normalizedItems = (payload.items ?? [])
+      .filter((item) => item?.documentId)
+      .map((item) => ({
+        documentId: item.documentId.trim(),
+        recursive: Boolean(item.recursive),
+      }))
+      .filter((item) => item.documentId.length > 0);
+
+    if (normalizedItems.length === 0) {
+      return NextResponse.json({ error: "items 为空" }, { status: 400 });
+    }
+
+    const upstreamUrl = new URL("/api/tree/commands", request.url);
+    const response = await fetch(upstreamUrl.toString(), {
+      method: "POST",
+      headers: new Headers({
+        "content-type": "application/json",
+      }),
+      body: JSON.stringify({
+        action: "copy",
+        targetParentId:
+          typeof payload.targetParentId === "string" ? payload.targetParentId.trim() || null : null,
+        items: normalizedItems,
+      }),
+    });
+
+    const result = (await response.json().catch(() => null)) as
+      | TreeCopyResponse
+      | { error?: string }
+      | null;
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          error:
+            result && typeof result === "object" && "error" in result && typeof result.error === "string"
+              ? result.error
+              : "复制页面失败，请稍后再试",
+        },
+        { status: response.status },
+      );
+    }
+
+    return NextResponse.json({
+      items: result?.result?.items ?? [],
+      meta: {
+        requestId: result?.requestId,
+        traceId: result?.traceId,
+        commandName: "tree.subtree.copy",
+      },
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        error: error instanceof Error ? error.message : "复制页面失败，请稍后再试",
+      },
+      { status: 500 },
+    );
+  }
 }
 
 export const runtime = "nodejs";
diff --git a/wolai-frontend/src/app/api/documents/delete/route.ts b/wolai-frontend/src/app/api/documents/delete/route.ts
index fa48d321..5582795c 100644
--- a/wolai-frontend/src/app/api/documents/delete/route.ts
+++ b/wolai-frontend/src/app/api/documents/delete/route.ts
@@ -1,59 +1,75 @@
 import { NextResponse } from "next/server";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import {
-  assertDocumentId,
-  buildDocumentBridgeContext,
-  buildDocumentCommandEnvelope,
-  documentBridgeErrorResponse,
-} from "@/lib/documents/bridge";
-import {
-  executePageLifecycleBridgeCommand,
-  type DocumentDeletePayload,
-} from "@/lib/documents/page-command-adapter";
+
+type TreeArchiveResponse = {
+  requestId?: string;
+  traceId?: string;
+};
+
+type DeletePayload = {
+  documentId?: string | null;
+  workspaceId?: string | null;
+};
 
 export const dynamic = "force-dynamic";
 
 export async function POST(request: Request) {
-  if (isConvexEnabled()) {
-    try {
-      const body = (await request.json()) as { documentId?: string; workspaceId?: string | null };
-      const normalizedDocumentId = assertDocumentId(body.documentId);
-      const normalizedWorkspaceId = body.workspaceId?.trim() || null;
-      const bridgeContext = await buildDocumentBridgeContext({
-        request,
-        workspaceId: normalizedWorkspaceId,
-      });
-      const result = await executePageLifecycleBridgeCommand<DocumentDeletePayload, { ok: boolean }>({
-        context: bridgeContext,
-        envelope: buildDocumentCommandEnvelope({
-          name: "documents.delete",
-          payload: {
-            documentId: normalizedDocumentId,
-            workspaceId: normalizedWorkspaceId,
-          },
-          context: bridgeContext,
-          target: {
-            workspaceId: normalizedWorkspaceId,
-            pageId: normalizedDocumentId,
-          },
-        }),
-      });
-
-      return NextResponse.json({
-        success: true,
-        meta: {
-          requestId: result.requestId,
-          traceId: result.traceId,
-          commandId: result.commandId,
-          commandName: result.commandName,
-        },
-      });
-    } catch (error) {
-      return documentBridgeErrorResponse(error);
-    }
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
   }
 
-  return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  try {
+    const { documentId, workspaceId }: DeletePayload = await request.json();
+    const normalizedDocumentId = typeof documentId === "string" ? documentId.trim() : "";
+    if (!normalizedDocumentId) {
+      return NextResponse.json({ error: "缺少 documentId" }, { status: 400 });
+    }
+
+    const upstreamUrl = new URL("/api/tree/commands", request.url);
+    const response = await fetch(upstreamUrl.toString(), {
+      method: "POST",
+      headers: new Headers({
+        "content-type": "application/json",
+      }),
+      body: JSON.stringify({
+        action: "archive",
+        documentId: normalizedDocumentId,
+        workspaceId: typeof workspaceId === "string" ? workspaceId.trim() || null : null,
+      }),
+    });
+
+    const payload = (await response.json().catch(() => null)) as
+      | TreeArchiveResponse
+      | { error?: string }
+      | null;
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          error:
+            payload && typeof payload === "object" && "error" in payload && typeof payload.error === "string"
+              ? payload.error
+              : "删除失败，请稍后再试",
+        },
+        { status: response.status },
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      meta: {
+        requestId: payload?.requestId,
+        traceId: payload?.traceId,
+        commandName: "tree.node.archive",
+      },
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        error: error instanceof Error ? error.message : "删除失败，请稍后再试",
+      },
+      { status: 500 },
+    );
+  }
 }
 
 export const runtime = "nodejs";
diff --git a/wolai-frontend/src/app/api/documents/embed/route.ts b/wolai-frontend/src/app/api/documents/embed/route.ts
index 6ae20065..2feca9a1 100644
--- a/wolai-frontend/src/app/api/documents/embed/route.ts
+++ b/wolai-frontend/src/app/api/documents/embed/route.ts
@@ -1,11 +1,74 @@
 import { NextResponse } from "next/server";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import { executeDocumentEmbedBridgeCommand } from "@/lib/documents/page-command-adapter";
+
+type TreeEmbedResponse = {
+  requestId?: string;
+  traceId?: string;
+};
+
+type EmbedPayload = {
+  sourceId?: string | null;
+  targetId?: string | null;
+};
 
 export async function POST(request: Request) {
-  if (isConvexEnabled()) {
-    return executeDocumentEmbedBridgeCommand(request);
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
   }
 
-  return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  try {
+    const { sourceId, targetId }: EmbedPayload = await request.json();
+    const normalizedSourceId = typeof sourceId === "string" ? sourceId.trim() : "";
+    const normalizedTargetId = typeof targetId === "string" ? targetId.trim() : "";
+    if (!normalizedSourceId || !normalizedTargetId) {
+      return NextResponse.json({ error: "缺少 sourceId 或 targetId" }, { status: 400 });
+    }
+
+    const upstreamUrl = new URL("/api/tree/commands", request.url);
+    const response = await fetch(upstreamUrl.toString(), {
+      method: "POST",
+      headers: new Headers({
+        "content-type": "application/json",
+      }),
+      body: JSON.stringify({
+        action: "embed",
+        sourceId: normalizedSourceId,
+        targetId: normalizedTargetId,
+      }),
+    });
+
+    const payload = (await response.json().catch(() => null)) as
+      | TreeEmbedResponse
+      | { error?: string }
+      | null;
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          error:
+            payload && typeof payload === "object" && "error" in payload && typeof payload.error === "string"
+              ? payload.error
+              : "嵌入失败，请稍后再试",
+        },
+        { status: response.status },
+      );
+    }
+
+    return NextResponse.json({
+      ok: true,
+      meta: {
+        requestId: payload?.requestId,
+        traceId: payload?.traceId,
+        commandName: "tree.node.embed",
+      },
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        error: error instanceof Error ? error.message : "嵌入失败，请稍后再试",
+      },
+      { status: 500 },
+    );
+  }
 }
+
+export const runtime = "nodejs";
diff --git a/wolai-frontend/src/app/api/documents/purge/route.ts b/wolai-frontend/src/app/api/documents/purge/route.ts
index 87998e5b..0370e004 100644
--- a/wolai-frontend/src/app/api/documents/purge/route.ts
+++ b/wolai-frontend/src/app/api/documents/purge/route.ts
@@ -1,13 +1,77 @@
 import { NextResponse } from "next/server";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import { executeDocumentPurgeBridgeCommand } from "@/lib/documents/page-command-adapter";
+
+type TreePurgeResponse = {
+  requestId?: string;
+  traceId?: string;
+  result?: {
+    purged?: boolean;
+  } | null;
+};
+
+type PurgePayload = {
+  documentId?: string | null;
+};
 
 export const dynamic = "force-dynamic";
 
 export async function POST(request: Request) {
-  if (isConvexEnabled()) {
-    return executeDocumentPurgeBridgeCommand(request);
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
   }
 
-  return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  try {
+    const { documentId }: PurgePayload = await request.json();
+    const normalizedDocumentId = typeof documentId === "string" ? documentId.trim() : "";
+    if (!normalizedDocumentId) {
+      return NextResponse.json({ error: "缺少 documentId" }, { status: 400 });
+    }
+
+    const upstreamUrl = new URL("/api/tree/commands", request.url);
+    const response = await fetch(upstreamUrl.toString(), {
+      method: "POST",
+      headers: new Headers({
+        "content-type": "application/json",
+      }),
+      body: JSON.stringify({
+        action: "purge",
+        documentId: normalizedDocumentId,
+      }),
+    });
+
+    const payload = (await response.json().catch(() => null)) as
+      | TreePurgeResponse
+      | { error?: string }
+      | null;
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          error:
+            payload && typeof payload === "object" && "error" in payload && typeof payload.error === "string"
+              ? payload.error
+              : "彻底删除失败，请稍后再试",
+        },
+        { status: response.status },
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      purged: payload?.result?.purged ?? true,
+      meta: {
+        requestId: payload?.requestId,
+        traceId: payload?.traceId,
+        commandName: "tree.node.purge",
+      },
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        error: error instanceof Error ? error.message : "彻底删除失败，请稍后再试",
+      },
+      { status: 500 },
+    );
+  }
 }
+
+export const runtime = "nodejs";
diff --git a/wolai-frontend/src/app/api/documents/restore/route.ts b/wolai-frontend/src/app/api/documents/restore/route.ts
index e75d498b..6d364691 100644
--- a/wolai-frontend/src/app/api/documents/restore/route.ts
+++ b/wolai-frontend/src/app/api/documents/restore/route.ts
@@ -1,59 +1,75 @@
 import { NextResponse } from "next/server";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import {
-  assertDocumentId,
-  buildDocumentBridgeContext,
-  buildDocumentCommandEnvelope,
-  documentBridgeErrorResponse,
-} from "@/lib/documents/bridge";
-import {
-  executePageLifecycleBridgeCommand,
-  type DocumentRestorePayload,
-} from "@/lib/documents/page-command-adapter";
+
+type TreeRestoreResponse = {
+  requestId?: string;
+  traceId?: string;
+};
+
+type RestorePayload = {
+  documentId?: string | null;
+  workspaceId?: string | null;
+};
 
 export const dynamic = "force-dynamic";
 
 export async function POST(request: Request) {
-  if (isConvexEnabled()) {
-    try {
-      const body = (await request.json()) as { documentId?: string; workspaceId?: string | null };
-      const normalizedDocumentId = assertDocumentId(body.documentId);
-      const normalizedWorkspaceId = body.workspaceId?.trim() || null;
-      const bridgeContext = await buildDocumentBridgeContext({
-        request,
-        workspaceId: normalizedWorkspaceId,
-      });
-      const result = await executePageLifecycleBridgeCommand<DocumentRestorePayload, { ok: boolean }>({
-        context: bridgeContext,
-        envelope: buildDocumentCommandEnvelope({
-          name: "documents.restore",
-          payload: {
-            documentId: normalizedDocumentId,
-            workspaceId: normalizedWorkspaceId,
-          },
-          context: bridgeContext,
-          target: {
-            workspaceId: normalizedWorkspaceId,
-            pageId: normalizedDocumentId,
-          },
-        }),
-      });
-
-      return NextResponse.json({
-        success: true,
-        meta: {
-          requestId: result.requestId,
-          traceId: result.traceId,
-          commandId: result.commandId,
-          commandName: result.commandName,
-        },
-      });
-    } catch (error) {
-      return documentBridgeErrorResponse(error);
-    }
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
   }
 
-  return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  try {
+    const { documentId, workspaceId }: RestorePayload = await request.json();
+    const normalizedDocumentId = typeof documentId === "string" ? documentId.trim() : "";
+    if (!normalizedDocumentId) {
+      return NextResponse.json({ error: "缺少 documentId" }, { status: 400 });
+    }
+
+    const upstreamUrl = new URL("/api/tree/commands", request.url);
+    const response = await fetch(upstreamUrl.toString(), {
+      method: "POST",
+      headers: new Headers({
+        "content-type": "application/json",
+      }),
+      body: JSON.stringify({
+        action: "restore",
+        documentId: normalizedDocumentId,
+        workspaceId: typeof workspaceId === "string" ? workspaceId.trim() || null : null,
+      }),
+    });
+
+    const payload = (await response.json().catch(() => null)) as
+      | TreeRestoreResponse
+      | { error?: string }
+      | null;
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          error:
+            payload && typeof payload === "object" && "error" in payload && typeof payload.error === "string"
+              ? payload.error
+              : "恢复失败，请稍后再试",
+        },
+        { status: response.status },
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      meta: {
+        requestId: payload?.requestId,
+        traceId: payload?.traceId,
+        commandName: "tree.node.restore",
+      },
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        error: error instanceof Error ? error.message : "恢复失败，请稍后再试",
+      },
+      { status: 500 },
+    );
+  }
 }
 
 export const runtime = "nodejs";
diff --git a/wolai-frontend/src/app/api/documents/route-adapters.test.ts b/wolai-frontend/src/app/api/documents/route-adapters.test.ts
index f28ed48f..d4f8680d 100644
--- a/wolai-frontend/src/app/api/documents/route-adapters.test.ts
+++ b/wolai-frontend/src/app/api/documents/route-adapters.test.ts
@@ -72,22 +72,23 @@ vi.mock("@/lib/documents/page-aggregate-loader", () => ({
 }));
 
 import { POST as postCreateChild } from "@/app/api/documents/create-child/route";
+import { POST as postDelete } from "@/app/api/documents/delete/route";
 import { POST as postEmbed } from "@/app/api/documents/embed/route";
 import { POST as postTemplate } from "@/app/api/documents/template/route";
 import { POST as postEmptyTrash } from "@/app/api/documents/empty-trash/route";
 import { POST as postPurge } from "@/app/api/documents/purge/route";
+import { POST as postRestore } from "@/app/api/documents/restore/route";
 import { POST as postTitle } from "@/app/api/documents/title/route";
 import { POST as postOptions } from "@/app/api/documents/options/route";
 import { POST as postSave } from "@/app/api/documents/save/route";
+import { POST as postCopyTree } from "@/app/api/documents/copy-tree/route";
 import { POST as postCreate } from "@/app/api/documents/create/route";
 import { POST as postMove } from "@/app/api/documents/move/route";
 import { GET as getPage } from "@/app/api/documents/page/route";
 import {
   executeDocumentCreateChildBridgeCommand,
-  executeDocumentEmbedBridgeCommand,
   executeDocumentTemplateBridgeCommand,
   executeDocumentEmptyTrashBridgeCommand,
-  executeDocumentPurgeBridgeCommand,
 } from "@/lib/documents/page-command-adapter";
 import { executePageWriteBridgeCommand } from "@/lib/documents/page-write-command-adapter";
 import { loadPageAggregate } from "@/lib/documents/page-aggregate-loader";
@@ -246,12 +247,115 @@ describe("documents route adapters", () => {
     expect(executeDocumentCreateChildBridgeCommand).toHaveBeenCalled();
   });
 
-  it("embed route delegates to unified adapter", async () => {
-    await postEmbed(new Request("http://localhost/api/documents/embed", {
+  it("delete route 作为 compat 壳委托 tree commands 主路径", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          requestId: "req_tree_archive_1",
+          traceId: "trace_tree_archive_1",
+        }),
+        { status: 200, headers: { "content-type": "application/json" } },
+      ),
+    );
+
+    const response = await postDelete(new Request("http://localhost/api/documents/delete", {
       method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ documentId: "doc_1", workspaceId: "ws_1" }),
+    }));
+    const payload = await response.json() as {
+      success: boolean;
+      meta: { commandName: string };
+    };
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "http://localhost/api/tree/commands",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.any(Headers),
+        body: JSON.stringify({
+          action: "archive",
+          documentId: "doc_1",
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+    expect(payload.success).toBe(true);
+    expect(payload.meta.commandName).toBe("tree.node.archive");
+  });
+
+  it("restore route 作为 compat 壳委托 tree commands 主路径", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          requestId: "req_tree_restore_1",
+          traceId: "trace_tree_restore_1",
+        }),
+        { status: 200, headers: { "content-type": "application/json" } },
+      ),
+    );
+
+    const response = await postRestore(new Request("http://localhost/api/documents/restore", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ documentId: "doc_1", workspaceId: "ws_1" }),
+    }));
+    const payload = await response.json() as {
+      success: boolean;
+      meta: { commandName: string };
+    };
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "http://localhost/api/tree/commands",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.any(Headers),
+        body: JSON.stringify({
+          action: "restore",
+          documentId: "doc_1",
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+    expect(payload.success).toBe(true);
+    expect(payload.meta.commandName).toBe("tree.node.restore");
+  });
+
+  it("embed route 作为 compat 壳委托 tree commands 主路径", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          requestId: "req_tree_embed_1",
+          traceId: "trace_tree_embed_1",
+        }),
+        { status: 200, headers: { "content-type": "application/json" } },
+      ),
+    );
+
+    const response = await postEmbed(new Request("http://localhost/api/documents/embed", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
       body: JSON.stringify({ sourceId: "doc_1", targetId: "doc_2" }),
     }));
-    expect(executeDocumentEmbedBridgeCommand).toHaveBeenCalled();
+    const payload = await response.json() as {
+      ok: boolean;
+      meta: { commandName: string };
+    };
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "http://localhost/api/tree/commands",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.any(Headers),
+        body: JSON.stringify({
+          action: "embed",
+          sourceId: "doc_1",
+          targetId: "doc_2",
+        }),
+      }),
+    );
+    expect(payload.ok).toBe(true);
+    expect(payload.meta.commandName).toBe("tree.node.embed");
   });
 
   it("template route delegates to unified adapter", async () => {
@@ -270,12 +374,85 @@ describe("documents route adapters", () => {
     expect(executeDocumentEmptyTrashBridgeCommand).toHaveBeenCalled();
   });
 
-  it("purge route delegates to unified adapter", async () => {
-    await postPurge(new Request("http://localhost/api/documents/purge", {
+  it("purge route 作为 compat 壳委托 tree commands 主路径", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          requestId: "req_tree_purge_1",
+          traceId: "trace_tree_purge_1",
+          result: {
+            purged: true,
+          },
+        }),
+        { status: 200, headers: { "content-type": "application/json" } },
+      ),
+    );
+
+    const response = await postPurge(new Request("http://localhost/api/documents/purge", {
       method: "POST",
+      headers: { "content-type": "application/json" },
       body: JSON.stringify({ documentId: "doc_1" }),
     }));
-    expect(executeDocumentPurgeBridgeCommand).toHaveBeenCalled();
+    const payload = await response.json() as {
+      success: boolean;
+      purged: boolean;
+      meta: { commandName: string };
+    };
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "http://localhost/api/tree/commands",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.any(Headers),
+        body: JSON.stringify({
+          action: "purge",
+          documentId: "doc_1",
+        }),
+      }),
+    );
+    expect(payload.success).toBe(true);
+    expect(payload.purged).toBe(true);
+    expect(payload.meta.commandName).toBe("tree.node.purge");
+  });
+
+  it("copy-tree route 作为 compat 壳委托 tree commands 主路径", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          requestId: "req_tree_copy_1",
+          traceId: "trace_tree_copy_1",
+          result: {
+            items: [{ oldId: "doc_1", newId: "doc_2" }],
+          },
+        }),
+        { status: 200, headers: { "content-type": "application/json" } },
+      ),
+    );
+
+    const response = await postCopyTree(new Request("http://localhost/api/documents/copy-tree", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ targetParentId: null, items: [{ documentId: "doc_1", recursive: true }] }),
+    }));
+    const payload = await response.json() as {
+      items: Array<{ oldId: string; newId: string }>;
+      meta: { commandName: string };
+    };
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "http://localhost/api/tree/commands",
+      expect.objectContaining({
+        method: "POST",
+        headers: expect.any(Headers),
+        body: JSON.stringify({
+          action: "copy",
+          targetParentId: null,
+          items: [{ documentId: "doc_1", recursive: true }],
+        }),
+      }),
+    );
+    expect(payload.items).toEqual([{ oldId: "doc_1", newId: "doc_2" }]);
+    expect(payload.meta.commandName).toBe("tree.subtree.copy");
   });
 
   it("page route delegates to unified aggregate loader", async () => {
diff --git a/wolai-frontend/src/app/api/mnote-web/stream/route.test.ts b/wolai-frontend/src/app/api/mnote-web/stream/route.test.ts
index d0729b47..4d0fe07c 100644
--- a/wolai-frontend/src/app/api/mnote-web/stream/route.test.ts
+++ b/wolai-frontend/src/app/api/mnote-web/stream/route.test.ts
@@ -1,201 +1,100 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
+const mockIsConvexEnabled = vi.fn();
 const mockGetAuthedConvexClient = vi.fn();
-const mockBuildDocumentBridgeContext = vi.fn();
+const mockBuildDocumentBridgeContextWithActor = vi.fn();
 const mockBuildDocumentQueryEnvelope = vi.fn();
+const mockExecuteRustBridgeQuery = vi.fn();
 const mockExecuteRustBridgeQueryTransport = vi.fn();
 const mockResolveRustBridgeQueryPlan = vi.fn();
 const mockResolveKernelFileTreeProjection = vi.fn();
-const mockAttachKernelFileTreeProjection = vi.fn((input: { dataset: unknown; projection: unknown }) => ({
-  ...(input.dataset as Record<string, unknown>),
-  kernel_file_tree_projection: input.projection,
+const mockStreamTreeFrames = vi.fn();
+
+vi.mock("@/lib/convex/enabled", () => ({
+  isConvexEnabled: () => mockIsConvexEnabled(),
 }));
-const mockDocumentBridgeErrorResponse = vi.fn((error: unknown) =>
-  Response.json(
-    {
-      error: error instanceof Error ? error.message : String(error),
-    },
-    { status: 500 },
-  ),
-);
 
 vi.mock("@/lib/convex/route", () => ({
-  getAuthedConvexClient: mockGetAuthedConvexClient,
+  getAuthedConvexClient: () => mockGetAuthedConvexClient(),
+}));
+
+vi.mock("@/lib/convex/api", () => ({
+  api: {},
 }));
 
 vi.mock("@/lib/documents/bridge", () => ({
-  buildDocumentBridgeContext: mockBuildDocumentBridgeContext,
-  buildDocumentQueryEnvelope: mockBuildDocumentQueryEnvelope,
-  documentBridgeErrorResponse: mockDocumentBridgeErrorResponse,
+  buildDocumentBridgeContextWithActor: (...args: unknown[]) =>
+    mockBuildDocumentBridgeContextWithActor(...args),
+  buildDocumentQueryEnvelope: (...args: unknown[]) => mockBuildDocumentQueryEnvelope(...args),
 }));
 
 vi.mock("@/lib/documents/rust-runtime", () => ({
-  executeRustBridgeQueryTransport: mockExecuteRustBridgeQueryTransport,
-  resolveRustBridgeQueryPlan: mockResolveRustBridgeQueryPlan,
+  executeRustBridgeQuery: (...args: unknown[]) => mockExecuteRustBridgeQuery(...args),
+  executeRustBridgeQueryTransport: (...args: unknown[]) => mockExecuteRustBridgeQueryTransport(...args),
+  resolveRustBridgeQueryPlan: (...args: unknown[]) => mockResolveRustBridgeQueryPlan(...args),
 }));
 
-vi.mock("@/lib/server/kernel-file-tree", () => ({
-  resolveKernelFileTreeProjection: (...args: unknown[]) => mockResolveKernelFileTreeProjection(...args),
-  attachKernelFileTreeProjection: (...args: unknown[]) => mockAttachKernelFileTreeProjection(...args),
+vi.mock("@/lib/server/kernel-file-tree", async () => {
+  const actual = await vi.importActual<typeof import("@/lib/server/kernel-file-tree")>(
+    "@/lib/server/kernel-file-tree",
+  );
+  return {
+    ...actual,
+    resolveKernelFileTreeProjection: (...args: unknown[]) =>
+      mockResolveKernelFileTreeProjection(...args),
+  };
+});
+
+vi.mock("@/lib/tree-stream/server", () => ({
+  streamTreeFrames: (...args: unknown[]) => mockStreamTreeFrames(...args),
 }));
 
+async function* makeFrames() {
+  yield {
+    event: "snapshot",
+    payload: {
+      kind: "snapshot",
+      stream: "workspace",
+      workspaceId: "ws_1",
+      rootNodeId: null,
+      cursor: "cursor_1",
+      projection: "sidebar_tree",
+      requestId: "req_1",
+      traceId: "trace_1",
+      data: { activeWorkspaceId: "ws_1", documents: [] },
+      snapshot: { dataset: { active_workspace_id: "ws_1", documents: [] } },
+      overview: { command_logs: [], domain_events: [] },
+    },
+  };
+}
+
 describe("/api/mnote-web/stream route", () => {
   beforeEach(() => {
-    mockGetAuthedConvexClient.mockReset();
-    mockBuildDocumentBridgeContext.mockReset();
-    mockBuildDocumentQueryEnvelope.mockReset();
-    mockExecuteRustBridgeQueryTransport.mockReset();
-    mockResolveRustBridgeQueryPlan.mockReset();
-    mockResolveKernelFileTreeProjection.mockReset();
-    mockAttachKernelFileTreeProjection.mockClear();
-    mockDocumentBridgeErrorResponse.mockClear();
-  });
-
-  it("直接在 3000 内生成 snapshot SSE，不再回源 mnote-web", async () => {
-    mockGetAuthedConvexClient.mockResolvedValue({
-      auth: {
-        userId: "user_1",
-        email: "dev@example.com",
-        name: "开发用户",
-      },
-      client: { query: vi.fn() },
+    vi.resetModules();
+    mockIsConvexEnabled.mockReset().mockReturnValue(true);
+    mockGetAuthedConvexClient.mockReset().mockResolvedValue({
+      auth: { userId: "user_1" },
+      client: { query: vi.fn(), mutation: vi.fn() },
     });
-    mockBuildDocumentBridgeContext.mockResolvedValue({
-      requestId: "req_stream_1",
-      traceId: "trace_stream_1",
-      workspaceId: "ws_1",
+    mockBuildDocumentBridgeContextWithActor.mockReset().mockReturnValue({
+      requestId: "req_1",
+      traceId: "trace_1",
+      actor: { actorType: "user", actorId: "user_1", sessionId: null },
     });
-    mockBuildDocumentQueryEnvelope
-      .mockReturnValueOnce({
-        name: "sidebar.dataset.list",
-        payload: { workspaceId: "ws_1" },
-      })
-      .mockReturnValueOnce({
-        name: "bridge.workspace.overview",
-        payload: {
-          workspaceId: "ws_1",
-          limit: 20,
-          cursor: null,
-          commandStatus: null,
-          eventStatus: null,
-          targetPageId: null,
-          targetBlockId: null,
-          aggregateType: null,
-          aggregateId: null,
-        },
-      });
-    mockResolveRustBridgeQueryPlan
-      .mockResolvedValueOnce({ kind: "query", functionName: "sidebar:datasetList", argsJson: { workspaceId: "ws_1" } })
-      .mockResolvedValueOnce({ kind: "query", functionName: "bridgeLogs:listWorkspaceOverview", argsJson: { workspaceId: "ws_1" } });
-    mockExecuteRustBridgeQueryTransport
-      .mockResolvedValueOnce({
-        active_workspace_id: "ws_1",
-        workspaces: [],
-        documents: [
-          {
-            id: "page_root",
-            workspace_id: "ws_1",
-            title: "工作区首页",
-            parent_id: null,
-            sort_order: 0,
-            is_starred: true,
-            is_template: false,
-            created_at: "2026-04-22T00:00:00Z",
-            updated_at: "2026-04-22T00:00:00Z",
-          },
-        ],
-        trashed_documents: [],
-        media_assets: [],
-        trashed_media_assets: [],
-        mindmap_assets: [],
-        trashed_mindmap_assets: [],
-        table_assets: [],
-        trashed_table_assets: [],
-        mindmap_docs: [],
-        mindmap_asset_children: {},
-      })
-      .mockResolvedValueOnce({
-        workspace_id: "ws_1",
-        command_logs: [],
-        domain_events: [],
-        counts: { command_logs: 0, domain_events: 0 },
-        filters: null,
-        next_cursor: null,
-        has_more: false,
-        generated_at: "2026-04-22T00:00:00Z",
-      });
-    mockResolveKernelFileTreeProjection.mockResolvedValue({
-      projectionId: "kernel_projection:file_tree:root",
-      projection: "file_tree",
-      rootNodeId: null,
-      items: [],
-      edges: [],
+    mockBuildDocumentQueryEnvelope.mockReset().mockImplementation((input) => input);
+    mockResolveRustBridgeQueryPlan.mockReset().mockResolvedValue({
+      argsJson: { workspaceId: "ws_1" },
+      functionName: "bridgeLogs:listWorkspaceOverview",
     });
-
-    const { GET } = await import("./route");
-    const response = await GET(
-      new Request("http://127.0.0.1:3000/api/mnote-web/stream?workspaceId=ws_1", {
-        method: "GET",
-        headers: { cookie: "a=1" },
-      }),
-    );
-
-    expect(response.status).toBe(200);
-    expect(response.headers.get("content-type")).toContain("text/event-stream");
-    const text = await response.text();
-    expect(text).toContain("event: snapshot");
-    expect(text).toContain('"kind":"snapshot"');
-    expect(text).toContain('"projection":"sidebar_tree"');
-    expect(text).toContain('"workspaceId":"ws_1"');
-    expect(text).toContain('"activeWorkspaceId":"ws_1"');
-    expect(text).toContain('"kernelFileTreeProjection"');
-    expect(mockResolveRustBridgeQueryPlan).toHaveBeenCalledTimes(2);
-    expect(mockExecuteRustBridgeQueryTransport).toHaveBeenCalledTimes(2);
-    expect(mockResolveKernelFileTreeProjection).toHaveBeenCalledTimes(1);
-  });
-
-  it("应把请求 cursor 继续透传到 overview query 和 snapshot envelope", async () => {
-    mockGetAuthedConvexClient.mockResolvedValue({
-      auth: {
-        userId: "user_1",
-        email: "dev@example.com",
-        name: "开发用户",
-      },
-      client: { query: vi.fn() },
-    });
-    mockBuildDocumentBridgeContext.mockResolvedValue({
-      requestId: "req_stream_2",
-      traceId: "trace_stream_2",
-      workspaceId: "ws_1",
-    });
-    mockBuildDocumentQueryEnvelope
-      .mockReturnValueOnce({
-        name: "sidebar.dataset.list",
-        payload: { workspaceId: "ws_1" },
-      })
-      .mockReturnValueOnce({
-        name: "bridge.workspace.overview",
-        payload: {
-          workspaceId: "ws_1",
-          limit: 20,
-          cursor: "evt_9",
-          commandStatus: null,
-          eventStatus: null,
-          targetPageId: null,
-          targetBlockId: null,
-          aggregateType: null,
-          aggregateId: null,
-        },
-      });
-    mockResolveRustBridgeQueryPlan
-      .mockResolvedValueOnce({ kind: "query", functionName: "sidebar:datasetList", argsJson: { workspaceId: "ws_1" } })
-      .mockResolvedValueOnce({
-        kind: "query",
-        functionName: "bridgeLogs:listWorkspaceOverview",
-        argsJson: { workspaceId: "ws_1", cursor: "evt_9" },
-      });
-    mockExecuteRustBridgeQueryTransport
-      .mockResolvedValueOnce({
+    mockExecuteRustBridgeQuery.mockReset();
+    mockExecuteRustBridgeQueryTransport.mockImplementation(async ({ plan }) => {
+      if (plan?.functionName === "bridgeLogs:listWorkspaceOverview") {
+        return {
+          command_logs: [],
+          domain_events: [],
+        };
+      }
+      return {
         active_workspace_id: "ws_1",
         workspaces: [],
         documents: [],
@@ -208,43 +107,59 @@ describe("/api/mnote-web/stream route", () => {
         trashed_table_assets: [],
         mindmap_docs: [],
         mindmap_asset_children: {},
-      })
-      .mockResolvedValueOnce({
-        workspace_id: "ws_1",
-        command_logs: [],
-        domain_events: [],
-        counts: { command_logs: 0, domain_events: 0 },
-        filters: null,
-        next_cursor: "evt_10",
-        has_more: true,
-        generated_at: "2026-04-22T00:00:00Z",
-      });
-    mockResolveKernelFileTreeProjection.mockResolvedValue({
-      projectionId: "kernel_projection:file_tree:root",
+      };
+    });
+    mockResolveKernelFileTreeProjection.mockReset().mockResolvedValue({
+      projectionId: "kernel_projection:file_tree:workspace_root",
       projection: "file_tree",
       rootNodeId: null,
       items: [],
       edges: [],
     });
+    mockStreamTreeFrames.mockReset().mockReturnValue(makeFrames());
+  });
+
+  it("应在 3000 route 内直接生成 SSE，不再代理 mnote-web:3104", async () => {
+    const fetchSpy = vi.spyOn(globalThis, "fetch");
 
     const { GET } = await import("./route");
     const response = await GET(
-      new Request("http://127.0.0.1:3000/api/mnote-web/stream?workspaceId=ws_1&cursor=evt_9", {
+      new Request(
+        "http://127.0.0.1:3000/api/mnote-web/stream?workspaceId=ws_1&cursor=evt_9&rootNodeId=page_root&pollMs=500&maxPolls=0",
+        { method: "GET" },
+      ),
+    );
+
+    expect(response.status).toBe(200);
+    expect(response.headers.get("content-type")).toContain("text/event-stream");
+    expect(response.headers.get("cache-control")).toBe("no-store");
+    expect(await response.text()).toContain("event: snapshot");
+    expect(fetchSpy).not.toHaveBeenCalled();
+    expect(mockExecuteRustBridgeQuery).not.toHaveBeenCalled();
+    expect(mockStreamTreeFrames).toHaveBeenCalledWith(
+      expect.objectContaining({
+        workspaceId: "ws_1",
+        rootNodeId: "page_root",
+        initialCursor: "evt_9",
+        pollMs: 500,
+        maxPolls: 0,
+      }),
+    );
+  });
+
+  it("Convex 未启用时应返回 501，而不是探测 3104", async () => {
+    mockIsConvexEnabled.mockReturnValue(false);
+    const fetchSpy = vi.spyOn(globalThis, "fetch");
+
+    const { GET } = await import("./route");
+    const response = await GET(
+      new Request("http://127.0.0.1:3000/api/mnote-web/stream?workspaceId=ws_1", {
         method: "GET",
       }),
     );
 
-    expect(response.status).toBe(200);
-    const text = await response.text();
-    expect(text).toContain('"cursor":"evt_9"');
-    expect(mockBuildDocumentQueryEnvelope).toHaveBeenNthCalledWith(
-      2,
-      expect.objectContaining({
-        payload: expect.objectContaining({
-          workspaceId: "ws_1",
-          cursor: "evt_9",
-        }),
-      }),
-    );
+    expect(response.status).toBe(501);
+    expect(fetchSpy).not.toHaveBeenCalled();
+    expect(await response.json()).toEqual({ error: "当前仅支持 Convex 模式" });
   });
 });
diff --git a/wolai-frontend/src/app/api/mnote-web/stream/route.ts b/wolai-frontend/src/app/api/mnote-web/stream/route.ts
index 35c66af4..79fa8675 100644
--- a/wolai-frontend/src/app/api/mnote-web/stream/route.ts
+++ b/wolai-frontend/src/app/api/mnote-web/stream/route.ts
@@ -1,76 +1,72 @@
+import { NextResponse } from "next/server";
+import { isConvexEnabled } from "@/lib/convex/enabled";
 import { getAuthedConvexClient } from "@/lib/convex/route";
 import {
-  buildDocumentBridgeContext,
+  buildDocumentBridgeContextWithActor,
   buildDocumentQueryEnvelope,
-  documentBridgeErrorResponse,
 } from "@/lib/documents/bridge";
 import {
   executeRustBridgeQueryTransport,
   resolveRustBridgeQueryPlan,
 } from "@/lib/documents/rust-runtime";
-import { mapSidebarDatasetListQueryResultToInitialData } from "@/lib/sidebar-data";
+import type { SidebarDatasetListQueryResult } from "@/lib/sidebar-data";
+import { attachKernelFileTreeProjection, resolveKernelFileTreeProjection } from "@/lib/server/kernel-file-tree";
 import {
-  attachKernelFileTreeProjection,
-  resolveKernelFileTreeProjection,
-} from "@/lib/server/kernel-file-tree";
+  streamTreeFrames,
+  type TreeStreamOverview,
+  type TreeStreamSnapshotPayload,
+} from "@/lib/tree-stream/server";
 
 export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
 
-function toSseFrame(event: string, data: unknown) {
-  return `event: ${event}\ndata: ${JSON.stringify(data ?? null)}\n\n`;
+function readNumberParam(url: URL, name: string): number | null {
+  const raw = url.searchParams.get(name);
+  if (!raw?.trim()) {
+    return null;
+  }
+  const parsed = Number(raw);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+
+function encodeSseFrame(event: string, payload: unknown) {
+  return `event: ${event}\ndata: ${JSON.stringify(payload)}\n\n`;
 }
 
 export async function GET(request: Request) {
-  try {
-    const requestUrl = new URL(request.url);
-    const workspaceId = String(requestUrl.searchParams.get("workspaceId") || "").trim();
-    const cursor = String(requestUrl.searchParams.get("cursor") || "").trim() || null;
+  if (!isConvexEnabled()) {
+    return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
+  }
 
-    if (!workspaceId) {
-      return Response.json({ error: "缺少 workspaceId" }, { status: 400 });
-    }
+  const requestUrl = new URL(request.url);
+  const workspaceId = requestUrl.searchParams.get("workspaceId")?.trim();
+  if (!workspaceId) {
+    return NextResponse.json({ error: "缺少 workspaceId" }, { status: 400 });
+  }
 
-    const { auth, client } = await getAuthedConvexClient();
-    const context = await buildDocumentBridgeContext({
-      request,
-      workspaceId,
-    });
+  const { auth, client } = await getAuthedConvexClient();
+  const actor = {
+    actorType: "user",
+    actorId: auth.userId,
+    sessionId: null,
+  };
+  const context = buildDocumentBridgeContextWithActor({
+    request,
+    actor,
+    workspaceId,
+    source: {
+      channel: "next_mnote_web_stream",
+      client: "wolai-frontend",
+    },
+  });
 
-    const sidebarEnvelope = buildDocumentQueryEnvelope({
-      name: "sidebar.dataset.list",
-      payload: {
-        workspaceId,
-      },
-    });
-    const sidebarPlan = await resolveRustBridgeQueryPlan({
-      context,
-      envelope: sidebarEnvelope,
-    });
-    const sidebarDataset = await executeRustBridgeQueryTransport({
-      client,
-      plan: sidebarPlan,
-    });
-    const sidebarDatasetWithFileTree = attachKernelFileTreeProjection({
-      dataset: sidebarDataset,
-      projection: await resolveKernelFileTreeProjection({
-        client,
-        request,
-        workspaceId,
-        actor: {
-          actorType: "user",
-          actorId: auth.userId,
-          sessionId: null,
-        },
-        dataset: sidebarDataset,
-      }),
-    });
-
-    const overviewEnvelope = buildDocumentQueryEnvelope({
+  const loadOverview = async (): Promise<TreeStreamOverview> => {
+    const envelope = buildDocumentQueryEnvelope({
       name: "bridge.workspace.overview",
       payload: {
         workspaceId,
-        limit: 20,
-        cursor,
+        limit: 50,
+        cursor: null,
         commandStatus: null,
         eventStatus: null,
         targetPageId: null,
@@ -79,43 +75,88 @@ export async function GET(request: Request) {
         aggregateId: null,
       },
     });
-    const overviewPlan = await resolveRustBridgeQueryPlan({
+    const plan = await resolveRustBridgeQueryPlan({
       context,
-      envelope: overviewEnvelope,
+      envelope,
     });
-    const overview = await executeRustBridgeQueryTransport({
+    return executeRustBridgeQueryTransport<TreeStreamOverview>({
       client,
-      plan: overviewPlan,
+      plan,
     });
+  };
 
-    const payload = {
-      kind: "snapshot",
-      stream: "workspace",
-      projection: "sidebar_tree",
-      workspaceId,
-      rootNodeId: null,
-      cursor,
+  const loadSnapshot = async (): Promise<TreeStreamSnapshotPayload> => {
+    const envelope = buildDocumentQueryEnvelope({
+      name: "sidebar.dataset.list",
+      payload: {
+        workspaceId,
+      },
+    });
+    const plan = await resolveRustBridgeQueryPlan({
+      context,
+      envelope,
+    });
+    const dataset = await executeRustBridgeQueryTransport<SidebarDatasetListQueryResult>({
+      client,
+      plan,
+    });
+    const datasetWithFileTree = attachKernelFileTreeProjection({
+      dataset,
+      projection: await resolveKernelFileTreeProjection({
+        client,
+        request,
+        workspaceId,
+        actor,
+        dataset,
+        rootNodeId: requestUrl.searchParams.get("rootNodeId")?.trim() || null,
+        depth: readNumberParam(requestUrl, "depth"),
+      }),
+    });
+    return {
       requestId: context.requestId,
       traceId: context.traceId,
-      data: mapSidebarDatasetListQueryResultToInitialData(sidebarDatasetWithFileTree),
+      data: datasetWithFileTree,
       snapshot: {
-        dataset: sidebarDatasetWithFileTree,
-        tree:
-          sidebarDatasetWithFileTree.kernel_sidebar_projection ??
-          sidebarDatasetWithFileTree.kernelSidebarProjection ??
-          null,
+        dataset: datasetWithFileTree,
       },
-      overview,
     };
+  };
 
-    return new Response(toSseFrame("snapshot", payload), {
-      status: 200,
-      headers: {
-        "content-type": "text/event-stream; charset=utf-8",
-        "cache-control": "no-store",
-      },
-    });
-  } catch (error) {
-    return documentBridgeErrorResponse(error);
-  }
+  const encoder = new TextEncoder();
+  const stream = new ReadableStream<Uint8Array>({
+    async start(controller) {
+      try {
+        for await (const frame of streamTreeFrames({
+          workspaceId,
+          rootNodeId: requestUrl.searchParams.get("rootNodeId"),
+          initialCursor: requestUrl.searchParams.get("cursor"),
+          pollMs: readNumberParam(requestUrl, "pollMs") ?? undefined,
+          maxPolls: readNumberParam(requestUrl, "maxPolls"),
+          loadOverview,
+          loadSnapshot,
+        })) {
+          if (request.signal.aborted) {
+            break;
+          }
+          controller.enqueue(encoder.encode(encodeSseFrame(frame.event, frame.payload)));
+        }
+        controller.close();
+      } catch (error) {
+        controller.error(error);
+      }
+    },
+    cancel() {
+      return undefined;
+    },
+  });
+
+  return new NextResponse(stream, {
+    status: 200,
+    headers: {
+      "content-type": "text/event-stream; charset=utf-8",
+      "cache-control": "no-store",
+      connection: "keep-alive",
+      "x-upstream": "next-tree-stream",
+    },
+  });
 }
diff --git a/wolai-frontend/src/app/api/tree/commands/route.test.ts b/wolai-frontend/src/app/api/tree/commands/route.test.ts
index bf6033a5..541b7893 100644
--- a/wolai-frontend/src/app/api/tree/commands/route.test.ts
+++ b/wolai-frontend/src/app/api/tree/commands/route.test.ts
@@ -6,15 +6,24 @@ const mockBuildDocumentBridgeContext = vi.fn();
 const mockBuildDocumentCommandEnvelope = vi.fn();
 const mockResolveRustBridgeCommandPlan = vi.fn();
 const mockExecuteRustBridgeMutationTransport = vi.fn();
+const mockRecordBridgeCommandArtifacts = vi.fn();
+const mockRecordBridgeCommandFailureArtifacts = vi.fn();
 const mockDocumentBridgeErrorResponse = vi.fn((error: unknown) =>
   Response.json(
     {
       error: error instanceof Error ? error.message : String(error),
     },
-    { status: 500 },
+    {
+      status:
+        typeof (error as { status?: unknown })?.status === "number"
+          ? ((error as { status: number }).status ?? 500)
+          : 500,
+    },
   ),
 );
 const mockEnsureDocumentScaffold = vi.fn();
+const mockCopyMindmapFilesIfExists = vi.fn();
+const mockLoadSidebarDataFromConvex = vi.fn();
 
 vi.mock("@/lib/convex/enabled", () => ({
   isConvexEnabled: () => mockIsConvexEnabled(),
@@ -24,6 +33,7 @@ vi.mock("@/lib/convex/api", () => ({
   api: {
     documents: {
       getMeta: "documents:getMeta",
+      getContent: "documents:getContent",
     },
     workspaces: {
       ensureDefaultWorkspace: "workspaces:ensureDefaultWorkspace",
@@ -60,8 +70,18 @@ vi.mock("@/lib/documents/rust-runtime", () => ({
   executeRustBridgeMutationTransport: (...args: unknown[]) => mockExecuteRustBridgeMutationTransport(...args),
 }));
 
+vi.mock("@/lib/documents/bridge-log", () => ({
+  recordBridgeCommandArtifacts: (...args: unknown[]) => mockRecordBridgeCommandArtifacts(...args),
+  recordBridgeCommandFailureArtifacts: (...args: unknown[]) => mockRecordBridgeCommandFailureArtifacts(...args),
+}));
+
 vi.mock("@/lib/documents/page-lifecycle-side-effects", () => ({
   ensureDocumentScaffold: (...args: unknown[]) => mockEnsureDocumentScaffold(...args),
+  copyMindmapFilesIfExists: (...args: unknown[]) => mockCopyMindmapFilesIfExists(...args),
+}));
+
+vi.mock("@/lib/server/sidebar-data", () => ({
+  loadSidebarDataFromConvex: (...args: unknown[]) => mockLoadSidebarDataFromConvex(...args),
 }));
 
 describe("/api/tree/commands route", () => {
@@ -72,7 +92,11 @@ describe("/api/tree/commands route", () => {
     mockBuildDocumentCommandEnvelope.mockReset();
     mockResolveRustBridgeCommandPlan.mockReset();
     mockExecuteRustBridgeMutationTransport.mockReset();
+    mockRecordBridgeCommandArtifacts.mockReset();
+    mockRecordBridgeCommandFailureArtifacts.mockReset();
     mockEnsureDocumentScaffold.mockReset();
+    mockCopyMindmapFilesIfExists.mockReset();
+    mockLoadSidebarDataFromConvex.mockReset();
     mockDocumentBridgeErrorResponse.mockClear();
   });
 
@@ -172,15 +196,51 @@ describe("/api/tree/commands route", () => {
       }),
     );
     expect(mockEnsureDocumentScaffold).toHaveBeenCalledWith("doc_new", "无标题");
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.create",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "upsert_document",
+            document: expect.objectContaining({
+              id: "doc_new",
+              workspace_id: "ws_root",
+              title: "无标题",
+              parent_id: null,
+              sort_order: 0,
+            }),
+          },
+        }),
+      }),
+    );
   });
 
   it("move action 走 tree.subtree.move，并把 position 归一化为 sortOrder", async () => {
+    let docMetaReadCount = 0;
     const client = {
       mutation: vi.fn(),
-      query: vi.fn(async () => ({
-        id: "doc_1",
-        workspace_id: "ws_1",
-      })),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "doc_1") {
+          docMetaReadCount += 1;
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: docMetaReadCount === 1 ? null : "parent_1",
+            sort_order: docMetaReadCount === 1 ? 4 : 1,
+            updated_at: docMetaReadCount === 1 ? "2026-04-23T00:00:00Z" : "2026-04-23T00:01:00Z",
+          };
+        }
+        if (name === "documents:getMeta" && args.id === "parent_1") {
+          return {
+            id: "parent_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        return null;
+      }),
     };
     mockGetAuthedConvexClient.mockResolvedValue({
       auth: {
@@ -227,7 +287,53 @@ describe("/api/tree/commands route", () => {
     });
     mockExecuteRustBridgeMutationTransport.mockResolvedValue({
       ok: true,
-      updated_at: "2026-04-23T00:00:00Z",
+      parent_id: "parent_1",
+      sort_order: 1,
+      workspace_id: "ws_1",
+      updated_at: "2026-04-23T00:01:00Z",
+    });
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [
+          {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          },
+          {
+            id: "parent_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          },
+        ],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
     });
 
     const { POST } = await import("./route");
@@ -258,20 +364,493 @@ describe("/api/tree/commands route", () => {
       action: "move",
       documentId: "doc_1",
       parentId: "parent_1",
-      sortOrder: 2,
+      sortOrder: 1,
       workspaceId: "ws_1",
     });
     expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
       expect.objectContaining({
         name: "tree.subtree.move",
-        payload: {
+        preflightData: {
+          documents: [
+            {
+              id: "doc_1",
+              workspace_id: "ws_1",
+              parent_id: null,
+            },
+            {
+              id: "parent_1",
+              workspace_id: "ws_1",
+              parent_id: null,
+            },
+          ],
+        },
+        payload: expect.objectContaining({
           documentId: "doc_1",
           parentId: "parent_1",
           sortOrder: 2,
-        },
+        }),
       }),
     );
     expect(mockEnsureDocumentScaffold).not.toHaveBeenCalled();
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.subtree.move",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "replace_documents",
+            documents: [
+              {
+                id: "doc_1",
+                workspace_id: "ws_1",
+                parent_id: null,
+              },
+              {
+                id: "parent_1",
+                workspace_id: "ws_1",
+                parent_id: null,
+              },
+            ],
+          },
+        }),
+      }),
+    );
+  });
+
+  it("move action 应优先使用 mutation 返回的 canonical 结果，而不是再次回读页面元数据", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "doc_1") {
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: "parent_old",
+            sort_order: 4,
+            updated_at: "2026-04-23T00:00:00Z",
+          };
+        }
+        if (name === "documents:getMeta" && args.id === "parent_1") {
+          return {
+            id: "parent_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        return null;
+      }),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_2b",
+      traceId: "trace_tree_2b",
+      workspaceId: "ws_1",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      deploymentId: null,
+      projectId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.subtree.move",
+      commandId: "cmd_tree_move_2",
+      functionName: "documents:move",
+      workspaceId: "ws_1",
+      requestId: "req_tree_2b",
+      traceId: "trace_tree_2b",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockResolvedValue({
+      ok: true,
+      parent_id: "parent_1",
+      sort_order: 1,
+      workspace_id: "ws_1",
+      updated_at: "2026-04-23T00:01:00Z",
+    });
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [
+          {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: "parent_old",
+          },
+          {
+            id: "parent_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          },
+        ],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "move",
+          documentId: "doc_1",
+          parentId: "parent_1",
+          sortOrder: 3,
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    const payload = await response.json() as {
+      result: {
+        action: string;
+        documentId: string;
+        workspaceId: string;
+        parentId: string | null;
+        sortOrder: number | null;
+        updatedAt: string | null;
+        execution: {
+          parent_id: string | null;
+          sort_order: number | null;
+          workspace_id: string | null;
+        };
+      };
+    };
+    expect(payload.result).toMatchObject({
+      action: "move",
+      documentId: "doc_1",
+      workspaceId: "ws_1",
+      parentId: "parent_1",
+      sortOrder: 1,
+      updatedAt: "2026-04-23T00:01:00Z",
+      execution: {
+        parent_id: "parent_1",
+        sort_order: 1,
+        workspace_id: "ws_1",
+      },
+    });
+    expect(client.query).toHaveBeenCalledTimes(1);
+  });
+
+  it("move action 应把 self move 的 preflight 交给 Rust，并由 Rust 拒绝", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "doc_1") {
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        return null;
+      }),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_move_self",
+      traceId: "trace_tree_move_self",
+      workspaceId: "ws_1",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      deploymentId: null,
+      projectId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockRejectedValue(
+      Object.assign(new Error("不能把页面移动到自身下面"), { status: 400 }),
+    );
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [
+          {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          },
+        ],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "move",
+          documentId: "doc_1",
+          parentId: "doc_1",
+          sortOrder: 0,
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(400);
+    expect(await response.json()).toEqual({
+      error: "不能把页面移动到自身下面",
+    });
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.subtree.move",
+        preflightData: {
+          documents: [
+            {
+              id: "doc_1",
+              workspace_id: "ws_1",
+              parent_id: null,
+            },
+          ],
+        },
+        payload: expect.objectContaining({
+          documentId: "doc_1",
+          parentId: "doc_1",
+          sortOrder: 0,
+        }),
+      }),
+    );
+    expect(mockResolveRustBridgeCommandPlan).toHaveBeenCalledTimes(1);
+    expect(mockExecuteRustBridgeMutationTransport).not.toHaveBeenCalled();
+  });
+
+  it("move action 应把 descendant move 的 preflight 交给 Rust，并由 Rust 拒绝", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "doc_1") {
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        if (name === "documents:getMeta" && args.id === "child_1") {
+          return {
+            id: "child_1",
+            workspace_id: "ws_1",
+            parent_id: "doc_1",
+          };
+        }
+        return null;
+      }),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_move_desc",
+      traceId: "trace_tree_move_desc",
+      workspaceId: "ws_1",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      deploymentId: null,
+      projectId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockRejectedValue(
+      Object.assign(new Error("不能把页面移动到自己的后代下面"), { status: 400 }),
+    );
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [
+          {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          },
+          {
+            id: "child_1",
+            workspace_id: "ws_1",
+            parent_id: "doc_1",
+          },
+        ],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "move",
+          documentId: "doc_1",
+          parentId: "child_1",
+          sortOrder: 0,
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(400);
+    expect(await response.json()).toEqual({
+      error: "不能把页面移动到自己的后代下面",
+    });
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.subtree.move",
+        preflightData: {
+          documents: [
+            {
+              id: "doc_1",
+              workspace_id: "ws_1",
+              parent_id: null,
+            },
+            {
+              id: "child_1",
+              workspace_id: "ws_1",
+              parent_id: "doc_1",
+            },
+          ],
+        },
+        payload: expect.objectContaining({
+          documentId: "doc_1",
+          parentId: "child_1",
+          sortOrder: 0,
+        }),
+      }),
+    );
+    expect(mockResolveRustBridgeCommandPlan).toHaveBeenCalledTimes(1);
+    expect(mockExecuteRustBridgeMutationTransport).not.toHaveBeenCalled();
   });
 
   it("rename action 走 tree.node.rename，并保留标题 payload", async () => {
@@ -370,5 +949,558 @@ describe("/api/tree/commands route", () => {
       }),
     );
     expect(mockEnsureDocumentScaffold).not.toHaveBeenCalled();
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.rename",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "upsert_document",
+            document: expect.objectContaining({
+              id: "doc_1",
+              title: "新标题",
+            }),
+          },
+        }),
+      }),
+    );
+  });
+
+  it("archive action 走 tree.node.archive", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async () => ({
+        id: "doc_1",
+        workspace_id: "ws_1",
+      })),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_4",
+      traceId: "trace_tree_4",
+      workspaceId: "ws_1",
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.node.archive",
+      commandId: "cmd_tree_archive_1",
+      functionName: "documents:softDelete",
+      workspaceId: "ws_1",
+      requestId: "req_tree_4",
+      traceId: "trace_tree_4",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockResolvedValue({
+      ok: true,
+      updated_at: "2026-04-24T00:00:00Z",
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "archive",
+          documentId: "doc_1",
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    const payload = await response.json() as {
+      result: {
+        action: string;
+        documentId: string;
+        workspaceId: string;
+      };
+    };
+    expect(payload.result).toMatchObject({
+      action: "archive",
+      documentId: "doc_1",
+      workspaceId: "ws_1",
+    });
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.node.archive",
+        payload: {
+          documentId: "doc_1",
+          workspaceId: "ws_1",
+        },
+      }),
+    );
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.archive",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "remove_document",
+            documentId: "doc_1",
+          },
+        }),
+      }),
+    );
+  });
+
+  it("embed action 走 tree.node.embed，并生成 pageReference 保存 payload", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "doc_source") {
+          return {
+            id: "doc_source",
+            title: "来源页面",
+            workspace_id: "ws_1",
+          };
+        }
+        if (name === "documents:getMeta" && args.id === "doc_target") {
+          return {
+            id: "doc_target",
+            workspace_id: "ws_1",
+            embed_default_block_id: "anchor_1",
+          };
+        }
+        if (name === "documents:getContent" && args.id === "doc_target") {
+          return {
+            content: [
+              { id: "anchor_1", type: "paragraph" },
+            ],
+            revision: 7,
+            conflict_detection_key: "doc_target:7",
+          };
+        }
+        return null;
+      }),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_5",
+      traceId: "trace_tree_5",
+      workspaceId: "ws_1",
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.node.embed",
+      commandId: "cmd_tree_embed_1",
+      functionName: "documents:updateContent",
+      workspaceId: "ws_1",
+      requestId: "req_tree_5",
+      traceId: "trace_tree_5",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockResolvedValue({
+      revision: 8,
+      conflict_detection_key: "doc_target:8",
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "embed",
+          sourceId: "doc_source",
+          targetId: "doc_target",
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    const payload = await response.json() as {
+      result: {
+        action: string;
+        documentId: string;
+        sourceDocumentId: string;
+        targetDocumentId: string;
+      };
+    };
+    expect(payload.result).toMatchObject({
+      action: "embed",
+      documentId: "doc_target",
+      sourceDocumentId: "doc_source",
+      targetDocumentId: "doc_target",
+    });
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.node.embed",
+        payload: expect.objectContaining({
+          documentId: "doc_target",
+          sourceDocumentId: "doc_source",
+          targetDocumentId: "doc_target",
+          revision: 7,
+          conflictDetectionKey: "doc_target:7",
+          content: [
+            { id: "anchor_1", type: "paragraph" },
+            {
+              id: expect.any(String),
+              type: "pageReference",
+              props: {
+                pageId: "doc_source",
+                title: "来源页面",
+              },
+            },
+          ],
+        }),
+      }),
+    );
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.embed",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "noop",
+          },
+        }),
+      }),
+    );
+  });
+
+  it("copy action 走 tree.subtree.copy，并保留 scaffold 与导图文件副作用", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name === "documents:getMeta" && args.id === "parent_1") {
+          return {
+            id: "parent_1",
+            workspace_id: "ws_1",
+          };
+        }
+        return null;
+      }),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_6",
+      traceId: "trace_tree_6",
+      workspaceId: "ws_1",
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.subtree.copy",
+      commandId: "cmd_tree_copy_1",
+      functionName: "documents:copyTree",
+      workspaceId: "ws_1",
+      requestId: "req_tree_6",
+      traceId: "trace_tree_6",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockResolvedValue({
+      items: [
+        {
+          oldId: "doc_1",
+          newId: "doc_2",
+          title: "复制页面",
+        },
+      ],
+    });
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "copy",
+          targetParentId: "parent_1",
+          items: [{ documentId: "doc_1", recursive: true }],
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    const payload = await response.json() as {
+      result: {
+        action: string;
+        items: Array<{ oldId: string; newId: string }>;
+      };
+    };
+    expect(payload.result).toMatchObject({
+      action: "copy",
+      items: [{ oldId: "doc_1", newId: "doc_2" }],
+    });
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.subtree.copy",
+        payload: {
+          workspaceId: "ws_1",
+          targetParentId: "parent_1",
+          items: [{ documentId: "doc_1", recursive: true }],
+        },
+      }),
+    );
+    expect(mockEnsureDocumentScaffold).toHaveBeenCalledWith("doc_2", "复制页面");
+    expect(mockCopyMindmapFilesIfExists).toHaveBeenCalledWith("doc_1", "doc_2");
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.subtree.copy",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "replace_documents",
+            documents: [],
+          },
+        }),
+      }),
+    );
+  });
+
+  it("restore action 走 tree.node.restore，并附带 replace_documents delta", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async () => ({
+        id: "doc_restore_1",
+        workspace_id: "ws_1",
+      })),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_restore_1",
+      traceId: "trace_tree_restore_1",
+      workspaceId: "ws_1",
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.node.restore",
+      commandId: "cmd_tree_restore_1",
+      functionName: "documents:restore",
+      workspaceId: "ws_1",
+      requestId: "req_tree_restore_1",
+      traceId: "trace_tree_restore_1",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockResolvedValue({
+      ok: true,
+      updated_at: "2026-04-24T00:00:00Z",
+    });
+    mockLoadSidebarDataFromConvex.mockResolvedValue({
+      sidebarInitialData: {
+        activeWorkspaceId: "ws_1",
+        workspaces: [],
+        documents: [],
+        rootDocuments: [],
+        sidebarTree: [],
+        trashedDocuments: [],
+        mediaAssets: [],
+        trashedMediaAssets: [],
+        mindmapDocs: [],
+        mindmapAssets: [],
+        trashedMindmapAssets: [],
+        mindmapAssetChildren: {},
+        tableAssets: [],
+        trashedTableAssets: [],
+        kernelSidebarProjection: {
+          projectionId: "kernel_projection:sidebar_tree:workspace_root",
+          projection: "sidebar_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+        kernelFileTreeProjection: {
+          projectionId: "kernel_projection:file_tree:workspace_root",
+          projection: "file_tree",
+          rootNodeId: null,
+          items: [],
+          edges: [],
+        },
+      },
+    });
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "restore",
+          documentId: "doc_restore_1",
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    expect(mockBuildDocumentCommandEnvelope).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "tree.node.restore",
+        payload: {
+          documentId: "doc_restore_1",
+          workspaceId: "ws_1",
+        },
+      }),
+    );
+    expect(mockRecordBridgeCommandArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.restore",
+        }),
+        commandPayload: expect.objectContaining({
+          streamDelta: {
+            op: "replace_documents",
+            documents: [],
+          },
+        }),
+      }),
+    );
+  });
+
+  it("tree mutation 失败时应记录 failure bridge log", async () => {
+    const client = {
+      mutation: vi.fn(),
+      query: vi.fn(async () => ({
+        id: "doc_1",
+        workspace_id: "ws_1",
+      })),
+    };
+    mockGetAuthedConvexClient.mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client,
+    });
+    mockBuildDocumentBridgeContext.mockResolvedValue({
+      requestId: "req_tree_fail_1",
+      traceId: "trace_tree_fail_1",
+      workspaceId: "ws_1",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      deploymentId: null,
+      projectId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    mockBuildDocumentCommandEnvelope.mockImplementation((input: unknown) => input);
+    mockResolveRustBridgeCommandPlan.mockResolvedValue({
+      kind: "command",
+      commandName: "tree.node.archive",
+      commandId: "cmd_tree_archive_fail_1",
+      functionName: "documents:softDelete",
+      workspaceId: "ws_1",
+      requestId: "req_tree_fail_1",
+      traceId: "trace_tree_fail_1",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{}",
+      argsJson: {},
+    });
+    mockExecuteRustBridgeMutationTransport.mockRejectedValue(new Error("archive failed"));
+
+    const { POST } = await import("./route");
+    const response = await POST(
+      new Request("http://127.0.0.1:3000/api/tree/commands", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          action: "archive",
+          documentId: "doc_1",
+          workspaceId: "ws_1",
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(500);
+    expect(mockRecordBridgeCommandFailureArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "tree.node.archive",
+        }),
+        error: expect.any(Error),
+      }),
+    );
   });
 });
diff --git a/wolai-frontend/src/app/api/tree/commands/route.ts b/wolai-frontend/src/app/api/tree/commands/route.ts
index 662deada..885bc284 100644
--- a/wolai-frontend/src/app/api/tree/commands/route.ts
+++ b/wolai-frontend/src/app/api/tree/commands/route.ts
@@ -1,8 +1,10 @@
 import { randomUUID } from "node:crypto";
 import { NextResponse } from "next/server";
+import type { Json } from "@/types/supabase";
 import { api } from "@/lib/convex/api";
 import { isConvexEnabled } from "@/lib/convex/enabled";
 import { getAuthedConvexClient } from "@/lib/convex/route";
+import { composeContentWithBlocks, extractBlocksFromContent } from "@/lib/document-content";
 import {
   assertDocumentId,
   assertTitle,
@@ -10,21 +12,49 @@ import {
   buildDocumentCommandEnvelope,
   documentBridgeErrorResponse,
 } from "@/lib/documents/bridge";
-import { ensureDocumentScaffold } from "@/lib/documents/page-lifecycle-side-effects";
+import {
+  recordBridgeCommandArtifacts,
+  recordBridgeCommandFailureArtifacts,
+} from "@/lib/documents/bridge-log";
+import {
+  copyMindmapFilesIfExists,
+  ensureDocumentScaffold,
+} from "@/lib/documents/page-lifecycle-side-effects";
+import { buildDocumentSavePayload } from "@/lib/documents/save-contract";
+import { loadSidebarDataFromConvex } from "@/lib/server/sidebar-data";
 import {
   executeRustBridgeMutationTransport,
   resolveRustBridgeCommandPlan,
 } from "@/lib/documents/rust-runtime";
 
+type TreeCommandAction =
+  | "create"
+  | "rename"
+  | "move"
+  | "archive"
+  | "restore"
+  | "purge"
+  | "embed"
+  | "copy";
+
+type TreeCopyItem = {
+  documentId: string;
+  recursive: boolean;
+};
+
 type TreeCommandPayload = {
-  action?: "create" | "move" | "rename";
+  action?: TreeCommandAction;
   workspaceId?: string | null;
   documentId?: string | null;
   parentId?: string | null;
+  targetParentId?: string | null;
   title?: string | null;
   accessScope?: "private" | "shared" | "public" | null;
   content?: unknown;
   sortOrder?: number | null;
+  sourceId?: string | null;
+  targetId?: string | null;
+  items?: TreeCopyItem[] | null;
 };
 
 function trimOrNull(value: unknown) {
@@ -42,6 +72,150 @@ function normalizeSortOrder(value: unknown) {
   return typeof value === "number" && Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;
 }
 
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+
+function attachStreamDelta(commandPayload: unknown, streamDelta?: Record<string, unknown> | null) {
+  if (!streamDelta) {
+    return commandPayload;
+  }
+  if (isRecord(commandPayload)) {
+    return {
+      ...commandPayload,
+      streamDelta,
+    };
+  }
+  return {
+    payload: commandPayload,
+    streamDelta,
+  };
+}
+
+async function recordTreeCommandSuccess(args: {
+  context: Awaited<ReturnType<typeof buildDocumentBridgeContext>>;
+  envelope: ReturnType<typeof buildDocumentCommandEnvelope>;
+  client: Awaited<ReturnType<typeof getAuthedConvexClient>>["client"];
+  commandPayload?: unknown;
+}) {
+  try {
+    await recordBridgeCommandArtifacts({
+      context: args.context,
+      envelope: args.envelope,
+      client: args.client,
+      commandPayload: args.commandPayload,
+    });
+  } catch (error) {
+    console.warn("[tree.commands] bridge success artifacts skipped:", error);
+  }
+}
+
+async function loadTreeCommandSidebarSnapshot(args: {
+  client: Awaited<ReturnType<typeof getAuthedConvexClient>>["client"];
+  auth: Awaited<ReturnType<typeof getAuthedConvexClient>>["auth"];
+  workspaceId: string | null;
+}) {
+  if (!args.workspaceId) {
+    return null;
+  }
+  try {
+    const result = await loadSidebarDataFromConvex({
+      client: args.client,
+      auth: {
+        userId: args.auth.userId,
+        email: args.auth.email,
+        name: args.auth.name,
+      },
+      fallbackName: args.auth.email ?? args.auth.name ?? "我的空间",
+      requestedWorkspaceId: args.workspaceId,
+    });
+    return result.sidebarInitialData ?? null;
+  } catch (error) {
+    console.warn("[tree.commands] sidebar snapshot skipped:", error);
+    return null;
+  }
+}
+
+function buildTreeCommandSnapshotDelta(
+  sidebarSnapshot: unknown,
+): Record<string, unknown> | null {
+  if (!isRecord(sidebarSnapshot)) {
+    return null;
+  }
+  if (Array.isArray(sidebarSnapshot.documents)) {
+    return {
+      op: "replace_documents",
+      documents: sidebarSnapshot.documents,
+    };
+  }
+  return {
+    op: "replace_sidebar",
+    sidebar: sidebarSnapshot,
+  };
+}
+
+function buildTreeMovePreflightDataFromSidebarSnapshot(
+  sidebarSnapshot: unknown,
+): Record<string, unknown> | null {
+  if (!isRecord(sidebarSnapshot) || !Array.isArray(sidebarSnapshot.documents)) {
+    return null;
+  }
+  return {
+    documents: sidebarSnapshot.documents,
+  };
+}
+
+async function resolveTreeMutationResult<TResult>(args: {
+  request: Request;
+  workspaceId: string | null;
+  commandName: string;
+  payload: unknown;
+  preflightData?: Record<string, unknown> | null;
+  pageId?: string | null;
+  client: Awaited<ReturnType<typeof getAuthedConvexClient>>["client"];
+}) {
+  const context = await buildDocumentBridgeContext({
+    request: args.request,
+    workspaceId: args.workspaceId,
+  });
+  const envelope = buildDocumentCommandEnvelope({
+    name: args.commandName,
+    payload: args.payload,
+    context,
+    preflightData: args.preflightData ?? null,
+    target: {
+      workspaceId: args.workspaceId,
+      pageId: args.pageId ?? undefined,
+    },
+    reason: `tree-route ${args.commandName}`,
+    refs: ["next-tree-route"],
+  });
+  const plan = await resolveRustBridgeCommandPlan({
+    context,
+    envelope,
+  });
+  try {
+    const result = await executeRustBridgeMutationTransport<TResult>({
+      client: args.client,
+      plan,
+    });
+
+    return {
+      context,
+      envelope,
+      result,
+    };
+  } catch (error) {
+    await recordBridgeCommandFailureArtifacts({
+      context,
+      envelope,
+      client: args.client,
+      error,
+    });
+    throw error;
+  }
+}
+
 export async function POST(request: Request) {
   if (!isConvexEnabled()) {
     return NextResponse.json({ error: "当前仅支持 Convex 模式" }, { status: 501 });
@@ -51,11 +225,21 @@ export async function POST(request: Request) {
     const payload = (await request.json()) as TreeCommandPayload;
     switch (payload.action) {
       case "create":
-        return handleCreate(request, payload);
+        return await handleCreate(request, payload);
       case "move":
-        return handleMove(request, payload);
+        return await handleMove(request, payload);
       case "rename":
-        return handleRename(request, payload);
+        return await handleRename(request, payload);
+      case "archive":
+        return await handleArchive(request, payload);
+      case "restore":
+        return await handleRestore(request, payload);
+      case "purge":
+        return await handlePurge(request, payload);
+      case "embed":
+        return await handleEmbed(request, payload);
+      case "copy":
+        return await handleCopy(request, payload);
       default:
         return NextResponse.json({ error: "不支持的 tree action" }, { status: 400 });
     }
@@ -91,33 +275,7 @@ async function handleCreate(request: Request, payload: TreeCommandPayload) {
 
   const documentId = trimOrNull(payload.documentId) ?? randomUUID();
   const title = normalizeTitle(payload.title);
-  const context = await buildDocumentBridgeContext({
-    request,
-    workspaceId,
-  });
-  const envelope = buildDocumentCommandEnvelope({
-    name: "tree.node.create",
-    payload: {
-      documentId,
-      workspaceId,
-      parentId,
-      title,
-      accessScope: trimOrNull(payload.accessScope) ?? accessScope,
-      content: Array.isArray(payload.content) ? payload.content : [],
-    },
-    context,
-    target: {
-      workspaceId,
-      pageId: documentId,
-    },
-    reason: "tree-route create",
-    refs: ["next-tree-route"],
-  });
-  const plan = await resolveRustBridgeCommandPlan({
-    context,
-    envelope,
-  });
-  const result = await executeRustBridgeMutationTransport<{
+  const { context, envelope, result } = await resolveTreeMutationResult<{
     id: string;
     title: string | null;
     parent_id: string | null;
@@ -128,11 +286,42 @@ async function handleCreate(request: Request, payload: TreeCommandPayload) {
     created_at: string;
     updated_at: string;
   }>({
+    request,
+    workspaceId,
+    commandName: "tree.node.create",
+    payload: {
+      documentId,
+      workspaceId,
+      parentId,
+      title,
+      accessScope: trimOrNull(payload.accessScope) ?? accessScope,
+      content: Array.isArray(payload.content) ? payload.content : [],
+    },
+    pageId: documentId,
     client,
-    plan,
   });
 
   await ensureDocumentScaffold(result.id, result.title ?? title);
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(envelope.payload, {
+      op: "upsert_document",
+      document: {
+        id: result.id,
+        workspace_id: result.workspace_id,
+        title: result.title ?? title,
+        parent_id: result.parent_id ?? parentId,
+        sort_order: result.sort_order ?? 0,
+        access_scope: result.access_scope,
+        is_starred: false,
+        is_template: result.is_template,
+        created_at: result.created_at,
+        updated_at: result.updated_at,
+      },
+    }),
+  });
 
   return NextResponse.json({
     requestId: context.requestId,
@@ -151,7 +340,7 @@ async function handleCreate(request: Request, payload: TreeCommandPayload) {
 }
 
 async function handleMove(request: Request, payload: TreeCommandPayload) {
-  const { client } = await getAuthedConvexClient();
+  const { auth, client } = await getAuthedConvexClient();
   const documentId = assertDocumentId(payload.documentId ?? null);
   const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
   if (!sourceDoc) {
@@ -161,32 +350,44 @@ async function handleMove(request: Request, payload: TreeCommandPayload) {
   const workspaceId = trimOrNull(payload.workspaceId) ?? trimOrNull(sourceDoc.workspace_id);
   const parentId = trimOrNull(payload.parentId);
   const sortOrder = normalizeSortOrder(payload.sortOrder);
-  const context = await buildDocumentBridgeContext({
-    request,
+  const sidebarSnapshot = await loadTreeCommandSidebarSnapshot({
+    client,
+    auth,
     workspaceId,
   });
-  const envelope = buildDocumentCommandEnvelope({
-    name: "tree.subtree.move",
+  const movePreflightData = buildTreeMovePreflightDataFromSidebarSnapshot(sidebarSnapshot);
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    ok?: boolean;
+    parent_id?: string | null;
+    sort_order?: number | null;
+    workspace_id?: string | null;
+    updated_at?: string | null;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.subtree.move",
     payload: {
       documentId,
       parentId,
       sortOrder,
     },
-    context,
-    target: {
-      workspaceId,
-      pageId: documentId,
-    },
-    reason: "tree-route move",
-    refs: ["next-tree-route"],
+    preflightData: movePreflightData,
+    pageId: documentId,
+    client,
   });
-  const plan = await resolveRustBridgeCommandPlan({
+  const postMutationSidebarSnapshot = await loadTreeCommandSidebarSnapshot({
+    client,
+    auth,
+    workspaceId,
+  });
+  await recordTreeCommandSuccess({
     context,
     envelope,
-  });
-  const result = await executeRustBridgeMutationTransport<{ ok?: boolean; updated_at?: string | null }>({
     client,
-    plan,
+    commandPayload: attachStreamDelta(
+      envelope.payload,
+      buildTreeCommandSnapshotDelta(postMutationSidebarSnapshot),
+    ),
   });
 
   return NextResponse.json({
@@ -194,12 +395,23 @@ async function handleMove(request: Request, payload: TreeCommandPayload) {
     traceId: context.traceId,
     result: {
       action: "move",
-      workspaceId,
+      workspaceId: trimOrNull(result?.workspace_id) ?? workspaceId,
       documentId,
-      parentId,
-      sortOrder,
-      updatedAt: result?.updated_at ?? null,
-      execution: result ?? null,
+      parentId: trimOrNull(result?.parent_id) ?? parentId,
+      sortOrder:
+        typeof result?.sort_order === "number" && Number.isFinite(result.sort_order)
+          ? result.sort_order
+          : sortOrder,
+      updatedAt: trimOrNull(result?.updated_at) ?? null,
+      execution: {
+        ...(result ?? null),
+        parent_id: trimOrNull(result?.parent_id) ?? parentId,
+        sort_order:
+          typeof result?.sort_order === "number" && Number.isFinite(result.sort_order)
+            ? result.sort_order
+            : sortOrder,
+        workspace_id: trimOrNull(result?.workspace_id) ?? workspaceId,
+      },
     },
   });
 }
@@ -214,32 +426,33 @@ async function handleRename(request: Request, payload: TreeCommandPayload) {
 
   const workspaceId = trimOrNull(payload.workspaceId) ?? trimOrNull(sourceDoc.workspace_id);
   const title = assertTitle(payload.title ?? null);
-  const context = await buildDocumentBridgeContext({
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    ok?: boolean;
+    updated_at?: string | null;
+  }>({
     request,
     workspaceId,
-  });
-  const envelope = buildDocumentCommandEnvelope({
-    name: "tree.node.rename",
+    commandName: "tree.node.rename",
     payload: {
       documentId,
       workspaceId,
       title,
     },
-    context,
-    target: {
-      workspaceId,
-      pageId: documentId,
-    },
-    reason: "tree-route rename",
-    refs: ["next-tree-route"],
+    pageId: documentId,
+    client,
   });
-  const plan = await resolveRustBridgeCommandPlan({
+  await recordTreeCommandSuccess({
     context,
     envelope,
-  });
-  const result = await executeRustBridgeMutationTransport<{ ok?: boolean; updated_at?: string | null }>({
     client,
-    plan,
+    commandPayload: attachStreamDelta(envelope.payload, {
+      op: "upsert_document",
+      document: {
+        id: documentId,
+        title,
+        updated_at: result?.updated_at ?? null,
+      },
+    }),
   });
 
   return NextResponse.json({
@@ -256,4 +469,338 @@ async function handleRename(request: Request, payload: TreeCommandPayload) {
   });
 }
 
+async function handleArchive(request: Request, payload: TreeCommandPayload) {
+  const { client } = await getAuthedConvexClient();
+  const documentId = assertDocumentId(payload.documentId ?? null);
+  const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
+  if (!sourceDoc) {
+    return NextResponse.json({ error: "页面不存在或无权访问" }, { status: 404 });
+  }
+
+  const workspaceId = trimOrNull(payload.workspaceId) ?? trimOrNull(sourceDoc.workspace_id);
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    ok?: boolean;
+    updated_at?: string | null;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.node.archive",
+    payload: {
+      documentId,
+      workspaceId,
+    },
+    pageId: documentId,
+    client,
+  });
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(envelope.payload, {
+      op: "remove_document",
+      documentId,
+    }),
+  });
+
+  return NextResponse.json({
+    requestId: context.requestId,
+    traceId: context.traceId,
+    result: {
+      action: "archive",
+      workspaceId,
+      documentId,
+      updatedAt: result?.updated_at ?? null,
+      execution: result ?? null,
+    },
+  });
+}
+
+async function handleRestore(request: Request, payload: TreeCommandPayload) {
+  const { auth, client } = await getAuthedConvexClient();
+  const documentId = assertDocumentId(payload.documentId ?? null);
+  const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
+  if (!sourceDoc) {
+    return NextResponse.json({ error: "页面不存在或无权访问" }, { status: 404 });
+  }
+
+  const workspaceId = trimOrNull(payload.workspaceId) ?? trimOrNull(sourceDoc.workspace_id);
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    ok?: boolean;
+    updated_at?: string | null;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.node.restore",
+    payload: {
+      documentId,
+      workspaceId,
+    },
+    pageId: documentId,
+    client,
+  });
+  const sidebarSnapshot = await loadTreeCommandSidebarSnapshot({
+    client,
+    auth,
+    workspaceId,
+  });
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(
+      envelope.payload,
+      buildTreeCommandSnapshotDelta(sidebarSnapshot),
+    ),
+  });
+
+  return NextResponse.json({
+    requestId: context.requestId,
+    traceId: context.traceId,
+    result: {
+      action: "restore",
+      workspaceId,
+      documentId,
+      updatedAt: result?.updated_at ?? null,
+      execution: result ?? null,
+    },
+  });
+}
+
+async function handlePurge(request: Request, payload: TreeCommandPayload) {
+  const { client } = await getAuthedConvexClient();
+  const documentId = assertDocumentId(payload.documentId ?? null);
+  const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
+  if (!sourceDoc) {
+    return NextResponse.json({ error: "页面不存在或无权访问" }, { status: 404 });
+  }
+
+  const workspaceId = trimOrNull(payload.workspaceId) ?? trimOrNull(sourceDoc.workspace_id);
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    ok?: boolean;
+    purged?: boolean;
+    purged_at?: string | null;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.node.purge",
+    payload: {
+      documentId,
+    },
+    pageId: documentId,
+    client,
+  });
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(envelope.payload, {
+      op: "remove_document",
+      documentId,
+    }),
+  });
+
+  return NextResponse.json({
+    requestId: context.requestId,
+    traceId: context.traceId,
+    result: {
+      action: "purge",
+      workspaceId,
+      documentId,
+      purged: result?.purged ?? true,
+      updatedAt: result?.purged_at ?? null,
+      execution: result ?? null,
+    },
+  });
+}
+
+async function handleEmbed(request: Request, payload: TreeCommandPayload) {
+  const { client } = await getAuthedConvexClient();
+  const sourceId = assertDocumentId(payload.sourceId ?? null);
+  const targetId = assertDocumentId(payload.targetId ?? null);
+
+  const sourceDoc = await client.query(api.documents.getMeta, { id: sourceId });
+  if (!sourceDoc) {
+    return NextResponse.json({ error: "原始页面不存在或无权限" }, { status: 404 });
+  }
+
+  const targetContent = await client.query(api.documents.getContent, { id: targetId });
+  if (!targetContent) {
+    return NextResponse.json({ error: "目标页面不存在或无权限" }, { status: 404 });
+  }
+  const targetMeta = await client.query(api.documents.getMeta, { id: targetId });
+
+  const currentBlocks = extractBlocksFromContent(targetContent.content);
+  const anchorId = trimOrNull(
+    (targetMeta as { embed_default_block_id?: string | null } | null)?.embed_default_block_id,
+  );
+  const anchorIndex = anchorId
+    ? currentBlocks.findIndex(
+        (block) =>
+          typeof block === "object" &&
+          block !== null &&
+          String((block as { id?: string }).id ?? "") === anchorId,
+      )
+    : -1;
+  const insertIndex = anchorIndex >= 0 ? anchorIndex + 1 : currentBlocks.length;
+  const nextBlocks: Json[] = [
+    ...currentBlocks.slice(0, insertIndex),
+    {
+      id: randomUUID(),
+      type: "pageReference",
+      props: {
+        pageId: sourceId,
+        title: sourceDoc.title ?? "无标题",
+      },
+    },
+    ...currentBlocks.slice(insertIndex),
+  ];
+  const nextContent = composeContentWithBlocks(targetContent.content, nextBlocks);
+  const workspaceId =
+    trimOrNull(sourceDoc.workspace_id) ??
+    trimOrNull((targetMeta as { workspace_id?: string | null } | null)?.workspace_id);
+
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    revision?: number | null;
+    conflict_detection_key?: string | null;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.node.embed",
+    payload: {
+      ...buildDocumentSavePayload({
+        documentId: targetId,
+        workspaceId,
+        revision:
+          typeof targetContent.revision === "number" && Number.isInteger(targetContent.revision)
+            ? targetContent.revision
+            : null,
+        content: nextContent,
+        conflictDetectionKey:
+          typeof targetContent.conflict_detection_key === "string"
+            ? targetContent.conflict_detection_key
+            : null,
+        blockCount: nextBlocks.length,
+      }),
+      sourceDocumentId: sourceId,
+      targetDocumentId: targetId,
+      anchorBlockId: anchorId,
+    },
+    pageId: targetId,
+    client,
+  });
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(envelope.payload, {
+      op: "noop",
+    }),
+  });
+
+  return NextResponse.json({
+    requestId: context.requestId,
+    traceId: context.traceId,
+    result: {
+      action: "embed",
+      workspaceId,
+      documentId: targetId,
+      sourceDocumentId: sourceId,
+      targetDocumentId: targetId,
+      execution: result ?? null,
+    },
+  });
+}
+
+async function handleCopy(request: Request, payload: TreeCommandPayload) {
+  const { auth, client } = await getAuthedConvexClient();
+  const normalizedItems = (payload.items ?? [])
+    .filter((item) => item?.documentId)
+    .map((item) => ({
+      documentId: assertDocumentId(item.documentId),
+      recursive: Boolean(item.recursive),
+    }));
+
+  if (normalizedItems.length === 0) {
+    return NextResponse.json({ error: "items 为空" }, { status: 400 });
+  }
+
+  const targetParentId = trimOrNull(payload.targetParentId);
+  let workspaceId: string | null = null;
+
+  if (targetParentId) {
+    const targetDoc = await client.query(api.documents.getMeta, { id: targetParentId });
+    if (!targetDoc) {
+      return NextResponse.json({ error: "目标页面不存在或无权限" }, { status: 404 });
+    }
+    workspaceId = trimOrNull(targetDoc.workspace_id);
+  } else {
+    const firstDoc = await client.query(api.documents.getMeta, {
+      id: normalizedItems[0]?.documentId ?? "",
+    });
+    if (!firstDoc) {
+      return NextResponse.json({ error: "源页面不存在或无权限" }, { status: 404 });
+    }
+    workspaceId = trimOrNull(firstDoc.workspace_id);
+  }
+
+  if (!workspaceId) {
+    return NextResponse.json({ error: "缺少目标工作空间" }, { status: 400 });
+  }
+
+  const { context, envelope, result } = await resolveTreeMutationResult<{
+    items: Array<{
+      oldId: string;
+      newId: string;
+      title?: string | null;
+    }>;
+  }>({
+    request,
+    workspaceId,
+    commandName: "tree.subtree.copy",
+    payload: {
+      workspaceId,
+      targetParentId,
+      items: normalizedItems,
+    },
+    pageId: targetParentId,
+    client,
+  });
+
+  await Promise.all(
+    (result.items ?? []).map(async (item) => {
+      await ensureDocumentScaffold(item.newId, item.title ?? "无标题");
+      await copyMindmapFilesIfExists(item.oldId, item.newId);
+    }),
+  );
+  const sidebarSnapshot = await loadTreeCommandSidebarSnapshot({
+    client,
+    auth,
+    workspaceId,
+  });
+  await recordTreeCommandSuccess({
+    context,
+    envelope,
+    client,
+    commandPayload: attachStreamDelta(
+      envelope.payload,
+      buildTreeCommandSnapshotDelta(sidebarSnapshot),
+    ),
+  });
+
+  return NextResponse.json({
+    requestId: context.requestId,
+    traceId: context.traceId,
+    result: {
+      action: "copy",
+      workspaceId,
+      targetParentId,
+      items: (result.items ?? []).map((item) => ({
+        oldId: item.oldId,
+        newId: item.newId,
+      })),
+      execution: result ?? null,
+    },
+  });
+}
+
 export const runtime = "nodejs";
diff --git a/wolai-frontend/src/components/documents/move-embed-picker-dialog.test.tsx b/wolai-frontend/src/components/documents/move-embed-picker-dialog.test.tsx
index 8cea008b..80db7aa8 100644
--- a/wolai-frontend/src/components/documents/move-embed-picker-dialog.test.tsx
+++ b/wolai-frontend/src/components/documents/move-embed-picker-dialog.test.tsx
@@ -1,7 +1,7 @@
 import { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import type { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { MoveEmbedPickerDialog } from "./move-embed-picker-dialog";
 
 (globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
@@ -21,6 +21,33 @@ const sidebarData = {
   trashedDocuments: [],
 };
 
+function buildSidebarNode(input: {
+  id: string;
+  title: string;
+  children?: Array<ReturnType<typeof buildSidebarNode>>;
+}) {
+  return {
+    access_scope: "private",
+    id: input.id,
+    workspace_id: "ws_test",
+    title: input.title,
+    parent_id: null,
+    sort_order: 0,
+    is_starred: false,
+    is_template: false,
+    created_at: "2026-04-24T00:00:00Z",
+    updated_at: "2026-04-24T00:00:00Z",
+    children: input.children ?? [],
+    kernel: {
+      nodeType: "page" as const,
+      depth: 0,
+      position: 0,
+      childCount: input.children?.length ?? 0,
+      expandedByDefault: true,
+    },
+  };
+}
+
 vi.mock("@tanstack/react-query", () => ({
   useQuery: ({ queryKey }: { queryKey: unknown[] }) => {
     const key = Array.isArray(queryKey) ? queryKey[0] : queryKey;
@@ -60,7 +87,9 @@ vi.mock("@/components/ui/dialog", () => ({
 }));
 
 vi.mock("@/components/ui/input", () => ({
-  Input: (props: React.InputHTMLAttributes<HTMLInputElement>) => <input {...props} />,
+  Input: React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>((props, ref) => (
+    <input ref={ref} {...props} />
+  )),
 }));
 
 vi.mock("@/components/ui/tabs", () => ({
@@ -94,6 +123,9 @@ describe("MoveEmbedPickerDialog", () => {
     container = document.createElement("div");
     document.body.appendChild(container);
     root = createRoot(container);
+    window.__MNOTE_RUNTIME_CONFIG__ = {
+      treeRendererFamily: "react",
+    };
   });
 
   afterEach(() => {
@@ -101,6 +133,7 @@ describe("MoveEmbedPickerDialog", () => {
       root.unmount();
     });
     container.remove();
+    vi.restoreAllMocks();
     vi.clearAllMocks();
     mockUseDocumentSearch.mockReset();
     mockUseDocumentSearch.mockReturnValue({
@@ -108,6 +141,7 @@ describe("MoveEmbedPickerDialog", () => {
       isLoading: false,
       error: null,
     });
+    sidebarData.kernelSidebarTree = [];
     delete window.__MNOTE_RUNTIME_CONFIG__;
   });
 
@@ -141,6 +175,73 @@ describe("MoveEmbedPickerDialog", () => {
     expect(onOpenChange).toHaveBeenCalledWith(false);
   });
 
+  it("空查询时应保留根节点并过滤 excludeIds", async () => {
+    sidebarData.kernelSidebarTree = [
+      buildSidebarNode({ id: "doc_hidden", title: "隐藏页面" }),
+      buildSidebarNode({ id: "doc_visible", title: "保留页面" }),
+    ];
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={vi.fn()}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot
+          excludeIds={["doc_hidden"]}
+          onPick={vi.fn(async () => undefined)}
+        />,
+      );
+    });
+
+    expect(container.querySelector('[data-testid="tree-picker-root"]')).not.toBeNull();
+    expect(container.querySelector('[data-testid="tree-picker-row"][data-node-id="doc_hidden"]')).toBeNull();
+    expect(container.querySelector('[data-testid="tree-picker-row"][data-node-id="doc_visible"]')).not.toBeNull();
+  });
+
+  it("空查询态应支持键盘高亮切换并按当前高亮项选中", async () => {
+    sidebarData.kernelSidebarTree = [
+      buildSidebarNode({ id: "doc_first", title: "第一页" }),
+      buildSidebarNode({ id: "doc_second", title: "第二页" }),
+    ];
+
+    const onPick = vi.fn(async () => undefined);
+    const onOpenChange = vi.fn();
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={onOpenChange}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot
+          excludeIds={[]}
+          onPick={onPick}
+        />,
+      );
+    });
+
+    const input = container.querySelector("input");
+    const pickerRows = container.querySelectorAll('[data-testid="tree-picker-row"]');
+    expect(input).not.toBeNull();
+    expect(pickerRows).toHaveLength(2);
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
+    });
+
+    expect(pickerRows[0]?.className ?? "").toContain("bg-[#e3ecff]");
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+    });
+
+    expect(onPick).toHaveBeenCalledWith("move", "doc_first");
+    expect(onOpenChange).toHaveBeenCalledWith(false);
+  });
+
   it("搜索结果也应继续复用统一 picker surface", async () => {
     mockUseDocumentSearch.mockReturnValue({
       data: {
@@ -198,6 +299,141 @@ describe("MoveEmbedPickerDialog", () => {
     expect(onOpenChange).toHaveBeenCalledWith(false);
   });
 
+  it("搜索结果态应支持高亮切换并按当前高亮项选中", async () => {
+    mockUseDocumentSearch.mockReturnValue({
+      data: {
+        results: [
+          {
+            id: "doc_first",
+            title: "第一页",
+            matchField: "title",
+          },
+          {
+            id: "doc_second",
+            title: "第二页",
+            matchField: "title",
+          },
+        ],
+      },
+      isLoading: false,
+      error: null,
+    });
+
+    const onPick = vi.fn(async () => undefined);
+    const onOpenChange = vi.fn();
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={onOpenChange}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot
+          excludeIds={[]}
+          onPick={onPick}
+        />,
+      );
+    });
+
+    const input = container.querySelector("input");
+    expect(input).not.toBeNull();
+
+    await act(async () => {
+      Object.defineProperty(input as HTMLInputElement, "value", {
+        configurable: true,
+        value: "第",
+      });
+      input?.dispatchEvent(new Event("input", { bubbles: true }));
+      input?.dispatchEvent(new Event("change", { bubbles: true }));
+    });
+
+    const pickerRows = container.querySelectorAll('[data-testid="tree-picker-row"]');
+    expect(pickerRows).toHaveLength(2);
+    await act(async () => {
+      pickerRows[1]?.dispatchEvent(new MouseEvent("mouseover", { bubbles: true }));
+    });
+
+    expect(pickerRows[1]?.className ?? "").toContain("bg-[#e3ecff]");
+
+    await act(async () => {
+      pickerRows[1]?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+
+    expect(onPick).toHaveBeenCalledWith("move", "doc_second");
+    expect(onOpenChange).toHaveBeenCalledWith(false);
+  });
+
+  it("搜索结果态不应再注入根节点，且仍应支持多次 ArrowDown 后选中后续结果", async () => {
+    mockUseDocumentSearch.mockReturnValue({
+      data: {
+        results: [
+          {
+            id: "doc_first",
+            title: "第一页",
+            matchField: "title",
+          },
+          {
+            id: "doc_second",
+            title: "第二页",
+            matchField: "title",
+          },
+        ],
+      },
+      isLoading: false,
+      error: null,
+    });
+
+    const onPick = vi.fn(async () => undefined);
+    const onOpenChange = vi.fn();
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={onOpenChange}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot
+          excludeIds={[]}
+          onPick={onPick}
+        />,
+      );
+    });
+
+    const input = container.querySelector("input");
+    expect(input).not.toBeNull();
+
+    await act(async () => {
+      Object.defineProperty(input as HTMLInputElement, "value", {
+        configurable: true,
+        value: "第",
+      });
+      input?.dispatchEvent(new Event("input", { bubbles: true }));
+      input?.dispatchEvent(new Event("change", { bubbles: true }));
+    });
+
+    const pickerRows = container.querySelectorAll('[data-testid="tree-picker-row"]');
+    expect(container.querySelector('[data-testid="tree-picker-root"]')).toBeNull();
+    expect(pickerRows).toHaveLength(2);
+
+    await act(async () => {
+      input?.focus();
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
+    });
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
+    });
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+    });
+
+    expect(onPick).toHaveBeenCalledWith("move", "doc_second");
+    expect(onOpenChange).toHaveBeenCalledWith(false);
+  });
+
   it("rust_family 配置下，picker 空态与结果态都应进入统一 host", async () => {
     window.__MNOTE_RUNTIME_CONFIG__ = {
       treeRendererFamily: "rust_family",
@@ -266,4 +502,165 @@ describe("MoveEmbedPickerDialog", () => {
       container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]'),
     ).not.toBeNull();
   });
+
+  it("rust_family 配置下，输入框键盘命令应转发给 iframe，并用焦点回传更新 shell 状态", async () => {
+    window.__MNOTE_RUNTIME_CONFIG__ = {
+      treeRendererFamily: "rust_family",
+    };
+    mockUseDocumentSearch.mockReturnValue({
+      data: {
+        results: [
+          {
+            id: "doc_first",
+            title: "第一页",
+            matchField: "title",
+          },
+          {
+            id: "doc_second",
+            title: "第二页",
+            matchField: "title",
+          },
+        ],
+      },
+      isLoading: false,
+      error: null,
+    });
+    vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={vi.fn()}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot
+          excludeIds={[]}
+          onPick={vi.fn(async () => undefined)}
+        />,
+      );
+    });
+
+    const input = container.querySelector("input");
+    expect(input).not.toBeNull();
+
+    await act(async () => {
+      Object.defineProperty(input as HTMLInputElement, "value", {
+        configurable: true,
+        value: "第",
+      });
+      input?.dispatchEvent(new Event("input", { bubbles: true }));
+      input?.dispatchEvent(new Event("change", { bubbles: true }));
+    });
+
+    const iframe = container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]');
+    expect(iframe).not.toBeNull();
+    Object.defineProperty(iframe, "contentWindow", {
+      configurable: true,
+      value: window,
+    });
+    const postMessageMock = vi.spyOn(window, "postMessage").mockImplementation(() => undefined);
+    postMessageMock.mockClear();
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
+    });
+
+    expect(postMessageMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        channel: "tree-picker-surface",
+        type: "tree.picker.command",
+        command: "next",
+      }),
+      "*",
+    );
+
+    postMessageMock.mockClear();
+
+    await act(async () => {
+      window.dispatchEvent(
+        new MessageEvent("message", {
+          data: {
+            channel: "tree-picker-surface",
+            type: "tree.picker.focus.changed",
+            documentId: "doc_second",
+            itemKey: "doc_second",
+          },
+          source: window,
+        }),
+      );
+    });
+
+    expect(postMessageMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        channel: "tree-picker-surface",
+        type: "tree.shell.state.patch",
+        activeDocumentId: "doc_second",
+        activePickerItemKey: "doc_second",
+      }),
+      "*",
+    );
+
+    postMessageMock.mockClear();
+
+    await act(async () => {
+      input?.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+    });
+
+    expect(postMessageMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        channel: "tree-picker-surface",
+        type: "tree.picker.command",
+        command: "pick",
+      }),
+      "*",
+    );
+  });
+
+  it("rust_family 配置下，无根目录且无结果时也应保持 same-origin host 空态", async () => {
+    window.__MNOTE_RUNTIME_CONFIG__ = {
+      treeRendererFamily: "rust_family",
+    };
+    vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+
+    const onPick = vi.fn(async () => undefined);
+    const onOpenChange = vi.fn();
+
+    await act(async () => {
+      root.render(
+        <MoveEmbedPickerDialog
+          open
+          onOpenChange={onOpenChange}
+          workspaceId="ws_test"
+          defaultMode="move"
+          allowRoot={false}
+          excludeIds={[]}
+          onPick={onPick}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const surface = container.querySelector('[data-testid="tree-picker-surface"]');
+    const iframe = container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]');
+
+    expect(surface?.getAttribute("data-tree-host-kind")).toBe("rust_family");
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
+    expect(iframe).not.toBeNull();
+    expect(iframe?.getAttribute("data-tree-shell-inline")).toBe("1");
+  });
+
 });
diff --git a/wolai-frontend/src/components/documents/move-embed-picker-dialog.tsx b/wolai-frontend/src/components/documents/move-embed-picker-dialog.tsx
index 0c2c71dc..c68c543d 100644
--- a/wolai-frontend/src/components/documents/move-embed-picker-dialog.tsx
+++ b/wolai-frontend/src/components/documents/move-embed-picker-dialog.tsx
@@ -1,9 +1,10 @@
 "use client";
 
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Search } from "lucide-react";
 import { TreePickerSurface } from "@/components/sidebar/tree-shell-surface";
+import type { TreeShellPickerCommand } from "@/components/sidebar/tree-shell-host";
 import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -14,6 +15,7 @@ import { useDocumentSearch } from "@/hooks/use-document-search";
 import type { DocumentSearchFilters, DocumentSearchResult } from "@/types/search";
 
 export type MoveEmbedMode = "move" | "embed";
+const PICKER_ROOT_ITEM_KEY = "__root__";
 
 const DEFAULT_FILTERS: DocumentSearchFilters = {
   titleOnly: true,
@@ -106,7 +108,11 @@ function MoveEmbedPickerDialogBody({
   const [mode, setMode] = useState<MoveEmbedMode>(defaultMode);
   const [query, setQuery] = useState("");
   const [highlighted, setHighlighted] = useState(0);
-  const treeRendererFamily = getMnoteRuntimeConfig().treeRendererFamily ?? "react";
+  const [pickerCommand, setPickerCommand] = useState<TreeShellPickerCommand | null>(null);
+  const searchInputRef = useRef<HTMLInputElement | null>(null);
+  const keyboardHighlightPendingRef = useRef(false);
+  const treeRendererFamily = getMnoteRuntimeConfig().treeRendererFamily ?? "rust_family";
+  const canDelegatePickerKeyboardToShell = treeRendererFamily === "rust_family" && Boolean(workspaceId);
 
   const handleModeChange = useCallback((value: string) => {
     setMode(value as MoveEmbedMode);
@@ -119,6 +125,13 @@ function MoveEmbedPickerDialogBody({
     setHighlighted(0);
   }, []);
 
+  const queuePickerCommand = useCallback((kind: TreeShellPickerCommand["kind"]) => {
+    setPickerCommand((prev) => ({
+      kind,
+      seq: (prev?.seq ?? 0) + 1,
+    }));
+  }, []);
+
   const payload = useMemo(() => {
     if (!workspaceId) return null;
     return {
@@ -152,11 +165,11 @@ function MoveEmbedPickerDialogBody({
 
     const result: PickerItem[] = [];
 
-    if (allowRoot && mode === "move") {
-      result.push({ kind: "root", id: null, title: "根目录", subtitle: "移动到工作空间根目录" });
-    }
-
     if (isEmptyQuery) {
+      if (allowRoot && mode === "move") {
+        result.push({ kind: "root", id: null, title: "根目录", subtitle: "移动到工作空间根目录" });
+      }
+
       const tree = sidebarQuery.data?.kernelSidebarTree ?? [];
       const flattened = buildPickerTreeItems(
         buildPageTreeProjectionItems(tree),
@@ -191,6 +204,14 @@ function MoveEmbedPickerDialogBody({
     return result;
   }, [allowRoot, data?.recent, data?.results, excludeIds, isEmptyQuery, mode, sidebarQuery.data?.kernelSidebarTree]);
 
+  const pickerItemIndexByKey = useMemo(() => {
+    const result = new Map<string, number>();
+    items.forEach((item, index) => {
+      result.set(item.kind === "root" ? PICKER_ROOT_ITEM_KEY : item.id, index);
+    });
+    return result;
+  }, [items]);
+
   const placeholder = mode === "move" ? "移动到..." : "嵌入到...";
   const handlePick = useCallback(
     async (targetId: string | null) => {
@@ -199,26 +220,161 @@ function MoveEmbedPickerDialogBody({
     },
     [mode, onOpenChange, onPick],
   );
+  useEffect(() => {
+    if (items.length === 0) {
+      if (highlighted !== 0) {
+        setHighlighted(0);
+      }
+      return;
+    }
+    if (highlighted >= items.length) {
+      setHighlighted(items.length - 1);
+    }
+  }, [highlighted, items.length]);
+  const handleShellPickerFocusChange = useCallback(
+    (payload: { itemKey: string | null; documentId: string | null }) => {
+      const nextKey = payload.itemKey ?? payload.documentId;
+      if (!nextKey) {
+        return;
+      }
+      const nextIndex = pickerItemIndexByKey.get(nextKey);
+      if (typeof nextIndex === "number") {
+        setHighlighted(nextIndex);
+      }
+    },
+    [pickerItemIndexByKey],
+  );
+  const handlePickerKeyDown = useCallback(
+    (event: KeyboardEvent) => {
+      if (items.length === 0) {
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        keyboardHighlightPendingRef.current = true;
+        if (canDelegatePickerKeyboardToShell) {
+          queuePickerCommand("next");
+          return;
+        }
+        setHighlighted((prev) => Math.min(items.length - 1, prev + 1));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        keyboardHighlightPendingRef.current = true;
+        if (canDelegatePickerKeyboardToShell) {
+          queuePickerCommand("previous");
+          return;
+        }
+        setHighlighted((prev) => Math.max(0, prev - 1));
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        keyboardHighlightPendingRef.current = true;
+        if (canDelegatePickerKeyboardToShell) {
+          queuePickerCommand("home");
+          return;
+        }
+        setHighlighted(0);
+      } else if (event.key === "End") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        keyboardHighlightPendingRef.current = true;
+        if (canDelegatePickerKeyboardToShell) {
+          queuePickerCommand("end");
+          return;
+        }
+        setHighlighted(items.length - 1);
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        if (canDelegatePickerKeyboardToShell) {
+          queuePickerCommand("pick");
+          return;
+        }
+        const picked = items[highlighted];
+        if (!picked) return;
+        void handlePick(picked.id);
+      }
+    },
+    [canDelegatePickerKeyboardToShell, handlePick, highlighted, items, queuePickerCommand],
+  );
+  useEffect(() => {
+    const input = searchInputRef.current;
+    if (!input) {
+      return undefined;
+    }
+    const onKeyDown = (event: KeyboardEvent) => {
+      handlePickerKeyDown(event);
+    };
+    input.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      input.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [handlePickerKeyDown]);
+  useEffect(() => {
+    if (!keyboardHighlightPendingRef.current) {
+      return;
+    }
+    keyboardHighlightPendingRef.current = false;
+    if (isEmptyQuery || treeRendererFamily !== "rust_family") {
+      return;
+    }
+    const input = searchInputRef.current;
+    if (!input) {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      const current = searchInputRef.current;
+      if (!current) {
+        return;
+      }
+      // 说明：same-origin picker shell 在搜索态会随高亮更新重新同步 iframe。
+      // 这里把焦点稳回搜索框，避免第二次 ArrowDown 丢到输入框外。
+      current.focus({ preventScroll: true });
+      const end = current.value.length;
+      try {
+        current.setSelectionRange(end, end);
+      } catch {
+        // 说明：部分输入实现不支持 selection range，这里静默忽略即可。
+      }
+    });
+  }, [highlighted, isEmptyQuery, treeRendererFamily]);
+  const highlightedItem = items[highlighted] ?? null;
+  const highlightedDocumentId = highlightedItem?.kind === "doc" ? highlightedItem.id : null;
+  const activePickerItemKey =
+    highlightedItem?.kind === "root"
+      ? PICKER_ROOT_ITEM_KEY
+      : highlightedItem?.kind === "doc"
+        ? highlightedItem.id
+        : null;
   const pickerFallback = (
     sidebarQuery.isLoading ? (
       <div className="p-4 text-sm text-gray-400">加载中...</div>
     ) : sidebarQuery.error ? (
       <div className="p-4 text-sm text-red-600">{String(sidebarQuery.error)}</div>
-    ) : items.length === 0 ? (
-      <div className="p-4 text-sm text-gray-400">没有匹配结果</div>
     ) : (
       <TreePickerSurface
         rendererFamily={treeRendererFamily}
         workspaceId={workspaceId}
         treeShellEnabled={isEmptyQuery}
+        activePickerItemKey={activePickerItemKey}
         allowRootPick={allowRoot && mode === "move"}
         excludeIds={excludeIds}
+        pickerCommand={canDelegatePickerKeyboardToShell ? pickerCommand : null}
+        treeShellItems={items}
         items={items}
         highlighted={highlighted}
         onHighlight={setHighlighted}
         onPick={(targetId) => {
           void handlePick(targetId);
         }}
+        onPickerFocusChange={canDelegatePickerKeyboardToShell ? handleShellPickerFocusChange : undefined}
       />
     )
   );
@@ -243,6 +399,7 @@ function MoveEmbedPickerDialogBody({
             <div className="relative">
               <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" />
               <Input
+                ref={searchInputRef}
                 value={query}
                 onChange={(e) => handleQueryChange(e.target.value)}
                 placeholder={placeholder}
@@ -253,26 +410,7 @@ function MoveEmbedPickerDialogBody({
         </Tabs>
       </div>
 
-      <div
-        className="flex-1 overflow-y-auto"
-        onKeyDown={(event) => {
-          if (isEmptyQuery) {
-            return;
-          }
-          if (event.key === "ArrowDown") {
-            event.preventDefault();
-            setHighlighted((prev) => Math.min(items.length - 1, prev + 1));
-          } else if (event.key === "ArrowUp") {
-            event.preventDefault();
-            setHighlighted((prev) => Math.max(0, prev - 1));
-          } else if (event.key === "Enter") {
-            event.preventDefault();
-            const picked = items[highlighted];
-            if (!picked) return;
-            void handlePick(picked.id);
-          }
-        }}
-      >
+      <div className="flex-1 overflow-y-auto">
         {!workspaceId ? (
           <div className="p-4 text-sm text-gray-500">缺少 workspaceId，无法加载页面列表。</div>
         ) : isEmptyQuery ? (
@@ -281,15 +419,16 @@ function MoveEmbedPickerDialogBody({
           <div className="p-4 text-sm text-gray-400">加载中...</div>
         ) : error ? (
           <div className="p-4 text-sm text-red-600">{String(error)}</div>
-        ) : items.length === 0 ? (
-          <div className="p-4 text-sm text-gray-400">没有匹配结果</div>
         ) : (
           <TreePickerSurface
             rendererFamily={treeRendererFamily}
             workspaceId={workspaceId}
             treeShellEnabled={Boolean(workspaceId)}
+            activeDocumentId={highlightedDocumentId}
+            activePickerItemKey={activePickerItemKey}
             allowRootPick={false}
             excludeIds={excludeIds}
+            pickerCommand={canDelegatePickerKeyboardToShell ? pickerCommand : null}
             treeShellItems={items}
             items={items}
             highlighted={highlighted}
@@ -298,6 +437,7 @@ function MoveEmbedPickerDialogBody({
             onPick={(targetId) => {
               void handlePick(targetId);
             }}
+            onPickerFocusChange={canDelegatePickerKeyboardToShell ? handleShellPickerFocusChange : undefined}
           />
         )}
       </div>
diff --git a/wolai-frontend/src/components/sidebar/file-tree.tsx b/wolai-frontend/src/components/sidebar/file-tree.tsx
index 27a4b885..8734d059 100644
--- a/wolai-frontend/src/components/sidebar/file-tree.tsx
+++ b/wolai-frontend/src/components/sidebar/file-tree.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ChevronRight, FileText, Folder, Paperclip, Plus } from "lucide-react";
+import { AudioLines, BookOpen, ChevronRight, FileImage, FileText, FileVideo, Folder, Paperclip, Plus } from "lucide-react";
 import { useMemo, useState } from "react";
 import { cn } from "@/lib/utils";
 import type { FileTreeRow } from "@/lib/file-tree/types";
@@ -26,6 +26,47 @@ interface FileTreeProps {
 
 const INDENT = 16;
 
+function resolveAssetIconKind(row: Extract<FileTreeRow, { kind: "asset" | "asset-folder" }>) {
+  const assetType = String(row.asset.asset_type ?? "").trim().toLowerCase();
+  if (assetType === "mindmap") return "mindmap";
+  if (assetType === "luckysheet") return "table";
+
+  const mimeType = String(row.asset.mime_type ?? "").trim().toLowerCase();
+  const fileName = String(row.asset.file_name ?? "").trim().toLowerCase();
+  const ext = fileName.includes(".") ? fileName.split(".").pop() ?? "" : "";
+
+  if (ext === "pdf" || mimeType.includes("pdf")) return "pdf";
+  if (ext === "epub" || mimeType.includes("epub")) return "book";
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.startsWith("video/")) return "video";
+  if (mimeType.startsWith("audio/")) return "audio";
+  return "file";
+}
+
+function renderAssetIcon(row: Extract<FileTreeRow, { kind: "asset" | "asset-folder" }>) {
+  const iconKind = resolveAssetIconKind(row);
+  const baseClass = "w-4 h-4 shrink-0";
+
+  switch (iconKind) {
+    case "mindmap":
+      return <Folder className={`${baseClass} text-[#7c3aed]`} />;
+    case "table":
+      return <FileText className={`${baseClass} text-[#b45309]`} />;
+    case "pdf":
+      return <FileText className={`${baseClass} text-[#dc2626]`} />;
+    case "book":
+      return <BookOpen className={`${baseClass} text-[#0f766e]`} />;
+    case "image":
+      return <FileImage className={`${baseClass} text-[#0891b2]`} />;
+    case "video":
+      return <FileVideo className={`${baseClass} text-[#ea580c]`} />;
+    case "audio":
+      return <AudioLines className={`${baseClass} text-[#16a34a]`} />;
+    default:
+      return <Paperclip className={`${baseClass} text-wolai-text-secondary`} />;
+  }
+}
+
 export function FileTree({
   rows,
   activeId,
@@ -300,13 +341,13 @@ export function FileTree({
                 ) : (
                   <span className="w-5 h-5 shrink-0" />
                 )}
-                <Folder className="w-4 h-4 text-[#2563eb] shrink-0" />
+                {renderAssetIcon(row)}
                 <span className="min-w-0 flex-1 truncate text-left">{label}</span>
               </>
             ) : (
               <>
                 <span className="w-4 h-4 shrink-0" />
-                <Paperclip className="w-4 h-4 text-wolai-text-secondary shrink-0" />
+                {renderAssetIcon(row)}
                 <span className="min-w-0 flex-1 truncate text-left">{label}</span>
               </>
             )}
diff --git a/wolai-frontend/src/components/sidebar/sidebar-navigation.test.ts b/wolai-frontend/src/components/sidebar/sidebar-navigation.test.ts
new file mode 100644
index 00000000..64554e8b
--- /dev/null
+++ b/wolai-frontend/src/components/sidebar/sidebar-navigation.test.ts
@@ -0,0 +1,18 @@
+import { describe, expect, it } from "vitest";
+import { buildSidebarDocumentOpenTarget } from "./sidebar-navigation";
+
+describe("sidebar-navigation", () => {
+  it("页面树普通打开应留在当前窗口", () => {
+    expect(buildSidebarDocumentOpenTarget("doc_1", "main", "http://127.0.0.1:3000")).toEqual({
+      kind: "same-window",
+      path: "/documents/doc_1",
+    });
+  });
+
+  it("显式侧栏预览打开才应使用新窗口 URL", () => {
+    expect(buildSidebarDocumentOpenTarget("doc_1", "sidebar", "http://127.0.0.1:3000")).toEqual({
+      kind: "new-window",
+      url: "http://127.0.0.1:3000/documents/doc_1?preview=sidebar",
+    });
+  });
+});
diff --git a/wolai-frontend/src/components/sidebar/sidebar-navigation.ts b/wolai-frontend/src/components/sidebar/sidebar-navigation.ts
new file mode 100644
index 00000000..525e9b37
--- /dev/null
+++ b/wolai-frontend/src/components/sidebar/sidebar-navigation.ts
@@ -0,0 +1,19 @@
+export type SidebarDocumentOpenMode = "main" | "sidebar";
+
+export type SidebarDocumentOpenTarget =
+  | { kind: "same-window"; path: string }
+  | { kind: "new-window"; url: string };
+
+export function buildSidebarDocumentOpenTarget(
+  documentId: string,
+  mode: SidebarDocumentOpenMode,
+  origin?: string | null,
+): SidebarDocumentOpenTarget {
+  const path = `/documents/${documentId}`;
+  if (mode === "main") {
+    return { kind: "same-window", path };
+  }
+
+  const base = origin ? `${origin}${path}` : path;
+  return { kind: "new-window", url: `${base}?preview=sidebar` };
+}
diff --git a/wolai-frontend/src/components/sidebar/sidebar.tsx b/wolai-frontend/src/components/sidebar/sidebar.tsx
index ff0e07eb..15237366 100644
--- a/wolai-frontend/src/components/sidebar/sidebar.tsx
+++ b/wolai-frontend/src/components/sidebar/sidebar.tsx
@@ -54,9 +54,18 @@ import {
 import { useSearchPaletteStore } from "@/store/search-palette";
 import { useEditorBridgeStore } from "@/store/editor-bridge";
 import { useCurrentDocumentStore } from "@/store/current-document";
-import { buildVisibleRows } from "@/lib/file-tree/rows";
-import { buildParentById, filterTopLevelDocIds, inferDropTargetDocId, isInvalidDocDrop } from "@/lib/file-tree/dnd";
+import { buildVisibleRows, filterKernelFileTreeProjectionItems } from "@/lib/file-tree/rows";
+import { buildParentById, filterTopLevelDocIds } from "@/lib/file-tree/dnd";
 import { isRealFileAsset } from "@/lib/file-tree/asset";
+import {
+  computeFileTreeShellDeleteTargets,
+  buildFileTreeShellRowById,
+  buildFileTreeShellVisibleRowIds,
+  type FileTreeShellRow,
+  inferFileTreeShellTargetDocumentId,
+  getOrderedFileTreeShellRows,
+  resolveFileTreeShellMindmapTargetId,
+} from "@/lib/file-tree/shell";
 import { MoveEmbedPickerDialog, type MoveEmbedMode } from "@/components/documents/move-embed-picker-dialog";
 import {
   computeTreePaneDeleteTargets,
@@ -69,6 +78,10 @@ import {
   type TreePaneSelectionState,
   writeTreePaneClipboardPayload,
 } from "@/components/sidebar/tree-pane-bindings";
+import {
+  buildSidebarDocumentOpenTarget,
+  type SidebarDocumentOpenMode,
+} from "@/components/sidebar/sidebar-navigation";
 import type { MediaAsset } from "@/types/media";
 import { AssetContextMenu } from "@/components/sidebar/asset-context-menu";
 import { emitAssetsChanged, emitAssetsRestored, emitDocumentsChanged } from "@/lib/events";
@@ -105,8 +118,6 @@ const SECTION_ICONS: Record<Exclude<SidebarSectionId, "private">, React.ReactNod
   templates: <LayoutGrid className="h-4 w-4 text-[#34d399]" />,
 };
 
-const normalizeStoragePath = (storagePath: string): string => storagePath.replaceAll("\\", "/");
-
 const officeFileTypeFromAsset = (fileName: string | null, mimeType: string | null) => {
   const name = (fileName ?? "").trim().toLowerCase();
   const mt = (mimeType ?? "").trim().toLowerCase();
@@ -122,27 +133,6 @@ const officeFileTypeFromAsset = (fileName: string | null, mimeType: string | nul
   return null;
 };
 
-const extractMindmapIdFromStoragePath = (
-  storagePath: string | null | undefined,
-): string | null => {
-  if (!storagePath) return null;
-  const normalized = normalizeStoragePath(storagePath);
-
-  const prefix = "mindmaps/";
-  if (normalized.startsWith(prefix)) {
-    const rest = normalized.slice(prefix.length);
-    const id = rest.split("/")[0];
-    return id ? id : null;
-  }
-
-  const marker = "/mindmaps/";
-  const idx = normalized.indexOf(marker);
-  if (idx === -1) return null;
-  const rest = normalized.slice(idx + marker.length);
-  const id = rest.split("/")[0];
-  return id ? id : null;
-};
-
 interface SidebarProps {
   initialData: SidebarInitialData;
   sidebarData?: SidebarInitialData;
@@ -212,7 +202,8 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   const { signOut } = useAuthActions();
   const activeId = segments?.[1] ?? "";
   const editorBridge = useEditorBridgeStore((state) => state.bridge);
-  const treeRendererFamily = getMnoteRuntimeConfig().treeRendererFamily ?? "react";
+  const treeRendererFamily = getMnoteRuntimeConfig().treeRendererFamily ?? "rust_family";
+  const isRustFamilyTreeRenderer = treeRendererFamily === "rust_family";
 
   const [tree, setTree] = useState<SidebarTreeNode[]>(() => sidebarData.kernelSidebarTree);
   const [filter, setFilter] = useState("");
@@ -282,6 +273,7 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   const mediaAssetsSyncKeyRef = useRef<string>(buildMediaAssetListSyncKey(sidebarData.mediaAssets ?? []));
   const mindmapAssetsSyncKeyRef = useRef<string>(buildMediaAssetListSyncKey(sidebarData.mindmapAssets ?? []));
   const tableAssetsSyncKeyRef = useRef<string>(buildMediaAssetListSyncKey(sidebarData.tableAssets ?? []));
+  const pageTreeFocusedDocumentIdRef = useRef<string | null>(activeId || null);
 
   const resourcePaneContainerRef = useRef<HTMLDivElement>(null);
   const creatingDocumentUnderParentRef = useRef<Set<string>>(new Set());
@@ -301,6 +293,10 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     });
   }, [sidebarData.kernelSidebarTree]);
 
+  useEffect(() => {
+    pageTreeFocusedDocumentIdRef.current = activeId || null;
+  }, [activeId]);
+
   useEffect(() => {
     const nextAssets = sidebarData.mediaAssets ?? [];
     const nextSyncKey = buildMediaAssetListSyncKey(nextAssets);
@@ -588,80 +584,6 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     return assets.filter((item) => (item.file_name ?? "未命名附件").toLowerCase().includes(keyword));
   }, [sidebarData.trashedMediaAssets, sidebarData.trashedMindmapAssets, sidebarData.trashedTableAssets, trashSearch]);
 
-  const mindmapChildrenSnapshot = useMemo(() => {
-    const mapping = sidebarData.mindmapAssetChildren ?? {};
-    const mindmapDocById = new Map<string, string>(
-      (mindmapAssets ?? [])
-        .filter((asset) => asset.asset_type === "mindmap")
-        .map((asset) => [asset.id, asset.document_id]),
-    );
-    const mindmapIds = new Set(mindmapDocById.keys());
-
-    const mediaById = new Map<string, MediaAsset>(
-      (mediaAssets ?? []).map((asset) => [asset.id, asset]),
-    );
-
-    const childAssetsByMindmapId: Record<string, MediaAsset[]> = {};
-    const childIds = new Set<string>();
-    const assigned = new Set<string>();
-
-    // 物理目录：storage_path 归属到 mindmaps/<mindmapId>/ 的附件，作为导图文件夹内容
-    (mediaAssets ?? []).forEach((asset) => {
-      const sp = asset.storage_path;
-      if (!sp || typeof sp !== "string") return;
-      const mindmapId = extractMindmapIdFromStoragePath(sp);
-      if (!mindmapId) return;
-      if (!mindmapIds.has(mindmapId)) return;
-      const docId = mindmapDocById.get(mindmapId);
-      if (docId && asset.document_id !== docId) return;
-      if (assigned.has(asset.id)) return;
-      assigned.add(asset.id);
-      childIds.add(asset.id);
-      if (!childAssetsByMindmapId[mindmapId]) childAssetsByMindmapId[mindmapId] = [];
-      childAssetsByMindmapId[mindmapId].push(asset);
-    });
-
-    // 引用图片：从 mindmap JSON 解析出的 assetIds，也放到导图文件夹下（去重）
-    (mindmapAssets ?? []).forEach((mindmapAsset) => {
-      const ids = mapping[mindmapAsset.id] ?? [];
-      if (!Array.isArray(ids) || ids.length === 0) return;
-      ids.forEach((id) => {
-        const asset = mediaById.get(id);
-        if (!asset) return;
-        if (asset.document_id !== mindmapAsset.document_id) return;
-        if (assigned.has(asset.id)) return;
-        assigned.add(asset.id);
-        childIds.add(asset.id);
-        if (!childAssetsByMindmapId[mindmapAsset.id]) childAssetsByMindmapId[mindmapAsset.id] = [];
-        childAssetsByMindmapId[mindmapAsset.id].push(asset);
-      });
-    });
-
-    return { childAssetsByMindmapId, childIds };
-  }, [mediaAssets, mindmapAssets, sidebarData.mindmapAssetChildren]);
-
-  const assetsByDoc = useMemo(() => {
-    const map: Record<string, MediaAsset[]> = {};
-    const assets = [
-      ...((mediaAssets ?? []).filter(
-        (asset) => !mindmapChildrenSnapshot.childIds.has(asset.id),
-      )),
-      ...(mindmapAssets ?? []),
-      ...(tableAssets ?? []),
-    ];
-
-    assets.forEach((asset) => {
-      if (!map[asset.document_id]) {
-        map[asset.document_id] = [];
-      }
-      const exists = map[asset.document_id].some((a) => a.id === asset.id && a.asset_type === asset.asset_type);
-      if (!exists) {
-        map[asset.document_id].push(asset);
-      }
-    });
-    return map;
-  }, [mediaAssets, mindmapAssets, tableAssets, mindmapChildrenSnapshot.childIds]);
-
   const assetById = useMemo(() => {
     const map = new Map<string, MediaAsset>();
     [...mediaAssets, ...mindmapAssets, ...tableAssets].forEach((asset) => {
@@ -672,40 +594,81 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
 
   const [expandedAssetFolders, setExpandedAssetFolders] = useState<Set<string>>(() => new Set());
 
-  const resourceRows = useMemo(
+  const resourceTreeShellItems = useMemo(
     () =>
-      buildVisibleRows({
-        fileTreeItems:
-          filter.trim().length === 0
-            ? sidebarData.kernelFileTreeProjection.items
-            : undefined,
-        pageRows: visibleFilteredPrivatePageRows,
-        expanded,
-        assetsByDoc,
-        assetChildrenByAssetId: mindmapChildrenSnapshot.childAssetsByMindmapId,
-        expandedAssetFolderIds: expandedAssetFolders,
-        nodeById,
-        assetById,
-      }),
+      filter.trim().length === 0
+        ? undefined
+        : filterKernelFileTreeProjectionItems({
+            fileTreeItems: sidebarData.kernelFileTreeProjection.items,
+            visibleDocumentIds: new Set(visibleFilteredPrivatePageRows.map((item) => item.nodeId)),
+            expandedDocumentIds: expanded,
+            expandedAssetFolderIds: expandedAssetFolders,
+          }),
     [
-      assetById,
-      assetsByDoc,
       expanded,
       expandedAssetFolders,
-      mindmapChildrenSnapshot.childAssetsByMindmapId,
-      nodeById,
       sidebarData.kernelFileTreeProjection.items,
       visibleFilteredPrivatePageRows,
       filter,
     ],
   );
 
+  const effectivePageTreeShellRows = useMemo(
+    () => (filter.trim().length > 0 ? filteredPrivatePageRows : privatePageRows),
+    [filter, filteredPrivatePageRows, privatePageRows],
+  );
+
+  const effectiveResourceTreeShellItems = useMemo(
+    () => resourceTreeShellItems ?? sidebarData.kernelFileTreeProjection.items,
+    [resourceTreeShellItems, sidebarData.kernelFileTreeProjection.items],
+  );
+
+  const resourceShellVisibleRowIds = useMemo(
+    () => buildFileTreeShellVisibleRowIds(effectiveResourceTreeShellItems),
+    [effectiveResourceTreeShellItems],
+  );
+
+  const resourceShellRowById = useMemo(
+    () =>
+      buildFileTreeShellRowById({
+        fileTreeItems: effectiveResourceTreeShellItems,
+        nodeById,
+        assetById,
+      }),
+    [assetById, effectiveResourceTreeShellItems, nodeById],
+  );
+
+  const resourceRows = useMemo<TreePaneRow[]>(() => {
+    if (isRustFamilyTreeRenderer) {
+      return [];
+    }
+    return buildVisibleRows({
+      fileTreeItems: effectiveResourceTreeShellItems,
+      expanded,
+      expandedAssetFolderIds: expandedAssetFolders,
+      nodeById,
+      assetById,
+    });
+  }, [
+    assetById,
+    effectiveResourceTreeShellItems,
+    expanded,
+    expandedAssetFolders,
+    isRustFamilyTreeRenderer,
+    nodeById,
+  ]);
+
   const resourceVisibleRowIds = useMemo(() => resourceRows.map((row) => row.rowId), [resourceRows]);
   const resourceRowById = useMemo(() => new Map(resourceRows.map((row) => [row.rowId, row])), [resourceRows]);
+  const resourceSelectionVisibleRowIds = isRustFamilyTreeRenderer
+    ? resourceShellVisibleRowIds
+    : resourceVisibleRowIds;
 
   useEffect(() => {
-    setResourceSelection((prev) => normalizeTreePaneSelectionForVisibleRows(prev, resourceVisibleRowIds));
-  }, [resourceVisibleRowIds]);
+    setResourceSelection((prev) =>
+      normalizeTreePaneSelectionForVisibleRows(prev, resourceSelectionVisibleRowIds),
+    );
+  }, [resourceSelectionVisibleRowIds]);
 
   const docParentById = useMemo(
     () =>
@@ -730,18 +693,22 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   const activeWorkspace =
     sidebarData.workspaces.find((workspace) => workspace.id === sidebarData.activeWorkspaceId) ??
     sidebarData.workspaces[0];
+  const pageTreeFocusedDocumentId = pageTreeFocusedDocumentIdRef.current ?? (activeId || null);
 
   const handleOpenDocument = useCallback(
-    (documentId: string, mode: "main" | "sidebar") => {
-      const targetPath = `/documents/${documentId}`;
-      if (mode === "main") {
-        router.push(targetPath);
+    (documentId: string, mode: SidebarDocumentOpenMode) => {
+      const target = buildSidebarDocumentOpenTarget(
+        documentId,
+        mode,
+        typeof window !== "undefined" ? window.location.origin : null,
+      );
+      if (target.kind === "same-window") {
+        router.push(target.path);
         setOpen(false);
         return;
       }
       if (typeof window !== "undefined") {
-        const sidebarUrl = `${buildDocumentUrl(documentId)}?preview=sidebar`;
-        window.open(sidebarUrl, "_blank", "noopener,noreferrer");
+        window.open(target.url, "_blank", "noopener,noreferrer");
       }
     },
     [router, setOpen],
@@ -981,7 +948,8 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
 
   const handlePageTreeShellNavigate = useCallback(
     (documentId: string) => {
-      handleOpenDocument(documentId, "sidebar");
+      pageTreeFocusedDocumentIdRef.current = documentId;
+      handleOpenDocument(documentId, "main");
     },
     [handleOpenDocument],
   );
@@ -1008,6 +976,31 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     [nodeById],
   );
 
+  const handlePageTreeShellExpandChange = useCallback(
+    (payload: { documentId: string | null; expanded: boolean }) => {
+      if (!payload.documentId) {
+        return;
+      }
+      setExpanded((prev) => {
+        const next = new Set(prev);
+        if (payload.expanded) {
+          next.add(payload.documentId!);
+        } else {
+          next.delete(payload.documentId!);
+        }
+        return next;
+      });
+    },
+    [],
+  );
+
+  const handlePageTreeShellFocusChange = useCallback(
+    (payload: { documentId: string | null }) => {
+      pageTreeFocusedDocumentIdRef.current = payload.documentId;
+    },
+    [],
+  );
+
   const handleFileTreeShellContextMenu = useCallback(
     (payload: {
       documentId: string | null;
@@ -1029,9 +1022,9 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
         }
       }
 
-      const row = payload.rowId ? resourceRowById.get(payload.rowId) : null;
+      const row = payload.rowId ? resourceShellRowById.get(payload.rowId) : null;
       const node =
-        row && (row.kind === "doc" || row.kind === "index")
+        row && (row.rowKind === "doc" || row.rowKind === "index")
           ? row.node
           : payload.documentId
             ? nodeById.get(payload.documentId) ?? null
@@ -1045,7 +1038,7 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
         y: payload.y,
       });
     },
-    [assetById, nodeById, resourceRowById],
+    [assetById, nodeById, resourceShellRowById],
   );
 
   const handleFileTreeShellSelectionChange = useCallback(
@@ -1054,26 +1047,25 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
       anchorRowId: string | null;
       focusedRowId: string | null;
     }) => {
-      const visibleRowIds = resourceRows.map((row) => row.rowId);
       const normalized = normalizeTreePaneSelectionForVisibleRows(
         {
           selectedRowIds: new Set(
-            payload.selectedRowIds.filter((rowId) => resourceRowById.has(rowId)),
+            payload.selectedRowIds.filter((rowId) => resourceShellRowById.has(rowId)),
           ),
           anchorRowId:
-            payload.anchorRowId && resourceRowById.has(payload.anchorRowId)
+            payload.anchorRowId && resourceShellRowById.has(payload.anchorRowId)
               ? payload.anchorRowId
               : null,
           focusedRowId:
-            payload.focusedRowId && resourceRowById.has(payload.focusedRowId)
+            payload.focusedRowId && resourceShellRowById.has(payload.focusedRowId)
               ? payload.focusedRowId
               : null,
         },
-        visibleRowIds,
+        resourceShellVisibleRowIds,
       );
       setResourceSelection(normalized);
     },
-    [resourceRowById, resourceRows],
+    [resourceShellRowById, resourceShellVisibleRowIds],
   );
 
   const handleFileTreeShellAssetOpen = useCallback(
@@ -1121,9 +1113,9 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
           return;
         }
         event.preventDefault();
-        const orderedRowIds = resourceRows
-          .filter((row) => resourceSelection.selectedRowIds.has(row.rowId))
-          .map((row) => row.rowId);
+        const orderedRowIds = resourceSelectionVisibleRowIds.filter((rowId) =>
+          resourceSelection.selectedRowIds.has(rowId),
+        );
         await writeTreePaneClipboardPayload({
           type: "mnote-file-tree",
           version: 1,
@@ -1140,30 +1132,68 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
           return;
         }
 
-        const targetDocId = inferPasteTargetDocId({
-          focusedRowId: resourceSelection.focusedRowId,
-          rowById: resourceRowById,
-          activeDocId: activeId || null,
-        });
+        const targetDocId = isRustFamilyTreeRenderer
+          ? inferFileTreeShellTargetDocumentId({
+              focusedRowId: resourceSelection.focusedRowId,
+              rowById: resourceShellRowById,
+              activeDocId: activeId || null,
+            })
+          : inferPasteTargetDocId({
+              focusedRowId: resourceSelection.focusedRowId,
+              rowById: resourceRowById,
+              activeDocId: activeId || null,
+            });
         if (!targetDocId) {
           setTimeout(() => window.alert("请选择一个目标页面后再粘贴"), 0);
           return;
         }
 
-        const rows = payload.rowIds
-          .map((rowId) => resourceRowById.get(rowId as any))
-          .filter(Boolean) as TreePaneRow[];
-
         const docItemsMap = new Map<string, boolean>();
-        rows.forEach((row) => {
-          if (row.kind === "doc") {
-            docItemsMap.set(row.docId, true);
-          } else if (row.kind === "index") {
-            if (!docItemsMap.has(row.docId)) {
-              docItemsMap.set(row.docId, false);
+        const copyableAssetIds: string[] = [];
+
+        if (isRustFamilyTreeRenderer) {
+          const rows = getOrderedFileTreeShellRows({
+            rowIds: payload.rowIds,
+            visibleRowIds: resourceShellVisibleRowIds,
+            rowById: resourceShellRowById,
+          });
+
+          rows.forEach((row) => {
+            if (row.rowKind === "doc") {
+              docItemsMap.set(row.documentId, true);
+              return;
             }
-          }
-        });
+            if (row.rowKind === "index" && !docItemsMap.has(row.documentId)) {
+              docItemsMap.set(row.documentId, false);
+              return;
+            }
+            if (row.rowKind === "asset" && row.asset && isRealFileAsset(row.asset)) {
+              copyableAssetIds.push(row.asset.id);
+            }
+          });
+        } else {
+          const rows = payload.rowIds
+            .map((rowId) => resourceRowById.get(rowId as any))
+            .filter(Boolean) as TreePaneRow[];
+
+          rows.forEach((row) => {
+            if (row.kind === "doc") {
+              docItemsMap.set(row.docId, true);
+            } else if (row.kind === "index") {
+              if (!docItemsMap.has(row.docId)) {
+                docItemsMap.set(row.docId, false);
+              }
+            }
+          });
+
+          rows
+            .filter((row): row is Extract<TreePaneRow, { kind: "asset" }> => row.kind === "asset")
+            .map((row) => row.asset)
+            .filter((asset) => isRealFileAsset(asset))
+            .forEach((asset) => {
+              copyableAssetIds.push(asset.id);
+            });
+        }
 
         if (docItemsMap.size > 0) {
           try {
@@ -1183,9 +1213,6 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
           emitDocumentsChanged(targetDocId);
         }
 
-        const assetRows = rows.filter((row) => row.kind === "asset") as Extract<TreePaneRow, { kind: "asset" }>[];
-        const copyableAssetIds = assetRows.filter((row) => isRealFileAsset(row.asset)).map((row) => row.asset.id);
-
         if (copyableAssetIds.length > 0) {
           const resp = await fetch("/api/media/batch", {
             method: "POST",
@@ -1213,10 +1240,13 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     return () => window.removeEventListener("keydown", handler);
   }, [
     activeId,
+    isRustFamilyTreeRenderer,
+    resourceSelectionVisibleRowIds,
+    resourceShellRowById,
     resourceRowById,
-    resourceRows,
     resourceSelection.focusedRowId,
     resourceSelection.selectedRowIds,
+    resourceShellVisibleRowIds,
     sidebarQuery,
   ]);
 
@@ -1474,11 +1504,23 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   );
 
   const handleDeleteResourceSelection = useCallback(async () => {
-    const { docIds, assetIds } = computeTreePaneDeleteTargets({
-      visibleRows: resourceRows,
-      selectedRowIds: resourceSelection.selectedRowIds,
-      parentById: docParentById,
-    });
+    const shellDeleteTargets = isRustFamilyTreeRenderer
+      ? computeFileTreeShellDeleteTargets({
+          visibleRowIds: resourceShellVisibleRowIds,
+          rowById: resourceShellRowById,
+          selectedRowIds: resourceSelection.selectedRowIds,
+          parentById: docParentById,
+        })
+      : null;
+    const legacyDeleteTargets = !isRustFamilyTreeRenderer
+      ? computeTreePaneDeleteTargets({
+          visibleRows: resourceRows,
+          selectedRowIds: resourceSelection.selectedRowIds,
+          parentById: docParentById,
+        })
+      : null;
+    const docIds = shellDeleteTargets?.docIds ?? legacyDeleteTargets?.docIds ?? [];
+    const assetIds = shellDeleteTargets?.assetIds ?? legacyDeleteTargets?.assetIds ?? [];
 
     if (docIds.length === 0 && assetIds.length === 0) {
       return;
@@ -1493,14 +1535,16 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     ): row is Extract<TreePaneRow, { kind: "asset" | "asset-folder" }> =>
       row.kind === "asset" || row.kind === "asset-folder";
 
-    const selectedAssetHints = Array.from(
-      new Map(
-        resourceRows
-          .filter((row) => resourceSelection.selectedRowIds.has(row.rowId))
-          .filter(isAssetRow)
-          .map((row) => [row.asset.id, row.asset] as const),
-      ).values(),
-    );
+    const selectedAssetHints =
+      shellDeleteTargets?.assetHints ??
+      Array.from(
+        new Map(
+          resourceRows
+            .filter((row) => resourceSelection.selectedRowIds.has(row.rowId))
+            .filter(isAssetRow)
+            .map((row) => [row.asset.id, row.asset] as const),
+        ).values(),
+      );
 
     const mindmapCount = selectedAssetHints.filter((item) => item.asset_type === "mindmap").length;
     const tableCount = selectedAssetHints.filter((item) => item.asset_type === "luckysheet").length;
@@ -1558,12 +1602,12 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   }, [
     activeId,
     docParentById,
+    isRustFamilyTreeRenderer,
     resourceRows,
+    resourceShellRowById,
+    resourceShellVisibleRowIds,
     resourceSelection.selectedRowIds,
     handleDeleteAssets,
-    mediaAssets,
-    mindmapAssets,
-    tableAssets,
     refreshTree,
     router,
   ]);
@@ -1710,31 +1754,32 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   );
 
   const handleResourcePaneDropFiles = useCallback(
-    (docId: string, files: FileList, targetRow?: TreePaneRow) => {
+    (payload: {
+      targetDocumentId: string | null;
+      targetRowId: string | null;
+      targetRowKind: string | null;
+      targetAssetId: string | null;
+      files: FileList | File[];
+    }) => {
       void (async () => {
-        const droppedFiles = Array.from(files ?? []);
+        const droppedFiles = Array.from(payload.files ?? []);
         if (droppedFiles.length === 0) return;
+        const targetRow =
+          payload.targetRowId
+            ? (resourceShellRowById.get(payload.targetRowId) ?? null)
+            : null;
 
-        const targetMindmapId = (() => {
-          if (!targetRow) return null;
-          if (targetRow.kind === "asset-folder" && targetRow.asset.asset_type === "mindmap") {
-            return targetRow.asset.id;
-          }
-          if (targetRow.kind === "asset") {
-            return extractMindmapIdFromStoragePath(targetRow.asset.storage_path);
-          }
-          return null;
-        })();
+        const targetMindmapId = resolveFileTreeShellMindmapTargetId(targetRow);
 
         if (targetMindmapId) {
           setExpandedAssetFolders((prev) => new Set(prev).add(targetMindmapId));
         }
 
         const inferredTargetDocId =
-          docId ||
-          inferPasteTargetDocId({
+          payload.targetDocumentId ||
+          inferFileTreeShellTargetDocumentId({
             focusedRowId: resourceSelection.focusedRowId,
-            rowById: resourceRowById,
+            rowById: resourceShellRowById,
             activeDocId: activeId || null,
           }) ||
           "";
@@ -1799,7 +1844,7 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     [
       activeId,
       editorBridge,
-      resourceRowById,
+      resourceShellRowById,
       resourceSelection.focusedRowId,
       sidebarData.activeWorkspaceId,
       sidebarData.documents,
@@ -1808,23 +1853,33 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
   );
 
   const handleResourcePaneInternalDrop = useCallback(
-    (args: { targetRow: TreePaneRow; rowIds: string[]; copy: boolean }) => {    
+    (payload: {
+      targetDocumentId: string | null;
+      targetRowId: string | null;
+      targetRowKind: string | null;
+      targetAssetId: string | null;
+      rowIds: string[];
+      copy: boolean;
+    }) => {
       void (async () => {
-        const targetDocId = inferDropTargetDocId(args.targetRow);
+        const targetRow =
+          payload.targetRowId
+            ? (resourceShellRowById.get(payload.targetRowId) ?? null)
+            : null;
+        const targetDocId =
+          payload.targetDocumentId ??
+          targetRow?.documentId ??
+          inferFileTreeShellTargetDocumentId({
+            focusedRowId: resourceSelection.focusedRowId,
+            rowById: resourceShellRowById,
+            activeDocId: activeId || null,
+          });
         if (!targetDocId) {
           setTimeout(() => window.alert("无法识别拖拽目标页面"), 0);
           return;
         }
 
-        const targetMindmapId = (() => {
-          if (args.targetRow.kind === "asset-folder" && args.targetRow.asset.asset_type === "mindmap") {
-            return args.targetRow.asset.id;
-          }
-          if (args.targetRow.kind === "asset") {
-            return extractMindmapIdFromStoragePath(args.targetRow.asset.storage_path);
-          }
-          return null;
-        })();
+        const targetMindmapId = resolveFileTreeShellMindmapTargetId(targetRow);
 
         const targetSubPath = targetMindmapId ? `mindmaps/${targetMindmapId}` : undefined;
 
@@ -1834,26 +1889,32 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
 
         const uniqueRowIds: string[] = [];
         const seen = new Set<string>();
-        args.rowIds.forEach((id) => {
+        payload.rowIds.forEach((id) => {
           if (!id || seen.has(id)) return;
           seen.add(id);
           uniqueRowIds.push(id);
         });
 
         const rows = uniqueRowIds
-          .map((rowId) => resourceRowById.get(rowId as any))
-          .filter(Boolean) as TreePaneRow[];
+          .map((rowId) => resourceShellRowById.get(rowId) ?? null)
+          .filter((row): row is FileTreeShellRow => Boolean(row));
 
-        const docIds = rows.filter((row) => row.kind === "doc").map((row) => row.docId);
-        const assetRows = rows.filter((row) => row.kind === "asset") as Extract<TreePaneRow, { kind: "asset" }>[];
-        const copyableAssetIds = assetRows.filter((row) => isRealFileAsset(row.asset)).map((row) => row.asset.id);
+        const docIds = rows.filter((row) => row.rowKind === "doc").map((row) => row.documentId);
+        const assetRows = rows.filter(
+          (row): row is FileTreeShellRow & { rowKind: "asset"; asset: MediaAsset } =>
+            row.rowKind === "asset" && Boolean(row.asset),
+        );
+        const copyableAssetIds = assetRows
+          .map((row) => row.asset)
+          .filter((asset) => isRealFileAsset(asset))
+          .map((asset) => asset.id);
 
         if (docIds.length === 0 && copyableAssetIds.length === 0) {
           setTimeout(() => window.alert("没有可拖拽的对象（虚拟附件暂不支持）"), 0);
           return;
         }
 
-        if (args.copy) {
+        if (payload.copy) {
           if (docIds.length > 0) {
             try {
               await copyTreeCommand({
@@ -1894,17 +1955,6 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
 
         const topLevelDocIds = filterTopLevelDocIds(docIds, docParentById);
         if (topLevelDocIds.length > 0) {
-          if (
-            isInvalidDocDrop({
-              sourceDocIds: topLevelDocIds,
-              targetParentId: targetDocId,
-              parentById: docParentById,
-            })
-          ) {
-            setTimeout(() => window.alert("不能把页面移动到自身或其子页面中"), 0);
-            return;
-          }
-
           const baseIndex = childrenCountByParentId.get(targetDocId) ?? 0;
           setTree((prev) => {
             let next = prev;
@@ -1915,12 +1965,19 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
           });
           setExpanded((prev) => new Set(prev).add(targetDocId));
 
-          for (let i = 0; i < topLevelDocIds.length; i += 1) {
-            await moveDocumentCommand({
-              documentId: topLevelDocIds[i],
-              parentId: targetDocId,
-              position: baseIndex + i,
-            });
+          try {
+            for (let i = 0; i < topLevelDocIds.length; i += 1) {
+              await moveDocumentCommand({
+                documentId: topLevelDocIds[i],
+                parentId: targetDocId,
+                position: baseIndex + i,
+              });
+            }
+          } catch (error) {
+            await refreshTree();
+            const message = error instanceof Error ? error.message : "移动页面失败";
+            setTimeout(() => window.alert(message), 0);
+            return;
           }
           await refreshTree();
           emitDocumentsChanged(targetDocId);
@@ -1943,7 +2000,11 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
             return;
           }
           await sidebarQuery.refetch();
-          const sourceDocIds = new Set(assetRows.map((row) => row.asset.document_id));
+          const sourceDocIds = new Set(
+            assetRows
+              .map((row) => row.asset?.document_id ?? null)
+              .filter((documentId): documentId is string => Boolean(documentId)),
+          );
           sourceDocIds.forEach((id) => emitAssetsChanged(id));
           emitAssetsChanged(targetDocId);
         }
@@ -1952,7 +2013,9 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
     [
       childrenCountByParentId,
       docParentById,
-      resourceRowById,
+      resourceSelection.focusedRowId,
+      activeId,
+      resourceShellRowById,
       moveLocalNode,
       refreshTree,
       sidebarQuery,
@@ -2719,17 +2782,21 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
                       mode="page"
                       rendererFamily={treeRendererFamily}
                       workspaceId={sidebarData.activeWorkspaceId ?? null}
-                      treeShellEnabled={filter.trim().length === 0}
+                      treeShellEnabled={isRustFamilyTreeRenderer ? true : filter.trim().length === 0}
                       className="h-full"
-                      rows={visibleFilteredPrivatePageRows}
+                      rows={isRustFamilyTreeRenderer ? undefined : visibleFilteredPrivatePageRows}
+                      treeShellRows={effectivePageTreeShellRows}
                       expanded={expanded}
                       activeId={activeId}
+                      focusedDocumentId={pageTreeFocusedDocumentId}
                       onToggleExpand={toggleExpand}
                       onMove={handleMove}
                       onCreateChild={handleCreate}
                       onContextMenu={openContextMenu}
                       onNavigate={handlePageTreeShellNavigate}
                       onPageContextMenu={handlePageTreeShellContextMenu}
+                      onPageExpandChange={handlePageTreeShellExpandChange}
+                      onPageFocusChange={handlePageTreeShellFocusChange}
                       onTreeMutation={handleTreeShellMutation}
                     />
                   </div>
@@ -2750,9 +2817,10 @@ function SidebarContent({ initialData, sidebarData: externalSidebarData, sidebar
                     mode="filetree"
                     rendererFamily={treeRendererFamily}
                     workspaceId={sidebarData.activeWorkspaceId ?? null}
-                    treeShellEnabled={filter.trim().length === 0}
+                    treeShellEnabled={isRustFamilyTreeRenderer ? true : filter.trim().length === 0}
                     className="h-full"
-                    rows={resourceRows}
+                    rows={isRustFamilyTreeRenderer ? undefined : resourceRows}
+                    treeShellItems={effectiveResourceTreeShellItems}
                     activeId={activeId}
                     selectedRowIds={resourceSelection.selectedRowIds}
                     onRowClick={handleResourceRowClick}
diff --git a/wolai-frontend/src/components/sidebar/tree-shell-host.tsx b/wolai-frontend/src/components/sidebar/tree-shell-host.tsx
index 10042320..24596e27 100644
--- a/wolai-frontend/src/components/sidebar/tree-shell-host.tsx
+++ b/wolai-frontend/src/components/sidebar/tree-shell-host.tsx
@@ -5,31 +5,62 @@ import {
   TreeShellIframeHost,
   type TreeShellPickerItem,
 } from "@/components/sidebar/tree-shell-iframe-host";
-import type { FileTreeRow } from "@/lib/file-tree/types";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import type { PageTreeProjectionItem } from "@/lib/tree-projection";
 import { cn } from "@/lib/utils";
 
 export type TreeRendererFamily = "react" | "rust_family";
 
 export type TreeShellHostMode = "page" | "filetree" | "picker";
 
+export type TreeShellPickerCommand = {
+  kind: "next" | "previous" | "home" | "end" | "pick";
+  seq: number;
+};
+
+export type FileTreeShellInternalDropPayload = {
+  targetDocumentId: string | null;
+  targetRowId: string | null;
+  targetRowKind: string | null;
+  targetAssetId: string | null;
+  rowIds: string[];
+  copy: boolean;
+};
+
+export type FileTreeShellExternalDropPayload = {
+  targetDocumentId: string | null;
+  targetRowId: string | null;
+  targetRowKind: string | null;
+  targetAssetId: string | null;
+  files: FileList | File[];
+};
+
 type TreeShellHostProps = {
   mode: TreeShellHostMode;
   surfaceTestId: string;
   rendererFamily?: TreeRendererFamily;
   className?: string;
   treeShellEnabled?: boolean;
+  fallbackImplementation?: string;
   workspaceId?: string | null;
   rootNodeId?: string | null;
   activeDocumentId?: string | null;
+  focusedDocumentId?: string | null;
+  activePickerItemKey?: string | null;
   allowRootPick?: boolean;
   excludeIds?: string[];
+  pickerCommand?: TreeShellPickerCommand | null;
   pickerItems?: TreeShellPickerItem[];
-  fileTreeRows?: FileTreeRow[];
+  pageTreeItems?: PageTreeProjectionItem[];
+  inlineFileTreeItems?: KernelFileTreeProjectionItem[];
   channel?: string;
   host?: string;
   onNavigate?: (documentId: string) => void;
   onPick?: (targetId: string | null) => void;
+  onPickerFocusChange?: (payload: { itemKey: string | null; documentId: string | null }) => void;
   onPageContextMenu?: (payload: { documentId: string; x: number; y: number }) => void;
+  onPageExpandChange?: (payload: { documentId: string | null; expanded: boolean }) => void;
+  onPageFocusChange?: (payload: { documentId: string | null }) => void;
   onFileTreeContextMenu?: (payload: {
     documentId: string | null;
     assetId: string | null;
@@ -43,8 +74,8 @@ type TreeShellHostProps = {
     anchorRowId: string | null;
     focusedRowId: string | null;
   }) => void;
-  onInternalDrop?: (args: { targetRow: FileTreeRow; rowIds: string[]; copy: boolean }) => void;
-  onDropFiles?: (docId: string, files: FileList | File[], targetRow?: FileTreeRow) => void;
+  onInternalDrop?: (payload: FileTreeShellInternalDropPayload) => void;
+  onDropFiles?: (payload: FileTreeShellExternalDropPayload) => void;
   onAssetOpen?: (payload: { assetId: string; documentId: string | null }) => void;
   onTreeMutation?: (payload: { type: string; documentId: string | null }) => void;
   children: ReactNode;
@@ -56,18 +87,26 @@ export function TreeShellHost({
   rendererFamily = "react",
   className,
   treeShellEnabled = true,
+  fallbackImplementation,
   workspaceId = null,
   rootNodeId = null,
   activeDocumentId = null,
+  focusedDocumentId = null,
+  activePickerItemKey = null,
   allowRootPick = false,
   excludeIds = [],
-  pickerItems = [],
-  fileTreeRows = [],
+  pickerCommand = null,
+  pickerItems,
+  pageTreeItems,
+  inlineFileTreeItems,
   channel,
   host,
   onNavigate,
   onPick,
+  onPickerFocusChange,
   onPageContextMenu,
+  onPageExpandChange,
+  onPageFocusChange,
   onFileTreeContextMenu,
   onFileTreeSelectionChange,
   onInternalDrop,
@@ -77,13 +116,12 @@ export function TreeShellHost({
   children,
 }: TreeShellHostProps) {
   const useRustHost = rendererFamily === "rust_family";
-  const useIframeHost = useRustHost && treeShellEnabled && Boolean(workspaceId?.trim());
+  const useIframeHost = useRustHost && Boolean(workspaceId?.trim());
   const hostKind = rendererFamily === "rust_family" ? "rust_family" : "react";
   const implementation = useIframeHost
     ? "mnote_web_iframe_proxy"
-    : rendererFamily === "rust_family"
-      ? "react_fallback"
-      : "react_primary";
+    : fallbackImplementation ??
+      (rendererFamily === "rust_family" ? "react_fallback" : "react_primary");
 
   return (
     <div
@@ -92,6 +130,7 @@ export function TreeShellHost({
       data-renderer-family={rendererFamily}
       data-tree-host-kind={hostKind}
       data-tree-host-implementation={implementation}
+      data-page-tree-focused-id={mode === "page" ? (focusedDocumentId ?? "") : undefined}
       className={cn(className)}
     >
       {useRustHost ? (
@@ -109,15 +148,22 @@ export function TreeShellHost({
               workspaceId={workspaceId}
               rootNodeId={rootNodeId}
               activeDocumentId={activeDocumentId}
+              focusedDocumentId={focusedDocumentId}
+              activePickerItemKey={activePickerItemKey}
               allowRootPick={allowRootPick}
               excludeIds={excludeIds}
+              pickerCommand={pickerCommand}
               pickerItems={pickerItems}
-              fileTreeRows={fileTreeRows}
+              pageTreeItems={pageTreeItems}
+              inlineFileTreeItems={inlineFileTreeItems}
               channel={channel}
               host={host}
               onNavigate={onNavigate}
               onPick={onPick}
+              onPickerFocusChange={onPickerFocusChange}
               onPageContextMenu={onPageContextMenu}
+              onPageExpandChange={onPageExpandChange}
+              onPageFocusChange={onPageFocusChange}
               onFileTreeContextMenu={onFileTreeContextMenu}
               onFileTreeSelectionChange={onFileTreeSelectionChange}
               onInternalDrop={onInternalDrop}
diff --git a/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.test.tsx b/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.test.tsx
index 95ae17fa..d38e845b 100644
--- a/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.test.tsx
+++ b/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.test.tsx
@@ -1,8 +1,15 @@
 import { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
+import { renderToString } from "react-dom/server";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import type { PageTreeProjectionItem } from "@/lib/tree-projection";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import type { SidebarTreeNode } from "@/lib/kernel-sidebar";
 import {
   TreeShellIframeHost,
+  type TreeShellPickerItem,
+  buildTreeShellInlineKernelFileTreeItems,
+  buildTreeShellInlinePageItems,
   buildTreeShellIframeSrc,
   buildTreeShellInlinePickerItems,
   injectTreeShellInlineOverrides,
@@ -24,6 +31,7 @@ describe("tree-shell-iframe-host", () => {
     act(() => {
       root.unmount();
     });
+    vi.restoreAllMocks();
     container.remove();
   });
 
@@ -32,6 +40,8 @@ describe("tree-shell-iframe-host", () => {
       mode: "picker",
       workspaceId: "ws_picker",
       activeDocumentId: "doc_active",
+      focusedDocumentId: "doc_focus",
+      activePickerItemKey: "__root__",
       allowRootPick: true,
       excludeIds: ["doc_hidden", "doc_other"],
       channel: "tree-picker-surface",
@@ -43,6 +53,8 @@ describe("tree-shell-iframe-host", () => {
     expect(url.searchParams.get("workspaceId")).toBe("ws_picker");
     expect(url.searchParams.get("mode")).toBe("picker");
     expect(url.searchParams.get("activeDocumentId")).toBe("doc_active");
+    expect(url.searchParams.get("focusedDocumentId")).toBe("doc_focus");
+    expect(url.searchParams.get("activePickerItemKey")).toBe("__root__");
     expect(url.searchParams.get("allowRootPick")).toBe("1");
     expect(url.searchParams.get("excludeIds")).toBe("doc_hidden,doc_other");
     expect(url.searchParams.get("channel")).toBe("tree-picker-surface");
@@ -85,9 +97,409 @@ describe("tree-shell-iframe-host", () => {
     );
   });
 
+  it("page tree 提供 inline items 时应直接生成 srcDoc，不再 fetch /api/tree/shell", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+    const pageItems: PageTreeProjectionItem[] = [
+      {
+        rowId: "page:doc_parent",
+        nodeId: "doc_parent",
+        parentNodeId: null,
+        nodeType: "page",
+        projectionKind: "page_tree",
+        depth: 0,
+        position: 0,
+        title: "父页面",
+        childCount: 1,
+        expandable: true,
+        expandedByDefault: false,
+        capabilities: ["expand", "open"],
+        resourceMeta: {
+          resourceKind: "document",
+          documentId: "doc_parent",
+          workspaceId: "ws_1",
+          iconHint: "page",
+        },
+        iconHint: "page",
+        node: {
+          id: "doc_parent",
+          title: "父页面",
+          workspace_id: "ws_1",
+          parent_id: null,
+          sort_order: 0,
+          is_archived: false,
+          is_deleted: false,
+          is_published: false,
+          is_starred: false,
+          access_scope: "private",
+          created_at: "2026-04-24T00:00:00.000Z",
+          updated_at: "2026-04-24T00:00:00.000Z",
+          children: [],
+          kernel: {
+            nodeType: "page",
+            depth: 0,
+            position: 0,
+            childCount: 1,
+            expandedByDefault: false,
+          },
+        } as unknown as SidebarTreeNode,
+      },
+    ];
+
+    expect(buildTreeShellInlinePageItems(pageItems, new Set(["doc_parent"]))).toEqual([
+      expect.objectContaining({
+        nodeId: "doc_parent",
+        parentNodeId: null,
+        title: "父页面",
+        childCount: 1,
+        expandedByDefault: true,
+      }),
+    ]);
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="page"
+          surfaceTestId="sidebar-page-tree-shell"
+          workspaceId="ws_1"
+          activeDocumentId="doc_parent"
+          pageTreeItems={pageItems}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const iframe = container.querySelector('[data-testid="sidebar-page-tree-shell-rust-iframe"]');
+    expect(fetchMock).not.toHaveBeenCalled();
+    expect(iframe?.getAttribute("data-tree-shell-inline")).toBe("1");
+    expect(iframe?.getAttribute("srcdoc")).toContain("__MNOTE_TREE_SHELL_OVERRIDE__");
+    expect(iframe?.getAttribute("srcdoc")).toContain("父页面");
+    expect(iframe?.getAttribute("srcdoc")).toContain("tree-action-menu");
+    expect(iframe?.getAttribute("srcdoc")).toContain("tree-action-create");
+    expect(iframe?.getAttribute("srcdoc")).toContain("tree-action-rename");
+    expect(iframe?.getAttribute("srcdoc")).toContain("/api/tree/commands");
+    expect(iframe?.getAttribute("srcdoc")).not.toContain("\n");
+  });
+
+  it("SSR 时 inline tree shell 应先输出稳定 loading srcDoc，避免大模板属性水合不一致", () => {
+    const pageItems: PageTreeProjectionItem[] = [
+      {
+        rowId: "page:doc_parent",
+        nodeId: "doc_parent",
+        parentNodeId: null,
+        nodeType: "page",
+        projectionKind: "page_tree",
+        depth: 0,
+        position: 0,
+        title: "父页面",
+        childCount: 0,
+        expandable: false,
+        expandedByDefault: false,
+        capabilities: ["open"],
+        resourceMeta: {
+          resourceKind: "document",
+          documentId: "doc_parent",
+          workspaceId: "ws_1",
+          iconHint: "page",
+        },
+        iconHint: "page",
+        node: {} as SidebarTreeNode,
+      },
+    ];
+
+    const html = renderToString(
+      <TreeShellIframeHost
+        mode="page"
+        surfaceTestId="sidebar-page-tree-shell"
+        workspaceId="ws_1"
+        activeDocumentId="doc_parent"
+        pageTreeItems={pageItems}
+      />,
+    );
+
+    expect(html).toContain("Tree Shell Loading");
+    expect(html).not.toContain("__MNOTE_TREE_SHELL_OVERRIDE__");
+    expect(html).not.toContain("父页面");
+  });
+
+  it("page tree 提供空 inline items 时也应直接生成 srcDoc", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="page"
+          surfaceTestId="sidebar-page-tree-shell"
+          workspaceId="ws_1"
+          activeDocumentId={null}
+          pageTreeItems={[]}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const iframe = container.querySelector('[data-testid="sidebar-page-tree-shell-rust-iframe"]');
+    expect(fetchMock).not.toHaveBeenCalled();
+    expect(iframe?.getAttribute("data-tree-shell-inline")).toBe("1");
+    expect(iframe?.getAttribute("srcdoc")).toContain("__MNOTE_TREE_SHELL_OVERRIDE__");
+  });
+
+  it("file tree 提供应直接消费的 kernel items 时，应本地生成 shell 并注入正式 item contract", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+    const fileTreeItems: KernelFileTreeProjectionItem[] = [
+      {
+        rowId: "doc:doc_a",
+        rowKind: "document",
+        nodeId: "doc_a",
+        parentNodeId: null,
+        nodeType: "page",
+        projectionKind: "file_tree",
+        title: "文档 A",
+        depth: 0,
+        position: 0,
+        childCount: 2,
+        expandable: true,
+        expandedByDefault: true,
+        capabilities: ["expand", "open", "select"],
+        resourceMeta: {
+          resourceKind: "document",
+          documentId: "doc_a",
+          workspaceId: "ws_1",
+          iconHint: "page",
+        },
+        iconHint: "page",
+      },
+      {
+        rowId: "asset:asset_pdf",
+        rowKind: "asset",
+        nodeId: "asset:asset_pdf",
+        parentNodeId: "doc_a",
+        nodeType: "pdf",
+        projectionKind: "file_tree",
+        title: "guide.pdf",
+        depth: 1,
+        position: 1,
+        childCount: 0,
+        expandable: false,
+        expandedByDefault: false,
+        capabilities: ["open-asset", "select"],
+        resourceMeta: {
+          resourceKind: "pdf",
+          documentId: "doc_a",
+          assetId: "asset_pdf",
+          workspaceId: "ws_1",
+          assetKind: "pdf",
+          iconHint: "pdf",
+        },
+        iconHint: "pdf",
+      },
+    ];
+
+    expect(buildTreeShellInlineKernelFileTreeItems(fileTreeItems)).toEqual([
+      expect.objectContaining({
+        nodeId: "doc_a",
+        rowKind: "document",
+        iconHint: "page",
+      }),
+      expect.objectContaining({
+        nodeId: "asset:asset_pdf",
+        rowKind: "asset",
+        iconHint: "pdf",
+      }),
+    ]);
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="filetree"
+          surfaceTestId="sidebar-file-tree-shell"
+          workspaceId="ws_1"
+          activeDocumentId="doc_a"
+          inlineFileTreeItems={fileTreeItems}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const iframe = container.querySelector('[data-testid="sidebar-file-tree-shell-rust-iframe"]');
+    expect(fetchMock).not.toHaveBeenCalled();
+    expect(iframe?.getAttribute("data-tree-shell-inline")).toBe("1");
+    expect(iframe?.getAttribute("srcdoc")).toContain("__MNOTE_TREE_SHELL_OVERRIDE__");
+    expect(iframe?.getAttribute("srcdoc")).toContain('"rowKind":"asset"');
+    expect(iframe?.getAttribute("srcdoc")).toContain("guide.pdf");
+    expect(iframe?.getAttribute("srcdoc")).not.toContain("\n");
+  });
+
+  it("picker inline override 在高亮变化时应复用 bootstrap 文档，并通过 postMessage 同步状态", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+    const pickerItems: TreeShellPickerItem[] = [{ kind: "doc", id: "doc_1", title: "页面 1", depth: 0 }];
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="picker"
+          surfaceTestId="tree-picker-surface"
+          workspaceId="ws_1"
+          activeDocumentId="doc_1"
+          activePickerItemKey="doc_1"
+          pickerItems={pickerItems}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const iframe = container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]');
+    const postMessage = vi.fn();
+    Object.defineProperty(iframe, "contentWindow", {
+      configurable: true,
+      value: { postMessage },
+    });
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="picker"
+          surfaceTestId="tree-picker-surface"
+          workspaceId="ws_1"
+          activeDocumentId="doc_2"
+          activePickerItemKey="doc_2"
+          pickerItems={pickerItems}
+        />,
+      );
+    });
+
+    expect(fetchMock).not.toHaveBeenCalled();
+    expect(postMessage).toHaveBeenCalledWith(
+      expect.objectContaining({
+        channel: "tree-picker-surface",
+        type: "tree.shell.state.patch",
+        activeDocumentId: "doc_2",
+        activePickerItemKey: "doc_2",
+      }),
+      "*",
+    );
+  });
+
+  it("picker 宿主应向 iframe 下发键盘命令，并接回焦点变化事件", async () => {
+    const fetchMock = vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        '<!doctype html><html><body><script id="tree-shell-state" type="application/json">{}</script></body></html>',
+        { status: 200, headers: { "content-type": "text/html" } },
+      ),
+    );
+    const onPickerFocusChange = vi.fn();
+    const pickerItems: TreeShellPickerItem[] = [
+      { kind: "doc", id: "doc_1", title: "页面 1", depth: 0 },
+      { kind: "doc", id: "doc_2", title: "页面 2", depth: 0 },
+    ];
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="picker"
+          surfaceTestId="tree-picker-surface"
+          workspaceId="ws_1"
+          activeDocumentId="doc_1"
+          activePickerItemKey="doc_1"
+          pickerItems={pickerItems}
+          onPickerFocusChange={onPickerFocusChange}
+        />,
+      );
+    });
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+
+    const iframe = container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]');
+    const postMessage = vi.fn();
+    Object.defineProperty(iframe, "contentWindow", {
+      configurable: true,
+      value: window,
+    });
+    vi.spyOn(window, "postMessage").mockImplementation(postMessage);
+
+    await act(async () => {
+      root.render(
+        <TreeShellIframeHost
+          mode="picker"
+          surfaceTestId="tree-picker-surface"
+          workspaceId="ws_1"
+          activeDocumentId="doc_1"
+          activePickerItemKey="doc_1"
+          pickerItems={pickerItems}
+          pickerCommand={{ kind: "next", seq: 1 }}
+          onPickerFocusChange={onPickerFocusChange}
+        />,
+      );
+    });
+
+    expect(fetchMock).not.toHaveBeenCalled();
+    expect(postMessage).toHaveBeenCalledWith(
+      expect.objectContaining({
+        channel: "tree-picker-surface",
+        type: "tree.picker.command",
+        command: "next",
+      }),
+      "*",
+    );
+
+    await act(async () => {
+      window.dispatchEvent(
+        new MessageEvent("message", {
+          data: {
+            channel: "tree-picker-surface",
+            type: "tree.picker.focus.changed",
+            documentId: "doc_2",
+            itemKey: "doc_2",
+          },
+          source: window,
+        }),
+      );
+    });
+
+    expect(onPickerFocusChange).toHaveBeenCalledWith({
+      documentId: "doc_2",
+      itemKey: "doc_2",
+    });
+  });
+
   it("应把 iframe postMessage 桥接回宿主回调，并忽略错误 channel", async () => {
     const onNavigate = vi.fn();
     const onPageContextMenu = vi.fn();
+    const onPageExpandChange = vi.fn();
+    const onPageFocusChange = vi.fn();
     const onPick = vi.fn();
     const onFileTreeContextMenu = vi.fn();
     const onFileTreeSelectionChange = vi.fn();
@@ -95,20 +507,6 @@ describe("tree-shell-iframe-host", () => {
     const onTreeMutation = vi.fn();
     const onInternalDrop = vi.fn();
     const onDropFiles = vi.fn();
-    const targetRow = {
-      kind: "doc",
-      rowId: "doc:doc_target",
-      depth: 0,
-      docId: "doc_target",
-      parentDocId: null,
-      node: {
-        _id: "doc_target",
-        id: "doc_target",
-        title: "目标页面",
-      },
-      hasChildren: false,
-      isExpanded: false,
-    };
     const droppedFile = new File(["hello"], "hello.txt", { type: "text/plain" });
 
     await act(async () => {
@@ -122,6 +520,8 @@ describe("tree-shell-iframe-host", () => {
           host="sidebar-file-tree-shell"
           onNavigate={onNavigate}
           onPageContextMenu={onPageContextMenu}
+          onPageExpandChange={onPageExpandChange}
+          onPageFocusChange={onPageFocusChange}
           onPick={onPick}
           onFileTreeContextMenu={onFileTreeContextMenu}
           onFileTreeSelectionChange={onFileTreeSelectionChange}
@@ -178,6 +578,27 @@ describe("tree-shell-iframe-host", () => {
           source: window,
         }),
       );
+      window.dispatchEvent(
+        new MessageEvent("message", {
+          data: {
+            channel: "sidebar-file-tree-shell",
+            type: "tree.page.expand.changed",
+            documentId: "doc_2",
+            expanded: true,
+          },
+          source: window,
+        }),
+      );
+      window.dispatchEvent(
+        new MessageEvent("message", {
+          data: {
+            channel: "sidebar-file-tree-shell",
+            type: "tree.page.focus.changed",
+            documentId: "doc_3",
+          },
+          source: window,
+        }),
+      );
       window.dispatchEvent(
         new MessageEvent("message", {
           data: {
@@ -244,6 +665,13 @@ describe("tree-shell-iframe-host", () => {
       x: 12,
       y: 34,
     });
+    expect(onPageExpandChange).toHaveBeenCalledWith({
+      documentId: "doc_2",
+      expanded: true,
+    });
+    expect(onPageFocusChange).toHaveBeenCalledWith({
+      documentId: "doc_3",
+    });
     expect(onPick).toHaveBeenCalledWith(null);
     expect(onFileTreeContextMenu).toHaveBeenCalledWith({
       documentId: "doc_2",
@@ -275,7 +703,9 @@ describe("tree-shell-iframe-host", () => {
             type: "tree.filetree.internal-drop",
             rowIds: ["doc:doc_source", "asset:asset_source"],
             copy: true,
-            targetRow,
+            rowId: "doc:doc_target",
+            rowKind: "doc",
+            documentId: "doc_target",
           },
           source: window,
         }),
@@ -286,7 +716,8 @@ describe("tree-shell-iframe-host", () => {
             channel: "sidebar-file-tree-shell",
             type: "tree.filetree.drop-files",
             documentId: "doc_target",
-            targetRow,
+            rowId: "doc:doc_target",
+            rowKind: "doc",
             files: [droppedFile],
           },
           source: window,
@@ -295,10 +726,19 @@ describe("tree-shell-iframe-host", () => {
     });
 
     expect(onInternalDrop).toHaveBeenCalledWith({
-      targetRow,
+      targetDocumentId: "doc_target",
+      targetRowId: "doc:doc_target",
+      targetRowKind: "doc",
+      targetAssetId: null,
       rowIds: ["doc:doc_source", "asset:asset_source"],
       copy: true,
     });
-    expect(onDropFiles).toHaveBeenCalledWith("doc_target", [droppedFile], targetRow);
+    expect(onDropFiles).toHaveBeenCalledWith({
+      targetDocumentId: "doc_target",
+      targetRowId: "doc:doc_target",
+      targetRowKind: "doc",
+      targetAssetId: null,
+      files: [droppedFile],
+    });
   });
 });
diff --git a/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.tsx b/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.tsx
index 884df6df..9a9abd92 100644
--- a/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.tsx
+++ b/wolai-frontend/src/components/sidebar/tree-shell-iframe-host.tsx
@@ -1,13 +1,14 @@
 "use client";
 
-import { useEffect, useMemo, useRef, useState } from "react";
-import type { TreeShellHostMode } from "@/components/sidebar/tree-shell-host";
-import type { FileTreeRow } from "@/lib/file-tree/types";
-
-type TreeShellDocRow = Extract<FileTreeRow, { kind: "doc" }>;
-type TreeShellIndexRow = Extract<FileTreeRow, { kind: "index" }>;
-type TreeShellAssetFolderRow = Extract<FileTreeRow, { kind: "asset-folder" }>;
-type TreeShellAssetRow = Extract<FileTreeRow, { kind: "asset" }>;
+import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import type {
+  FileTreeShellExternalDropPayload,
+  FileTreeShellInternalDropPayload,
+  TreeShellHostMode,
+  TreeShellPickerCommand,
+} from "@/components/sidebar/tree-shell-host";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import type { PageTreeProjectionItem } from "@/lib/tree-projection";
 
 type TreeShellBridgeContextMenuPayload = {
   documentId: string | null;
@@ -18,6 +19,11 @@ type TreeShellBridgeContextMenuPayload = {
   y: number;
 };
 
+type TreeShellBridgePageExpandPayload = {
+  documentId: string | null;
+  expanded: boolean;
+};
+
 type TreeShellBridgeMutationPayload = {
   type: string;
   documentId: string | null;
@@ -29,6 +35,20 @@ type TreeShellBridgeSelectionPayload = {
   focusedRowId: string | null;
 };
 
+type TreeShellStatePatchMessage = {
+  channel: string;
+  type: "tree.shell.state.patch";
+  activeDocumentId: string | null;
+  focusedDocumentId: string | null;
+  activePickerItemKey: string | null;
+};
+
+type TreeShellPickerCommandMessage = {
+  channel: string;
+  type: "tree.picker.command";
+  command: TreeShellPickerCommand["kind"];
+};
+
 export type TreeShellPickerItem =
   | { kind: "root"; id: null; title: string; subtitle?: string; depth?: number }
   | { kind: "doc"; id: string; title: string; subtitle?: string; depth?: number };
@@ -41,6 +61,17 @@ type TreeShellInlineProjectionItem = {
   childCount: number;
   position: number;
   expandedByDefault: boolean;
+  rowKind?: string;
+  iconHint?: string;
+  capabilities?: string[];
+  resourceMeta?: {
+    resourceKind?: string;
+    documentId?: string;
+    assetId?: string;
+    workspaceId?: string;
+    assetKind?: string;
+    iconHint?: string;
+  };
 };
 
 export type TreeShellIframeHostProps = {
@@ -49,19 +80,26 @@ export type TreeShellIframeHostProps = {
   workspaceId: string;
   rootNodeId?: string | null;
   activeDocumentId?: string | null;
+  focusedDocumentId?: string | null;
+  activePickerItemKey?: string | null;
   allowRootPick?: boolean;
   excludeIds?: string[];
+  pickerCommand?: TreeShellPickerCommand | null;
   pickerItems?: TreeShellPickerItem[];
-  fileTreeRows?: FileTreeRow[];
+  pageTreeItems?: PageTreeProjectionItem[];
+  inlineFileTreeItems?: KernelFileTreeProjectionItem[];
   channel?: string;
   host?: string;
   onNavigate?: (documentId: string) => void;
   onPick?: (targetId: string | null) => void;
+  onPickerFocusChange?: (payload: { itemKey: string | null; documentId: string | null }) => void;
   onPageContextMenu?: (payload: { documentId: string; x: number; y: number }) => void;
+  onPageExpandChange?: (payload: TreeShellBridgePageExpandPayload) => void;
+  onPageFocusChange?: (payload: { documentId: string | null }) => void;
   onFileTreeContextMenu?: (payload: TreeShellBridgeContextMenuPayload) => void;
   onFileTreeSelectionChange?: (payload: TreeShellBridgeSelectionPayload) => void;
-  onInternalDrop?: (args: { targetRow: FileTreeRow; rowIds: string[]; copy: boolean }) => void;
-  onDropFiles?: (docId: string, files: FileList | File[], targetRow?: FileTreeRow) => void;
+  onInternalDrop?: (payload: FileTreeShellInternalDropPayload) => void;
+  onDropFiles?: (payload: FileTreeShellExternalDropPayload) => void;
   onAssetOpen?: (payload: { assetId: string; documentId: string | null }) => void;
   onTreeMutation?: (payload: TreeShellBridgeMutationPayload) => void;
 };
@@ -75,13 +113,14 @@ type TreeShellBridgeMessage = {
   rowKind: string | null;
   x: number;
   y: number;
+  expanded: boolean;
   selectedRowIds: string[];
   anchorRowId: string | null;
   focusedRowId: string | null;
   rowIds: string[];
   copy: boolean;
-  targetRow: FileTreeRow | null;
   files: File[];
+  itemKey: string | null;
 };
 
 const INLINE_TREE_SHELL_LOADING_HTML = [
@@ -103,6 +142,997 @@ const INLINE_TREE_SHELL_LOADING_HTML = [
   "</html>",
 ].join("");
 
+const subscribeClientSnapshot = () => () => undefined;
+const getClientSnapshot = () => true;
+const getServerSnapshot = () => false;
+
+const LOCAL_TREE_SHELL_TEMPLATE = `<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>mnote Tree Shell</title>
+    <style>
+      :root {
+        color-scheme: light;
+        --ink: #1f2328;
+        --muted: #6b7280;
+        --accent: #2563eb;
+        --accent-soft: rgba(37, 99, 235, 0.12);
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        font-family: "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
+        background: #ffffff;
+        color: var(--ink);
+      }
+      main {
+        min-height: 100vh;
+        display: grid;
+        grid-template-rows: auto minmax(0, 1fr);
+      }
+      .tree-card {
+        display: grid;
+        grid-template-rows: auto minmax(0, 1fr);
+        min-height: 0;
+        overflow: hidden;
+        background: #ffffff;
+      }
+      .tree-card-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        min-height: 40px;
+        padding: 8px 10px 6px;
+        border-bottom: 1px solid rgba(31, 35, 40, 0.08);
+      }
+      .tree-card-title {
+        font-size: 12px;
+        font-weight: 600;
+        color: var(--muted);
+      }
+      .toolbar {
+        display: flex;
+        gap: 6px;
+        justify-content: flex-end;
+      }
+      .toolbar button,
+      .tree-toggle,
+      .tree-action,
+      .tree-link {
+        font: inherit;
+      }
+      .toolbar button {
+        border: 0;
+        border-radius: 6px;
+        padding: 4px 8px;
+        background: transparent;
+        color: var(--muted);
+        font-size: 12px;
+        cursor: pointer;
+      }
+      .toolbar button:hover {
+        background: rgba(15, 23, 42, 0.05);
+        color: var(--ink);
+      }
+      .tree-scroll {
+        min-height: 0;
+        overflow: auto;
+        padding: 6px 4px 12px;
+      }
+      .tree-root,
+      .tree-children {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
+      .tree-children {
+        margin-left: 18px;
+        padding-left: 10px;
+      }
+      .tree-row {
+        display: grid;
+        grid-template-columns: auto auto minmax(0, 1fr) auto;
+        gap: 4px;
+        align-items: center;
+        min-height: 26px;
+        border-radius: 6px;
+        border: 0;
+        background: transparent;
+        padding: 1px 4px;
+        position: relative;
+      }
+      .tree-row:hover {
+        background: rgba(15, 23, 42, 0.04);
+      }
+      .tree-row[data-focused="true"] {
+        background: rgba(37, 99, 235, 0.08);
+      }
+      .tree-row[data-active="true"],
+      .tree-row[data-selected="true"] {
+        background: var(--accent-soft);
+      }
+      .tree-row[data-drop-target="true"],
+      .tree-row[data-drop-feedback="true"] {
+        background: rgba(15, 108, 132, 0.14);
+        outline: 1px solid rgba(15, 108, 132, 0.35);
+      }
+      .tree-row[data-draggable="true"] {
+        cursor: grab;
+      }
+      .tree-toggle,
+      .tree-action {
+        border: 0;
+        border-radius: 4px;
+        width: 20px;
+        height: 20px;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        color: var(--muted);
+        cursor: pointer;
+      }
+      .tree-toggle:hover,
+      .tree-action:hover {
+        background: rgba(15, 23, 42, 0.06);
+        color: var(--ink);
+      }
+      .tree-spacer {
+        width: 16px;
+        height: 16px;
+      }
+      .tree-link {
+        border: 0;
+        background: transparent;
+        padding: 2px 4px;
+        text-align: left;
+        cursor: pointer;
+        display: grid;
+        gap: 0;
+        min-width: 0;
+      }
+      .tree-link-title {
+        font-size: 13px;
+        font-weight: 500;
+        line-height: 1.35;
+        color: var(--ink);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .tree-link-meta {
+        display: none;
+      }
+      .tree-kind-badge {
+        min-width: 16px;
+        width: 16px;
+        height: 16px;
+        border-radius: 4px;
+        background: transparent;
+        color: var(--muted);
+        font-size: 10px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .tree-actions {
+        display: flex;
+        gap: 2px;
+        align-items: center;
+        flex-wrap: nowrap;
+        opacity: 0;
+        pointer-events: none;
+      }
+      .tree-row:hover .tree-actions,
+      .tree-row[data-focused="true"] .tree-actions,
+      .tree-row:focus-within .tree-actions {
+        opacity: 1;
+        pointer-events: auto;
+      }
+      .tree-row[data-shell-mode="page"] .tree-link {
+        padding-right: 42px;
+      }
+      .tree-row[data-shell-mode="page"] .tree-actions,
+      .tree-row[data-shell-mode="filetree"] .tree-actions {
+        position: absolute;
+        right: 6px;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+      .tree-empty {
+        padding: 16px 10px;
+        color: var(--muted);
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <section class="tree-card">
+        <div class="tree-card-header">
+          <div class="tree-card-title" id="tree-shell-title">Sidebar / Page Tree</div>
+          <div class="toolbar" id="tree-shell-toolbar">
+            <button id="tree-create-root" data-testid="tree-create-root" type="button">新建</button>
+          </div>
+        </div>
+        <div class="tree-scroll" id="tree-shell-app"></div>
+      </section>
+      <div class="status-text" id="tree-shell-status" data-tone="normal" hidden>Tree shell 已加载</div>
+      <div class="status-text" id="tree-shell-last-action" data-tone="normal" hidden></div>
+    </main>
+    <script id="tree-shell-state" type="application/json">__APP_STATE__</script>
+    <script>
+      (() => {
+        const stateElement = document.getElementById("tree-shell-state");
+        const appElement = document.getElementById("tree-shell-app");
+        const statusElement = document.getElementById("tree-shell-status");
+        const lastActionElement = document.getElementById("tree-shell-last-action");
+        const createRootButton = document.getElementById("tree-create-root");
+        if (!stateElement || !appElement || !statusElement || !lastActionElement || !createRootButton) return;
+
+        const parseState = () => {
+          try { return JSON.parse(stateElement.textContent || "{}"); } catch { return {}; }
+        };
+        const state = parseState();
+        const hostOverride =
+          window.__MNOTE_TREE_SHELL_OVERRIDE__ && typeof window.__MNOTE_TREE_SHELL_OVERRIDE__ === "object"
+            ? window.__MNOTE_TREE_SHELL_OVERRIDE__
+            : {};
+        const normalizeText = (value, fallback = "") => {
+          if (typeof value !== "string") return fallback;
+          const trimmed = value.trim();
+          return trimmed || fallback;
+        };
+        const normalizeNumber = (value, fallback = Number.MAX_SAFE_INTEGER) =>
+          Number.isFinite(value) ? Number(value) : fallback;
+        const normalizeRowKind = (value) => {
+          const normalized = normalizeText(value).toLowerCase();
+          if (normalized === "index") return "index";
+          if (normalized === "asset") return "asset";
+          if (normalized === "asset_folder") return "asset_folder";
+          return "document";
+        };
+        const normalizeResourceMeta = (value) => {
+          if (!value || typeof value !== "object") {
+            return { resourceKind: "", documentId: "", assetId: "", assetKind: "" };
+          }
+          return {
+            resourceKind: normalizeText(value.resourceKind),
+            documentId: normalizeText(value.documentId),
+            assetId: normalizeText(value.assetId),
+            assetKind: normalizeText(value.assetKind),
+            iconHint: normalizeText(value.iconHint),
+          };
+        };
+
+        const channel = normalizeText(state.channel, "mnote-tree-shell-v1");
+        const workspaceId = normalizeText(state.workspaceId);
+        const mode = (() => {
+          const raw = normalizeText(state.mode);
+          if (raw === "picker") return "picker";
+          if (raw === "filetree") return "filetree";
+          return "page";
+        })();
+        const allowRootPick = state.allowRootPick === true;
+        const excludedIds = new Set(
+          Array.isArray(state.excludeIds)
+            ? state.excludeIds.map((item) => normalizeText(item)).filter(Boolean)
+            : [],
+        );
+        let currentActiveDocumentId = normalizeText(state.activeDocumentId);
+        let currentFocusedDocumentId = normalizeText(state.focusedDocumentId);
+        let currentActivePickerItemKey = normalizeText(state.activePickerItemKey);
+        const targetOrigin = (() => {
+          try {
+            if (!document.referrer) return "*";
+            return new URL(document.referrer).origin || "*";
+          } catch {
+            return "*";
+          }
+        })();
+        const postToHost = (type, extra = {}) => {
+          if (window.parent === window) return;
+          window.parent.postMessage(Object.assign({ channel, type }, extra), targetOrigin);
+        };
+        const setStatus = (message, tone = "normal") => {
+          statusElement.textContent = message;
+          statusElement.dataset.tone = tone;
+        };
+        const setLastAction = (message, tone = "normal") => {
+          lastActionElement.textContent = message;
+          lastActionElement.dataset.tone = tone;
+        };
+        const runTreeCommand = async (payload) => {
+          const response = await fetch(normalizeText(state.commandPath, "/api/tree/commands"), {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            credentials: "include",
+            body: JSON.stringify(Object.assign({ workspaceId }, payload)),
+          });
+          const result = await response.json().catch(() => null);
+          if (!response.ok) {
+            const message = result && typeof result.error === "string" ? result.error : "tree command failed";
+            throw new Error(message);
+          }
+          return result;
+        };
+
+        const rawItems = Array.isArray(hostOverride.items) ? hostOverride.items : state.items;
+        const normalizedItems = Array.isArray(rawItems)
+          ? rawItems
+              .map((item) => {
+                const nodeId = normalizeText(item && item.nodeId);
+                const resourceMeta = normalizeResourceMeta(item && item.resourceMeta);
+                const rowKind = normalizeRowKind(item && item.rowKind);
+                const fallbackRowId =
+                  rowKind === "index"
+                    ? \`index:\${resourceMeta.documentId || nodeId.replace(/^index:/, "")}\`
+                    : rowKind === "asset"
+                      ? \`asset:\${resourceMeta.assetId || nodeId.replace(/^asset:/, "")}\`
+                      : rowKind === "asset_folder"
+                        ? \`asset-folder:\${resourceMeta.assetId || nodeId.replace(/^asset-folder:/, "")}\`
+                        : \`doc:\${resourceMeta.documentId || nodeId}\`;
+                return {
+                  rowId: normalizeText(item && item.rowId, fallbackRowId),
+                  rowKind,
+                  nodeId,
+                  parentNodeId: normalizeText(item && item.parentNodeId) || null,
+                  title: normalizeText(item && item.title, rowKind === "index" ? "index.md" : "无标题"),
+                  depth: normalizeNumber(item && item.depth, 0),
+                  childCount: normalizeNumber(item && item.childCount, 0),
+                  position: normalizeNumber(item && item.position),
+                  expandedByDefault: item && item.expandedByDefault !== false,
+                  iconHint: normalizeText(item && item.iconHint),
+                  capabilities: Array.isArray(item && item.capabilities)
+                    ? item.capabilities.map((capability) => normalizeText(capability)).filter(Boolean)
+                    : [],
+                  resourceMeta,
+                };
+              })
+              .filter((item) => item.nodeId && !excludedIds.has(item.nodeId))
+          : [];
+
+        const itemById = new Map(normalizedItems.map((item) => [item.nodeId, item]));
+        const childrenByParentId = new Map();
+        const roots = [];
+        const compareItems = (left, right) => {
+          const byPosition = left.position - right.position;
+          if (byPosition !== 0) return byPosition;
+          return left.title.localeCompare(right.title, "zh-CN");
+        };
+        normalizedItems.forEach((item) => {
+          const parentId = item.parentNodeId && itemById.has(item.parentNodeId) ? item.parentNodeId : null;
+          if (!parentId) {
+            roots.push(item);
+            return;
+          }
+          const bucket = childrenByParentId.get(parentId) || [];
+          bucket.push(item);
+          childrenByParentId.set(parentId, bucket);
+        });
+        roots.sort(compareItems);
+        childrenByParentId.forEach((bucket) => bucket.sort(compareItems));
+
+        const expanded = new Set(
+          normalizedItems
+            .filter((item) => item.childCount > 0 && item.expandedByDefault)
+            .map((item) => item.nodeId),
+        );
+        let activeCursor = itemById.get(currentActiveDocumentId) || null;
+        while (activeCursor && activeCursor.parentNodeId && itemById.has(activeCursor.parentNodeId)) {
+          expanded.add(activeCursor.parentNodeId);
+          activeCursor = itemById.get(activeCursor.parentNodeId) || null;
+        }
+
+        const getSiblings = (parentId) => {
+          if (!parentId) return roots.slice();
+          return (childrenByParentId.get(parentId) || []).slice();
+        };
+        const resolveFocusedNodeIdFromHostState = () =>
+          mode === "picker"
+            ? currentActivePickerItemKey && currentActivePickerItemKey !== "__root__" && itemById.has(currentActivePickerItemKey)
+              ? currentActivePickerItemKey
+              : currentActiveDocumentId && itemById.has(currentActiveDocumentId)
+                ? currentActiveDocumentId
+                : roots[0]?.nodeId || ""
+            : currentFocusedDocumentId && itemById.has(currentFocusedDocumentId)
+              ? currentFocusedDocumentId
+              : currentActiveDocumentId && itemById.has(currentActiveDocumentId)
+                ? currentActiveDocumentId
+                : roots[0]?.nodeId || "";
+        let focusedNodeId = resolveFocusedNodeIdFromHostState();
+        let selectedFileTreeRowIds = new Set(
+          currentActiveDocumentId ? [\`doc:\${currentActiveDocumentId}\`, \`index:\${currentActiveDocumentId}\`] : [],
+        );
+        let fileTreeAnchorRowId = currentActiveDocumentId ? \`doc:\${currentActiveDocumentId}\` : null;
+        let fileTreeFocusedRowId = currentActiveDocumentId ? \`doc:\${currentActiveDocumentId}\` : null;
+        let visibleFileTreeRowIds = [];
+
+        const focusRowElement = (nodeId) => {
+          if (!nodeId) return;
+          window.requestAnimationFrame(() => {
+            const row = appElement.querySelector(\`.tree-row[data-node-id="\${CSS.escape(nodeId)}"]\`);
+            if (!(row instanceof HTMLElement)) return;
+            row.focus({ preventScroll: true });
+            row.scrollIntoView({ block: "nearest" });
+          });
+        };
+        const handleNavigate = (nodeId) => {
+          const item = itemById.get(nodeId);
+          if (!item) return;
+          if (mode === "picker") {
+            postToHost("tree.pick", { documentId: nodeId, itemKey: nodeId, target: { documentId: nodeId } });
+            return;
+          }
+          postToHost("tree.navigate", { documentId: nodeId, target: { documentId: nodeId } });
+        };
+        const toggleExpand = (nodeId) => {
+          const nextExpanded = !expanded.has(nodeId);
+          if (nextExpanded) expanded.add(nodeId);
+          else expanded.delete(nodeId);
+          if (mode === "page") {
+            postToHost("tree.page.expand.changed", {
+              documentId: nodeId,
+              expanded: nextExpanded,
+              target: { documentId: nodeId },
+            });
+          }
+          renderTree();
+          focusRowElement(nodeId);
+        };
+        const postPageFocusChange = (nodeId) => {
+          if (mode !== "page" || !nodeId) return;
+          postToHost("tree.page.focus.changed", { documentId: nodeId, target: { documentId: nodeId } });
+        };
+        const createKindBadge = (kind) => {
+          const badge = document.createElement("span");
+          badge.className = "tree-kind-badge";
+          badge.dataset.kind = kind || "page";
+          badge.textContent =
+            kind === "index" ? "MD" :
+            kind === "mindmap" ? "图" :
+            kind === "table" ? "表" :
+            kind === "pdf" ? "PDF" :
+            kind === "book" ? "书" :
+            kind === "image" ? "图" :
+            kind === "video" ? "影" :
+            kind === "audio" ? "音" :
+            kind === "file" ? "附" : "页";
+          return badge;
+        };
+        const getFileTreeRowDocumentId = (item) => {
+          if (!item) return "";
+          if (item.resourceMeta && item.resourceMeta.documentId) return item.resourceMeta.documentId;
+          if (item.rowKind === "document") return item.nodeId;
+          if (item.rowKind === "index") return item.nodeId.replace(/^index:/, "");
+          return "";
+        };
+        const getFileTreeRowAssetId = (item) => {
+          if (!item) return "";
+          if (item.resourceMeta && item.resourceMeta.assetId) return item.resourceMeta.assetId;
+          if (item.rowKind === "asset") return item.nodeId.replace(/^asset:/, "");
+          if (item.rowKind === "asset_folder") return item.nodeId.replace(/^asset-folder:/, "");
+          return "";
+        };
+        const getFileTreeRowIconKind = (item) => {
+          const metaKind = normalizeText(item.resourceMeta && (item.resourceMeta.iconHint || item.resourceMeta.assetKind || item.resourceMeta.resourceKind));
+          if (item.rowKind === "index") return "index";
+          if (metaKind) return metaKind;
+          return item.rowKind === "document" ? "page" : "file";
+        };
+        const emitFileTreeSelectionChange = () => {
+          postToHost("tree.filetree.selection.changed", {
+            selectedRowIds: Array.from(selectedFileTreeRowIds),
+            anchorRowId: fileTreeAnchorRowId,
+            focusedRowId: fileTreeFocusedRowId,
+          });
+        };
+        const normalizeFileTreeSelectionForVisibleRows = () => {
+          const visibleSet = new Set(visibleFileTreeRowIds);
+          selectedFileTreeRowIds = new Set(Array.from(selectedFileTreeRowIds).filter((rowId) => visibleSet.has(rowId)));
+          if (fileTreeFocusedRowId && !visibleSet.has(fileTreeFocusedRowId)) fileTreeFocusedRowId = null;
+          if (fileTreeAnchorRowId && !visibleSet.has(fileTreeAnchorRowId)) fileTreeAnchorRowId = null;
+        };
+        const getFileTreeRangeRowIds = (fromId, toId) => {
+          const fromIndex = visibleFileTreeRowIds.indexOf(fromId);
+          const toIndex = visibleFileTreeRowIds.indexOf(toId);
+          if (fromIndex < 0 || toIndex < 0) return [toId];
+          const lo = Math.min(fromIndex, toIndex);
+          const hi = Math.max(fromIndex, toIndex);
+          return visibleFileTreeRowIds.slice(lo, hi + 1);
+        };
+        const selectFileTreeRow = (rowId, modifiers = {}) => {
+          const toggleSelection = modifiers.ctrlKey === true || modifiers.metaKey === true;
+          const rangeSelection = modifiers.shiftKey === true;
+          if (rangeSelection) {
+            const anchor = fileTreeAnchorRowId || fileTreeFocusedRowId || rowId;
+            const next = new Set(selectedFileTreeRowIds);
+            getFileTreeRangeRowIds(anchor, rowId).forEach((id) => next.add(id));
+            selectedFileTreeRowIds = next;
+            fileTreeAnchorRowId = anchor;
+            fileTreeFocusedRowId = rowId;
+          } else if (toggleSelection) {
+            const next = new Set(selectedFileTreeRowIds);
+            if (next.has(rowId)) next.delete(rowId);
+            else next.add(rowId);
+            selectedFileTreeRowIds = next;
+            fileTreeAnchorRowId = rowId;
+            fileTreeFocusedRowId = rowId;
+          } else {
+            selectedFileTreeRowIds = new Set([rowId]);
+            fileTreeAnchorRowId = rowId;
+            fileTreeFocusedRowId = rowId;
+          }
+          emitFileTreeSelectionChange();
+        };
+        const openFileTreeContextMenu = ({ documentId, assetId, rowId, rowKind, clientX, clientY }) => {
+          postToHost("tree.filetree.context-menu", {
+            documentId: documentId || null,
+            assetId: assetId || null,
+            rowId: rowId || null,
+            rowKind: rowKind || null,
+            x: clientX,
+            y: clientY,
+          });
+        };
+        const openFileTreeItem = (item) => {
+          const documentId = getFileTreeRowDocumentId(item);
+          const assetId = getFileTreeRowAssetId(item);
+          if (item.rowKind === "document" || item.rowKind === "index") {
+            handleNavigate(documentId || item.nodeId);
+            return;
+          }
+          postToHost("tree.asset.open", {
+            documentId: documentId || null,
+            assetId: assetId || null,
+            target: { documentId: documentId || null },
+          });
+        };
+        const getFileTreeDropTargetFromElement = (element) => {
+          const row = element instanceof Element ? element.closest('.tree-row[data-shell-mode="filetree"]') : null;
+          if (!(row instanceof HTMLElement)) {
+            const firstDoc = visibleFileTreeRowIds.find((rowId) => rowId.startsWith("doc:"));
+            const firstItem = normalizedItems.find((item) => item.rowId === firstDoc);
+            return {
+              rowId: "",
+              rowKind: "",
+              documentId: firstItem ? getFileTreeRowDocumentId(firstItem) : currentActiveDocumentId,
+              assetId: "",
+            };
+          }
+          return {
+            rowId: row.dataset.rowId || "",
+            rowKind: row.dataset.rowKind || "",
+            documentId: row.dataset.documentId || "",
+            assetId: row.dataset.assetId || "",
+          };
+        };
+        const postFileTreeDropToHost = (type, target, extra = {}) => {
+          postToHost(type, {
+            workspaceId,
+            rowId: target.rowId,
+            rowKind: target.rowKind,
+            targetRowId: target.rowId,
+            targetRowKind: target.rowKind,
+            documentId: target.documentId,
+            assetId: target.assetId,
+            ...extra,
+          });
+        };
+        const readFileTreeInternalDropPayload = (event) => {
+          const raw =
+            event.dataTransfer?.getData("application/x-mnote-filetree-row-ids") ||
+            event.dataTransfer?.getData("application/x-mnote-file-tree") ||
+            event.dataTransfer?.getData("text/plain") ||
+            "";
+          if (!raw) return null;
+          try {
+            const parsed = JSON.parse(raw);
+            return Array.isArray(parsed.rowIds) ? parsed.rowIds.map((id) => normalizeText(id)).filter(Boolean) : null;
+          } catch {
+            return null;
+          }
+        };
+
+        const renderFileTree = () => {
+          appElement.innerHTML = "";
+          visibleFileTreeRowIds = [];
+          const fileRoot = document.createElement("div");
+          fileRoot.className = "tree-root";
+          fileRoot.setAttribute("role", "tree");
+          const appendFileTreeRow = (container, item) => {
+            const children = getSiblings(item.nodeId);
+            const hasBranches = item.childCount > 0 && children.length > 0;
+            const documentId = getFileTreeRowDocumentId(item) || null;
+            const assetId = getFileTreeRowAssetId(item) || null;
+            const row = document.createElement("div");
+            row.className = "tree-row";
+            row.style.marginLeft = \`\${item.depth * 22}px\`;
+            row.dataset.active = String(item.rowKind === "document" && documentId === currentActiveDocumentId);
+            row.dataset.nodeId = item.nodeId;
+            row.dataset.rowId = item.rowId;
+            row.dataset.rowKind = item.rowKind;
+            row.dataset.documentId = documentId || "";
+            row.dataset.assetId = assetId || "";
+            row.dataset.shellMode = "filetree";
+            row.dataset.selected = String(selectedFileTreeRowIds.has(item.rowId));
+            row.setAttribute("data-testid", item.rowKind === "document" ? "filetree-doc-row" : item.rowKind === "index" ? "filetree-index-row" : "filetree-asset-row");
+            row.tabIndex = 0;
+            row.setAttribute("role", "treeitem");
+            row.setAttribute("aria-level", String(item.depth + 1));
+            row.setAttribute("aria-expanded", hasBranches ? String(expanded.has(item.nodeId)) : "false");
+            visibleFileTreeRowIds.push(item.rowId);
+            row.addEventListener("click", (event) => {
+              selectFileTreeRow(item.rowId, event);
+              renderTree();
+            });
+            row.addEventListener("dblclick", () => openFileTreeItem(item));
+            row.addEventListener("contextmenu", (event) => {
+              event.preventDefault();
+              selectFileTreeRow(item.rowId, {});
+              renderTree();
+              openFileTreeContextMenu({
+                documentId,
+                assetId,
+                rowId: item.rowId,
+                rowKind: item.rowKind,
+                clientX: event.clientX,
+                clientY: event.clientY,
+              });
+            });
+            row.draggable = true;
+            row.addEventListener("dragstart", (event) => {
+              const rowIds = selectedFileTreeRowIds.has(item.rowId) ? Array.from(selectedFileTreeRowIds) : [item.rowId];
+              if (event.dataTransfer) {
+                const payload = JSON.stringify({ type: "mnote-file-tree-dnd", version: 1, rowIds });
+                event.dataTransfer.effectAllowed = "copyMove";
+                event.dataTransfer.setData("application/x-mnote-filetree-row-ids", payload);
+                event.dataTransfer.setData("application/x-mnote-file-tree", payload);
+                event.dataTransfer.setData("text/plain", payload);
+              }
+            });
+            if (hasBranches) {
+              const toggleButton = document.createElement("button");
+              toggleButton.type = "button";
+              toggleButton.className = "tree-toggle";
+              toggleButton.textContent = expanded.has(item.nodeId) ? "▾" : "▸";
+              toggleButton.addEventListener("click", (event) => {
+                event.stopPropagation();
+                toggleExpand(item.nodeId);
+              });
+              row.appendChild(toggleButton);
+            } else {
+              const spacer = document.createElement("div");
+              spacer.className = "tree-spacer";
+              row.appendChild(spacer);
+            }
+            row.appendChild(createKindBadge(getFileTreeRowIconKind(item)));
+            const linkButton = document.createElement("button");
+            linkButton.type = "button";
+            linkButton.className = "tree-link";
+            if (item.rowKind === "document") linkButton.setAttribute("data-testid", "filetree-doc-open");
+            if (item.rowKind === "asset" || item.rowKind === "asset_folder") linkButton.setAttribute("data-testid", "filetree-asset-open");
+            linkButton.addEventListener("click", () => openFileTreeItem(item));
+            const title = document.createElement("span");
+            title.className = "tree-link-title";
+            title.textContent = item.title;
+            linkButton.appendChild(title);
+            row.appendChild(linkButton);
+            const actions = document.createElement("div");
+            actions.className = "tree-actions";
+            const more = document.createElement("button");
+            more.type = "button";
+            more.className = "tree-action";
+            more.setAttribute("data-testid", "filetree-action-menu");
+            more.textContent = "⋯";
+            more.addEventListener("click", () => openFileTreeContextMenu({
+              documentId,
+              assetId,
+              rowId: item.rowId,
+              rowKind: item.rowKind,
+              clientX: 0,
+              clientY: 0,
+            }));
+            actions.appendChild(more);
+            row.appendChild(actions);
+            container.appendChild(row);
+            if (hasBranches && expanded.has(item.nodeId)) children.forEach((child) => appendFileTreeRow(container, child));
+          };
+          fileRoot.addEventListener("dragover", (event) => {
+            const internalRowIds = readFileTreeInternalDropPayload(event);
+            const files = Array.from(event.dataTransfer?.files || []);
+            if (!internalRowIds && files.length === 0) return;
+            event.preventDefault();
+          });
+          fileRoot.addEventListener("drop", (event) => {
+            const internalRowIds = readFileTreeInternalDropPayload(event);
+            const files = Array.from(event.dataTransfer?.files || []);
+            if (!internalRowIds && files.length === 0) return;
+            event.preventDefault();
+            const target = getFileTreeDropTargetFromElement(event.target);
+            if (files.length > 0) {
+              postFileTreeDropToHost("tree.filetree.external-drop", target, { files });
+            } else {
+              postFileTreeDropToHost("tree.filetree.internal-drop", target, {
+                rowIds: internalRowIds,
+                copy: event.altKey === true,
+              });
+            }
+          });
+          if (roots.length === 0) {
+            const empty = document.createElement("div");
+            empty.className = "tree-empty";
+            empty.textContent = "当前 file tree 没有可渲染的页面。";
+            fileRoot.appendChild(empty);
+          } else {
+            roots.forEach((item) => appendFileTreeRow(fileRoot, item));
+          }
+          normalizeFileTreeSelectionForVisibleRows();
+          appElement.appendChild(fileRoot);
+        };
+
+        const renderNode = (item, container) => {
+          const hasChildren = item.childCount > 0;
+          const row = document.createElement("div");
+          row.className = "tree-row";
+          row.dataset.active = String(item.nodeId === currentActiveDocumentId);
+          row.dataset.focused = String(item.nodeId === focusedNodeId);
+          row.dataset.nodeId = item.nodeId;
+          row.dataset.shellMode = mode;
+          row.dataset.draggable = String(mode === "page");
+          row.tabIndex = item.nodeId === focusedNodeId ? 0 : -1;
+          row.setAttribute("role", "treeitem");
+          row.setAttribute("aria-level", String(item.depth + 1));
+          row.setAttribute("aria-expanded", hasChildren ? String(expanded.has(item.nodeId)) : "false");
+          row.addEventListener("focus", () => {
+            if (focusedNodeId !== item.nodeId) {
+              focusedNodeId = item.nodeId;
+              postPageFocusChange(item.nodeId);
+              renderTree();
+            }
+          });
+          row.addEventListener("keydown", (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              handleNavigate(item.nodeId);
+            }
+          });
+          row.addEventListener("contextmenu", (event) => {
+            if (mode !== "page") return;
+            event.preventDefault();
+            postToHost("tree.page.context-menu", {
+              documentId: item.nodeId,
+              x: event.clientX,
+              y: event.clientY,
+              target: { documentId: item.nodeId },
+            });
+          });
+          if (hasChildren) {
+            const toggleButton = document.createElement("button");
+            toggleButton.type = "button";
+            toggleButton.className = "tree-toggle";
+            toggleButton.setAttribute("data-testid", "tree-node-toggle");
+            toggleButton.textContent = expanded.has(item.nodeId) ? "▾" : "▸";
+            toggleButton.addEventListener("click", (event) => {
+              event.stopPropagation();
+              toggleExpand(item.nodeId);
+            });
+            row.appendChild(toggleButton);
+          } else {
+            const spacer = document.createElement("div");
+            spacer.className = "tree-spacer";
+            row.appendChild(spacer);
+          }
+          row.appendChild(createKindBadge("page"));
+          const linkButton = document.createElement("button");
+          linkButton.type = "button";
+          linkButton.className = "tree-link";
+          linkButton.setAttribute("data-testid", mode === "picker" ? "tree-picker-row" : "tree-node-open");
+          linkButton.setAttribute("aria-label", \`打开 \${item.title}\`);
+          linkButton.addEventListener("click", () => handleNavigate(item.nodeId));
+          const titleElement = document.createElement("span");
+          titleElement.className = "tree-link-title";
+          titleElement.textContent = item.title;
+          linkButton.appendChild(titleElement);
+          row.appendChild(linkButton);
+          const actions = document.createElement("div");
+          actions.className = "tree-actions";
+          if (mode === "page") {
+            const createButton = document.createElement("button");
+            createButton.type = "button";
+            createButton.className = "tree-action";
+            createButton.setAttribute("data-testid", "tree-action-create");
+            createButton.setAttribute("aria-label", \`在 \${item.title} 下新建页面\`);
+            createButton.textContent = "+";
+            createButton.addEventListener("click", async (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              try {
+                const result = await runTreeCommand({
+                  action: "create",
+                  parentId: item.nodeId,
+                });
+                const documentId = normalizeText(
+                  result && result.result && result.result.documentId,
+                  normalizeText(result && result.id),
+                );
+                setLastAction(documentId ? \`已创建子页面 \${documentId}\` : "已创建子页面");
+                postToHost("tree.node.created", {
+                  documentId: documentId || null,
+                  target: { documentId: documentId || null },
+                });
+              } catch (error) {
+                setLastAction(error instanceof Error ? error.message : "创建页面失败", "error");
+              }
+            });
+            actions.appendChild(createButton);
+
+            const renameButton = document.createElement("button");
+            renameButton.type = "button";
+            renameButton.className = "tree-action";
+            renameButton.setAttribute("data-testid", "tree-action-rename");
+            renameButton.setAttribute("aria-label", \`重命名 \${item.title}\`);
+            renameButton.textContent = "✎";
+            renameButton.addEventListener("click", async (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              const nextTitle = window.prompt("重命名页面", item.title);
+              const title = normalizeText(nextTitle);
+              if (!title || title === item.title) return;
+              try {
+                await runTreeCommand({
+                  action: "rename",
+                  documentId: item.nodeId,
+                  title,
+                });
+                item.title = title;
+                setLastAction(\`已重命名为 \${title}\`);
+                postToHost("tree.node.renamed", {
+                  documentId: item.nodeId,
+                  target: { documentId: item.nodeId },
+                });
+                renderTree();
+              } catch (error) {
+                setLastAction(error instanceof Error ? error.message : "重命名失败", "error");
+              }
+            });
+            actions.appendChild(renameButton);
+
+            const moreButton = document.createElement("button");
+            moreButton.type = "button";
+            moreButton.className = "tree-action";
+            moreButton.setAttribute("data-testid", "tree-action-menu");
+            moreButton.setAttribute("aria-label", \`更多操作 \${item.title}\`);
+            moreButton.textContent = "⋯";
+            moreButton.addEventListener("click", (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              postToHost("tree.page.context-menu", {
+                documentId: item.nodeId,
+                x: event.clientX,
+                y: event.clientY,
+                target: { documentId: item.nodeId },
+              });
+            });
+            actions.appendChild(moreButton);
+          }
+          row.appendChild(actions);
+          container.appendChild(row);
+          if (hasChildren && expanded.has(item.nodeId)) {
+            const childContainer = document.createElement("div");
+            childContainer.className = "tree-children";
+            getSiblings(item.nodeId).forEach((child) => renderNode(child, childContainer));
+            container.appendChild(childContainer);
+          }
+        };
+
+        const renderTree = () => {
+          if (mode === "filetree") {
+            renderFileTree();
+            return;
+          }
+          appElement.innerHTML = "";
+          const root = document.createElement("div");
+          root.className = "tree-root";
+          root.setAttribute("role", "tree");
+          if (mode === "picker" && allowRootPick) {
+            const rootButton = document.createElement("button");
+            rootButton.type = "button";
+            rootButton.className = "tree-row";
+            rootButton.setAttribute("data-testid", "tree-picker-root");
+            rootButton.dataset.focused = String(currentActivePickerItemKey === "__root__");
+            rootButton.textContent = "根目录";
+            rootButton.addEventListener("click", () => {
+              postToHost("tree.pick.root", { documentId: null, target: { documentId: null } });
+            });
+            root.appendChild(rootButton);
+          }
+          if (roots.length === 0) {
+            const empty = document.createElement("div");
+            empty.className = "tree-empty";
+            empty.textContent = mode === "picker" ? "没有可选择的页面。" : "当前页面树为空。";
+            root.appendChild(empty);
+          } else {
+            roots.forEach((item) => renderNode(item, root));
+          }
+          appElement.appendChild(root);
+        };
+        const handlePickerCommand = (command) => {
+          if (mode !== "picker") return;
+          const visible = [];
+          if (allowRootPick) visible.push({ pickerItemKey: "__root__", documentId: null });
+          normalizedItems.forEach((item) => visible.push({ pickerItemKey: item.nodeId, documentId: item.nodeId }));
+          if (visible.length === 0) return;
+          const currentIndex = visible.findIndex((entry) => entry.pickerItemKey === currentActivePickerItemKey);
+          const baseIndex = currentIndex >= 0 ? currentIndex : 0;
+          const nextIndex =
+            command === "previous" ? Math.max(0, baseIndex - 1) :
+            command === "home" ? 0 :
+            command === "end" ? visible.length - 1 :
+            command === "pick" ? baseIndex :
+            Math.min(visible.length - 1, baseIndex + 1);
+          const target = visible[nextIndex];
+          if (!target) return;
+          if (command === "pick") {
+            if (target.pickerItemKey === "__root__") postToHost("tree.pick.root", { documentId: null });
+            else handleNavigate(target.pickerItemKey);
+            return;
+          }
+          currentActivePickerItemKey = target.pickerItemKey;
+          currentActiveDocumentId = target.documentId || "";
+          postToHost("tree.picker.focus.changed", {
+            documentId: target.documentId,
+            itemKey: target.pickerItemKey,
+            pickerItemKey: target.pickerItemKey,
+          });
+          renderTree();
+        };
+        window.addEventListener("message", (event) => {
+          const payload = event.data;
+          if (!payload || typeof payload !== "object") return;
+          if (normalizeText(payload.channel) !== channel) return;
+          const messageType = normalizeText(payload.type);
+          if (messageType === "tree.picker.command") {
+            handlePickerCommand(payload.command);
+            return;
+          }
+          if (messageType !== "tree.shell.state.patch") return;
+          currentActiveDocumentId = normalizeText(payload.activeDocumentId);
+          currentFocusedDocumentId = normalizeText(payload.focusedDocumentId);
+          currentActivePickerItemKey = normalizeText(payload.activePickerItemKey);
+          focusedNodeId = resolveFocusedNodeIdFromHostState();
+          renderTree();
+          if (mode === "page" && focusedNodeId) focusRowElement(focusedNodeId);
+        });
+        createRootButton.addEventListener("click", () => {
+          if (mode === "picker") return;
+          setLastAction("请使用页面壳新建入口创建页面。");
+        });
+
+        const titleElement = document.getElementById("tree-shell-title");
+        if (titleElement) {
+          titleElement.textContent = mode === "picker" ? "页面选择" : mode === "filetree" ? "资源管理器" : "页面树";
+        }
+        if (mode === "picker") createRootButton.style.display = "none";
+        renderTree();
+        if (mode === "page" && focusedNodeId) postPageFocusChange(focusedNodeId);
+        if (mode === "filetree") emitFileTreeSelectionChange();
+        setStatus(mode === "filetree" ? "File tree shell 已就绪。" : "Tree shell 已就绪。");
+        postToHost("tree.ready", { workspaceId, payload: { workspaceId } });
+      })();
+    </script>
+  </body>
+</html>`;
+
+function compactTreeShellSrcDoc(html: string) {
+  return html
+    .split(/\r?\n/)
+    .map((line) => line.trim())
+    .join("");
+}
+
 const normalizeString = (value: unknown, fallback = "") => {
   if (typeof value !== "string") return fallback;
   const normalized = value.trim();
@@ -120,10 +1150,6 @@ const readNumber = (value: unknown) => {
 
 const readBoolean = (value: unknown) => value === true;
 
-const isRecord = (value: unknown): value is Record<string, unknown> => {
-  return Boolean(value) && typeof value === "object";
-};
-
 const readStringArray = (value: unknown) => {
   if (!Array.isArray(value)) {
     return [];
@@ -143,78 +1169,6 @@ const readFiles = (value: unknown) => {
   return value.filter((item): item is File => typeof File !== "undefined" && item instanceof File);
 };
 
-const readFileTreeRow = (value: unknown): FileTreeRow | null => {
-  if (!isRecord(value)) {
-    return null;
-  }
-
-  const kind = normalizeString(value.kind);
-  const rowId = normalizeString(value.rowId);
-  const docId = normalizeString(value.docId);
-  const depth = Math.max(0, readNumber(value.depth));
-
-  if (!kind || !rowId || !docId) {
-    return null;
-  }
-
-  switch (kind) {
-    case "doc":
-      if (!isRecord(value.node)) {
-        return null;
-      }
-      return {
-        kind: "doc",
-        rowId: rowId as FileTreeRow["rowId"],
-        depth,
-        docId,
-        parentDocId: readNullableString(value.parentDocId),
-        node: value.node as TreeShellDocRow["node"],
-        hasChildren: readBoolean(value.hasChildren),
-        isExpanded: readBoolean(value.isExpanded),
-      };
-    case "index":
-      if (!isRecord(value.node)) {
-        return null;
-      }
-      return {
-        kind: "index",
-        rowId: rowId as FileTreeRow["rowId"],
-        depth,
-        docId,
-        parentDocId: readNullableString(value.parentDocId) ?? docId,
-        node: value.node as TreeShellIndexRow["node"],
-      };
-    case "asset-folder":
-      if (!isRecord(value.asset)) {
-        return null;
-      }
-      return {
-        kind: "asset-folder",
-        rowId: rowId as FileTreeRow["rowId"],
-        depth,
-        docId,
-        parentDocId: readNullableString(value.parentDocId) ?? docId,
-        asset: value.asset as TreeShellAssetFolderRow["asset"],
-        hasChildren: readBoolean(value.hasChildren),
-        isExpanded: readBoolean(value.isExpanded),
-      };
-    case "asset":
-      if (!isRecord(value.asset)) {
-        return null;
-      }
-      return {
-        kind: "asset",
-        rowId: rowId as FileTreeRow["rowId"],
-        depth,
-        docId,
-        parentDocId: readNullableString(value.parentDocId) ?? docId,
-        asset: value.asset as TreeShellAssetRow["asset"],
-      };
-    default:
-      return null;
-  }
-};
-
 function parseTreeShellBridgeMessage(
   value: unknown,
   expectedChannel: string,
@@ -237,13 +1191,14 @@ function parseTreeShellBridgeMessage(
     rowKind: readNullableString(payload.rowKind ?? payload.targetRowKind),
     x: readNumber(payload.x),
     y: readNumber(payload.y),
+    expanded: readBoolean(payload.expanded),
     selectedRowIds: readStringArray(payload.selectedRowIds),
     anchorRowId: readNullableString(payload.anchorRowId),
     focusedRowId: readNullableString(payload.focusedRowId),
     rowIds: readStringArray(payload.rowIds),
     copy: readBoolean(payload.copy),
-    targetRow: readFileTreeRow(payload.targetRow),
     files: readFiles(payload.files),
+    itemKey: readNullableString(payload.itemKey ?? payload.pickerItemKey),
   };
 }
 
@@ -273,6 +1228,66 @@ export function buildTreeShellInlinePickerItems(
     }));
 }
 
+export function buildTreeShellInlinePageItems(
+  items: PageTreeProjectionItem[],
+  expanded: ReadonlySet<string> = new Set(),
+): TreeShellInlineProjectionItem[] {
+  return items.map((item) => ({
+    nodeId: normalizeString(item.nodeId),
+    parentNodeId: item.parentNodeId ?? null,
+    title: normalizeString(item.title, "无标题"),
+    depth: typeof item.depth === "number" && Number.isFinite(item.depth) ? Math.max(0, item.depth) : 0,
+    childCount: typeof item.childCount === "number" && Number.isFinite(item.childCount) ? Math.max(0, item.childCount) : 0,
+    position: typeof item.position === "number" && Number.isFinite(item.position) ? item.position : 0,
+    expandedByDefault: item.childCount > 0 ? expanded.has(item.nodeId) : false,
+    rowKind: "document",
+    iconHint: normalizeString(item.iconHint, "page"),
+    capabilities: Array.isArray(item.capabilities)
+      ? item.capabilities
+          .map((capability) => normalizeString(capability))
+          .filter(Boolean)
+      : [],
+    resourceMeta: {
+      resourceKind: normalizeString(item.resourceMeta?.resourceKind, "document"),
+      documentId: normalizeString(item.resourceMeta?.documentId ?? item.nodeId),
+      workspaceId: normalizeString(item.resourceMeta?.workspaceId),
+      iconHint: normalizeString(item.resourceMeta?.iconHint, "page"),
+    },
+  })).filter((item) => Boolean(item.nodeId));
+}
+
+export function buildTreeShellInlineKernelFileTreeItems(
+  items: KernelFileTreeProjectionItem[],
+): TreeShellInlineProjectionItem[] {
+  return items
+    .map((item) => ({
+      nodeId: normalizeString(item.nodeId),
+      parentNodeId: item.parentNodeId ?? null,
+      title: normalizeString(item.title, "无标题"),
+      depth: typeof item.depth === "number" && Number.isFinite(item.depth) ? Math.max(0, item.depth) : 0,
+      childCount:
+        typeof item.childCount === "number" && Number.isFinite(item.childCount) ? Math.max(0, item.childCount) : 0,
+      position: typeof item.position === "number" && Number.isFinite(item.position) ? item.position : 0,
+      expandedByDefault: item.expandedByDefault === true,
+      rowKind: normalizeString(item.rowKind, "document"),
+      iconHint: normalizeString(item.iconHint, "page"),
+      capabilities: Array.isArray(item.capabilities)
+        ? item.capabilities
+            .map((capability) => normalizeString(capability))
+            .filter(Boolean)
+        : [],
+      resourceMeta: {
+        resourceKind: normalizeString(item.resourceMeta?.resourceKind),
+        documentId: normalizeString(item.resourceMeta?.documentId),
+        assetId: normalizeString(item.resourceMeta?.assetId),
+        workspaceId: normalizeString(item.resourceMeta?.workspaceId),
+        assetKind: normalizeString(item.resourceMeta?.assetKind),
+        iconHint: normalizeString(item.resourceMeta?.iconHint, normalizeString(item.iconHint, "page")),
+      },
+    }))
+    .filter((item) => Boolean(item.nodeId));
+}
+
 export function injectTreeShellInlineOverrides(
   html: string,
   overrides: { items?: TreeShellInlineProjectionItem[] },
@@ -286,11 +1301,52 @@ export function injectTreeShellInlineOverrides(
   return `${scriptTag}${html}`;
 }
 
+function buildTreeShellBootstrapHtml(input: {
+  mode: TreeShellHostMode;
+  workspaceId: string;
+  rootNodeId?: string | null;
+  activeDocumentId?: string | null;
+  focusedDocumentId?: string | null;
+  activePickerItemKey?: string | null;
+  allowRootPick?: boolean;
+  excludeIds?: string[];
+  channel: string;
+  host: string;
+}) {
+  const appState = {
+    workspaceId: input.workspaceId,
+    rootNodeId: readNullableString(input.rootNodeId),
+    activeDocumentId: readNullableString(input.activeDocumentId),
+    focusedDocumentId: readNullableString(input.focusedDocumentId),
+    activePickerItemKey: readNullableString(input.activePickerItemKey),
+    actorId: "",
+    channel: input.channel,
+    host: input.host,
+    mode: input.mode,
+    allowRootPick: input.allowRootPick === true,
+    excludeIds: (input.excludeIds ?? []).map((item) => normalizeString(item)).filter(Boolean),
+    commandPath: "/api/tree/commands",
+    items: [],
+    mediaAssets: [],
+    mindmapAssets: [],
+    tableAssets: [],
+    mindmapAssetChildren: {},
+  };
+  return compactTreeShellSrcDoc(
+    LOCAL_TREE_SHELL_TEMPLATE.replace(
+      "__APP_STATE__",
+      escapeInlineScriptJson(JSON.stringify(appState)),
+    ),
+  );
+}
+
 export function buildTreeShellIframeSrc(input: {
   mode: TreeShellHostMode;
   workspaceId: string;
   rootNodeId?: string | null;
   activeDocumentId?: string | null;
+  focusedDocumentId?: string | null;
+  activePickerItemKey?: string | null;
   allowRootPick?: boolean;
   excludeIds?: string[];
   channel: string;
@@ -312,6 +1368,16 @@ export function buildTreeShellIframeSrc(input: {
     params.set("activeDocumentId", activeDocumentId);
   }
 
+  const focusedDocumentId = normalizeString(input.focusedDocumentId);
+  if (focusedDocumentId) {
+    params.set("focusedDocumentId", focusedDocumentId);
+  }
+
+  const activePickerItemKey = normalizeString(input.activePickerItemKey);
+  if (activePickerItemKey) {
+    params.set("activePickerItemKey", activePickerItemKey);
+  }
+
   if (input.allowRootPick) {
     params.set("allowRootPick", "1");
   }
@@ -332,15 +1398,22 @@ export function TreeShellIframeHost({
   workspaceId,
   rootNodeId = null,
   activeDocumentId = null,
+  focusedDocumentId = null,
+  activePickerItemKey = null,
   allowRootPick = false,
   excludeIds = [],
-  pickerItems = [],
-  fileTreeRows = [],
+  pickerCommand = null,
+  pickerItems,
+  pageTreeItems,
+  inlineFileTreeItems,
   channel,
   host,
   onNavigate,
   onPick,
+  onPickerFocusChange,
   onPageContextMenu,
+  onPageExpandChange,
+  onPageFocusChange,
   onFileTreeContextMenu,
   onFileTreeSelectionChange,
   onInternalDrop,
@@ -349,26 +1422,62 @@ export function TreeShellIframeHost({
   onTreeMutation,
 }: TreeShellIframeHostProps) {
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
-  const [inlineSrcDoc, setInlineSrcDoc] = useState<string | null>(null);
-  const [inlineLoadFailed, setInlineLoadFailed] = useState(false);
+  const mounted = useSyncExternalStore(
+    subscribeClientSnapshot,
+    getClientSnapshot,
+    getServerSnapshot,
+  );
+  const [iframeLoadVersion, setIframeLoadVersion] = useState(0);
   const resolvedChannel = channel?.trim() || surfaceTestId;
   const resolvedHost = host?.trim() || surfaceTestId;
-  const fileTreeRowById = useMemo(
-    () => new Map(fileTreeRows.map((row) => [row.rowId, row])),
-    [fileTreeRows],
+  const hasInlinePageOverride = mode === "page" && Array.isArray(pageTreeItems);
+  const expandedPageNodeIds = useMemo(
+    () =>
+      new Set(
+        (pageTreeItems ?? [])
+          .filter((item) => item.childCount > 0 && item.expandedByDefault)
+          .map((item) => item.nodeId),
+      ),
+    [pageTreeItems],
   );
+  const hasInlinePickerOverride = mode === "picker" && Array.isArray(pickerItems);
+  const hasInlineFileTreeItemOverride = mode === "filetree" && Array.isArray(inlineFileTreeItems);
   const inlinePickerItems = useMemo(
-    () => (mode === "picker" ? buildTreeShellInlinePickerItems(pickerItems) : []),
-    [mode, pickerItems],
+    () => (hasInlinePickerOverride ? buildTreeShellInlinePickerItems(pickerItems ?? []) : []),
+    [hasInlinePickerOverride, pickerItems],
   );
-  const useInlinePickerOverride = inlinePickerItems.length > 0;
-  const src = useMemo(
+  const inlinePageItems = useMemo(
+    () => (hasInlinePageOverride ? buildTreeShellInlinePageItems(pageTreeItems ?? [], expandedPageNodeIds) : []),
+    [expandedPageNodeIds, hasInlinePageOverride, pageTreeItems],
+  );
+  const inlineFileTreeProjectionItems = useMemo(
+    () =>
+      hasInlineFileTreeItemOverride
+        ? buildTreeShellInlineKernelFileTreeItems(inlineFileTreeItems ?? [])
+        : [],
+    [hasInlineFileTreeItemOverride, inlineFileTreeItems],
+  );
+  const inlineProjectionItems =
+    mode === "picker"
+      ? inlinePickerItems
+      : mode === "page"
+        ? inlinePageItems
+        : inlineFileTreeProjectionItems;
+  const useInlineProjectionOverride =
+    mode === "picker"
+      ? hasInlinePickerOverride
+      : mode === "page"
+        ? hasInlinePageOverride
+        : hasInlineFileTreeItemOverride;
+  const fallbackSrc = useMemo(
     () =>
       buildTreeShellIframeSrc({
         mode,
         workspaceId,
         rootNodeId,
         activeDocumentId,
+        focusedDocumentId,
+        activePickerItemKey,
         allowRootPick,
         excludeIds,
         channel: resolvedChannel,
@@ -376,8 +1485,10 @@ export function TreeShellIframeHost({
       }),
     [
       activeDocumentId,
+      activePickerItemKey,
       allowRootPick,
       excludeIds,
+      focusedDocumentId,
       mode,
       resolvedChannel,
       resolvedHost,
@@ -385,50 +1496,88 @@ export function TreeShellIframeHost({
       workspaceId,
     ],
   );
+  const inlineBootstrapActiveDocumentId = mode === "picker" ? null : activeDocumentId;
+  const inlineBootstrapHtml = useMemo(
+    () =>
+      buildTreeShellBootstrapHtml({
+        mode,
+        workspaceId,
+        rootNodeId,
+        activeDocumentId: inlineBootstrapActiveDocumentId,
+        focusedDocumentId: null,
+        activePickerItemKey: null,
+        allowRootPick,
+        excludeIds,
+        channel: resolvedChannel,
+        host: resolvedHost,
+      }),
+    [
+      mode,
+      workspaceId,
+      rootNodeId,
+      inlineBootstrapActiveDocumentId,
+      allowRootPick,
+      excludeIds,
+      resolvedChannel,
+      resolvedHost,
+    ],
+  );
+  const inlineSrcDoc = useMemo(
+    () =>
+      useInlineProjectionOverride
+        ? injectTreeShellInlineOverrides(inlineBootstrapHtml, {
+            items: inlineProjectionItems,
+          })
+        : null,
+    [inlineBootstrapHtml, inlineProjectionItems, useInlineProjectionOverride],
+  );
+  const renderedInlineSrcDoc =
+    mounted && inlineSrcDoc ? inlineSrcDoc : INLINE_TREE_SHELL_LOADING_HTML;
 
   useEffect(() => {
-    if (!useInlinePickerOverride) {
-      setInlineSrcDoc(null);
-      setInlineLoadFailed(false);
+    const contentWindow = iframeRef.current?.contentWindow;
+    if (!contentWindow) {
       return;
     }
 
-    let disposed = false;
-    setInlineLoadFailed(false);
-    setInlineSrcDoc(null);
-
-    void (async () => {
-      try {
-        const response = await fetch(src, {
-          method: "GET",
-          credentials: "include",
-          cache: "no-store",
-        });
-        if (!response.ok) {
-          throw new Error(`tree shell inline override fetch failed: ${response.status}`);
-        }
-        const html = await response.text();
-        if (disposed) {
-          return;
-        }
-        setInlineSrcDoc(
-          injectTreeShellInlineOverrides(html, {
-            items: inlinePickerItems,
-          }),
-        );
-      } catch {
-        if (disposed) {
-          return;
-        }
-        setInlineLoadFailed(true);
-        setInlineSrcDoc(null);
-      }
-    })();
-
-    return () => {
-      disposed = true;
+    const message: TreeShellStatePatchMessage = {
+      channel: resolvedChannel,
+      type: "tree.shell.state.patch",
+      activeDocumentId: readNullableString(activeDocumentId),
+      focusedDocumentId: readNullableString(focusedDocumentId),
+      activePickerItemKey: readNullableString(activePickerItemKey),
     };
-  }, [inlinePickerItems, src, useInlinePickerOverride]);
+    contentWindow.postMessage(message, "*");
+  }, [
+    activeDocumentId,
+    activePickerItemKey,
+    focusedDocumentId,
+    iframeLoadVersion,
+    resolvedChannel,
+  ]);
+
+  useEffect(() => {
+    if (mode !== "picker" || !pickerCommand) {
+      return;
+    }
+
+    const contentWindow = iframeRef.current?.contentWindow;
+    if (!contentWindow) {
+      return;
+    }
+
+    const message: TreeShellPickerCommandMessage = {
+      channel: resolvedChannel,
+      type: "tree.picker.command",
+      command: pickerCommand.kind,
+    };
+    contentWindow.postMessage(message, "*");
+  }, [
+    iframeLoadVersion,
+    mode,
+    pickerCommand,
+    resolvedChannel,
+  ]);
 
   useEffect(() => {
     const onMessage = (event: MessageEvent) => {
@@ -452,6 +1601,12 @@ export function TreeShellIframeHost({
         case "tree.pick.root":
           onPick?.(null);
           return;
+        case "tree.picker.focus.changed":
+          onPickerFocusChange?.({
+            itemKey: message.itemKey,
+            documentId: message.documentId,
+          });
+          return;
         case "tree.page.context-menu":
           if (message.documentId) {
             onPageContextMenu?.({
@@ -461,6 +1616,17 @@ export function TreeShellIframeHost({
             });
           }
           return;
+        case "tree.page.expand.changed":
+          onPageExpandChange?.({
+            documentId: message.documentId,
+            expanded: message.expanded,
+          });
+          return;
+        case "tree.page.focus.changed":
+          onPageFocusChange?.({
+            documentId: message.documentId,
+          });
+          return;
         case "tree.filetree.context-menu":
           onFileTreeContextMenu?.({
             documentId: message.documentId,
@@ -480,14 +1646,11 @@ export function TreeShellIframeHost({
           return;
         case "tree.filetree.internal-drop":
           if (message.rowIds.length > 0) {
-            const targetRow =
-              message.targetRow ??
-              (message.rowId ? (fileTreeRowById.get(message.rowId) ?? null) : null);
-            if (!targetRow) {
-              return;
-            }
             onInternalDrop?.({
-              targetRow,
+              targetDocumentId: message.documentId,
+              targetRowId: message.rowId,
+              targetRowKind: message.rowKind,
+              targetAssetId: message.assetId,
               rowIds: message.rowIds,
               copy: message.copy,
             });
@@ -496,14 +1659,13 @@ export function TreeShellIframeHost({
         case "tree.filetree.external-drop":
         case "tree.filetree.drop-files":
           if (message.files.length > 0) {
-            const targetRow =
-              message.targetRow ??
-              (message.rowId ? (fileTreeRowById.get(message.rowId) ?? null) : null);
-            const targetDocId = message.documentId ?? targetRow?.docId ?? null;
-            if (!targetDocId) {
-              return;
-            }
-            onDropFiles?.(targetDocId, message.files, targetRow ?? undefined);
+            onDropFiles?.({
+              targetDocumentId: message.documentId,
+              targetRowId: message.rowId,
+              targetRowKind: message.rowKind,
+              targetAssetId: message.assetId,
+              files: message.files,
+            });
           }
           return;
         case "tree.asset.open":
@@ -531,14 +1693,16 @@ export function TreeShellIframeHost({
     };
   }, [
     onAssetOpen,
-    fileTreeRowById,
     onFileTreeContextMenu,
     onFileTreeSelectionChange,
     onInternalDrop,
     onDropFiles,
     onNavigate,
     onPageContextMenu,
+    onPageExpandChange,
+    onPageFocusChange,
     onPick,
+    onPickerFocusChange,
     onTreeMutation,
     resolvedChannel,
   ]);
@@ -546,13 +1710,14 @@ export function TreeShellIframeHost({
   return (
     <iframe
       ref={iframeRef}
-      src={useInlinePickerOverride && !inlineLoadFailed ? undefined : src}
-      srcDoc={useInlinePickerOverride && !inlineLoadFailed ? inlineSrcDoc ?? INLINE_TREE_SHELL_LOADING_HTML : undefined}
+      src={useInlineProjectionOverride ? undefined : fallbackSrc}
+      srcDoc={useInlineProjectionOverride ? renderedInlineSrcDoc : undefined}
+      onLoad={() => setIframeLoadVersion((prev) => prev + 1)}
       title={`tree-shell-${mode}`}
       data-testid={`${surfaceTestId}-rust-iframe`}
       data-tree-shell-mode={mode}
       data-tree-shell-channel={resolvedChannel}
-      data-tree-shell-inline={useInlinePickerOverride && !inlineLoadFailed ? "1" : "0"}
+      data-tree-shell-inline={useInlineProjectionOverride ? "1" : "0"}
       className="h-full w-full border-0 bg-white"
     />
   );
diff --git a/wolai-frontend/src/components/sidebar/tree-shell-surface.test.tsx b/wolai-frontend/src/components/sidebar/tree-shell-surface.test.tsx
index f90e0281..855df502 100644
--- a/wolai-frontend/src/components/sidebar/tree-shell-surface.test.tsx
+++ b/wolai-frontend/src/components/sidebar/tree-shell-surface.test.tsx
@@ -5,14 +5,6 @@ import { SidebarTreeSurface, TreePickerSurface, type TreeRendererFamily } from "
 
 (globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
 
-vi.mock("@/components/sidebar/private-tree", () => ({
-  PrivateTree: () => <div data-testid="private-tree-fallback" />,
-}));
-
-vi.mock("@/components/sidebar/file-tree", () => ({
-  FileTree: () => <div data-testid="file-tree-fallback" />,
-}));
-
 describe("tree-shell-surface", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -30,7 +22,7 @@ describe("tree-shell-surface", () => {
     container.remove();
   });
 
-  function renderPageSurface(rendererFamily: TreeRendererFamily) {
+  function renderPageSurface(rendererFamily: TreeRendererFamily, focusedDocumentId?: string) {
     act(() => {
       root.render(
         <SidebarTreeSurface
@@ -41,6 +33,7 @@ describe("tree-shell-surface", () => {
           rows={[]}
           expanded={new Set<string>()}
           activeId=""
+          focusedDocumentId={focusedDocumentId}
           onToggleExpand={() => undefined}
           onMove={() => undefined}
           onCreateChild={() => undefined}
@@ -64,11 +57,21 @@ describe("tree-shell-surface", () => {
     expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
     expect(rustHost).not.toBeNull();
     expect(iframe).not.toBeNull();
-    expect(container.querySelector('[data-testid="private-tree-fallback"]')).toBeNull();
+    expect(container.querySelector('[data-testid="page-tree-renderer-removed"]')).toBeNull();
   });
 
-  it("page tree 在禁用 tree shell 时应安全回退到 React fallback", () => {
-    act(() => {
+  it("page tree surface 在 rust_family 下应把 focusedDocumentId 透传到 iframe", () => {
+    renderPageSurface("rust_family", "doc_focus");
+
+    const iframe = container.querySelector(
+      '[data-testid="sidebar-page-tree-shell-rust-iframe"]',
+    ) as HTMLIFrameElement | null;
+
+    expect(iframe?.getAttribute("src")).toContain("focusedDocumentId=doc_focus");
+  });
+
+  it("page tree 在 rust_family 下即使 tree shellEnabled=false 也应继续使用 iframe host", async () => {
+    await act(async () => {
       root.render(
         <SidebarTreeSurface
           mode="page"
@@ -87,8 +90,33 @@ describe("tree-shell-surface", () => {
     });
 
     const surface = container.querySelector('[data-testid="sidebar-page-tree-shell"]');
-    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("react_fallback");
-    expect(container.querySelector('[data-testid="private-tree-fallback"]')).not.toBeNull();
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
+    expect(container.querySelector('[data-testid="sidebar-page-tree-shell-rust-iframe"]')).not.toBeNull();
+    expect(container.querySelector('[data-testid="page-tree-renderer-removed"]')).toBeNull();
+  });
+
+  it("page tree 在缺少 workspaceId 时应显示 Rust 宿主占位，而不是回退旧 React renderer", () => {
+    act(() => {
+      root.render(
+        <SidebarTreeSurface
+          mode="page"
+          rendererFamily="rust_family"
+          workspaceId={null}
+          treeShellEnabled
+          rows={[]}
+          expanded={new Set<string>()}
+          activeId=""
+          onToggleExpand={() => undefined}
+          onMove={() => undefined}
+          onCreateChild={() => undefined}
+          onContextMenu={() => undefined}
+        />,
+      );
+    });
+
+    const surface = container.querySelector('[data-testid="sidebar-page-tree-shell"]');
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("page_tree_renderer_removed");
+    expect(container.querySelector('[data-testid="page-tree-renderer-removed"]')).not.toBeNull();
   });
 
   it("file tree surface 在 rust_family 下也应走同一 host 选择契约", () => {
@@ -122,26 +150,63 @@ describe("tree-shell-surface", () => {
     expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
     expect(rustHost).not.toBeNull();
     expect(iframe).not.toBeNull();
-    expect(container.querySelector('[data-testid="file-tree-fallback"]')).toBeNull();
+    expect(container.querySelector('[data-testid="file-tree-renderer-removed"]')).toBeNull();
+  });
+
+  it("file tree 在 rust_family 下即使 tree shellEnabled=false 也应继续使用 iframe host", async () => {
+    await act(async () => {
+      root.render(
+        <SidebarTreeSurface
+          mode="filetree"
+          rendererFamily="rust_family"
+          workspaceId="ws_1"
+          treeShellEnabled={false}
+          rows={[]}
+          activeId=""
+          selectedRowIds={new Set<string>()}
+          onRowClick={() => undefined}
+          onRowDoubleClick={() => undefined}
+          onRowContextMenu={() => undefined}
+          onToggleExpand={() => undefined}
+          onCreateChild={() => undefined}
+        />,
+      );
+    });
+
+    const surface = container.querySelector('[data-testid="sidebar-file-tree-shell"]');
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
+    expect(container.querySelector('[data-testid="sidebar-file-tree-shell-rust-iframe"]')).not.toBeNull();
+    expect(container.querySelector('[data-testid="file-tree-renderer-removed"]')).toBeNull();
+  });
+
+  it("file tree 在缺少 workspaceId 时应显示 Rust 宿主占位，而不是回退旧 React renderer", () => {
+    act(() => {
+      root.render(
+        <SidebarTreeSurface
+          mode="filetree"
+          rendererFamily="rust_family"
+          workspaceId={null}
+          treeShellEnabled
+          rows={[]}
+          activeId=""
+          selectedRowIds={new Set<string>()}
+          onRowClick={() => undefined}
+          onRowDoubleClick={() => undefined}
+          onRowContextMenu={() => undefined}
+          onToggleExpand={() => undefined}
+          onCreateChild={() => undefined}
+        />,
+      );
+    });
+
+    const surface = container.querySelector('[data-testid="sidebar-file-tree-shell"]');
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("filetree_renderer_removed");
+    expect(container.querySelector('[data-testid="file-tree-renderer-removed"]')).not.toBeNull();
   });
 
   it("file tree surface 应把 iframe 内部拖放与外部文件拖放桥接回宿主回调", async () => {
     const onInternalDrop = vi.fn();
     const onDropFiles = vi.fn();
-    const targetRow = {
-      kind: "doc",
-      rowId: "doc:doc_target",
-      depth: 0,
-      docId: "doc_target",
-      parentDocId: null,
-      node: {
-        _id: "doc_target",
-        id: "doc_target",
-        title: "目标页面",
-      },
-      hasChildren: false,
-      isExpanded: false,
-    };
     const droppedFile = new File(["bridge"], "bridge.txt", { type: "text/plain" });
 
     await act(async () => {
@@ -151,7 +216,7 @@ describe("tree-shell-surface", () => {
           rendererFamily="rust_family"
           workspaceId="ws_1"
           treeShellEnabled
-          rows={[targetRow]}
+          rows={[]}
           activeId=""
           selectedRowIds={new Set<string>()}
           onRowClick={() => undefined}
@@ -182,7 +247,9 @@ describe("tree-shell-surface", () => {
             type: "tree.filetree.internal-drop",
             rowIds: ["doc:doc_source"],
             copy: false,
-            targetRow,
+            rowId: "doc:doc_target",
+            rowKind: "doc",
+            documentId: "doc_target",
           },
           source: window,
         }),
@@ -193,7 +260,8 @@ describe("tree-shell-surface", () => {
             channel: "sidebar-file-tree-shell",
             type: "tree.filetree.external-drop",
             documentId: "doc_target",
-            targetRow,
+            rowId: "doc:doc_target",
+            rowKind: "doc",
             files: [droppedFile],
           },
           source: window,
@@ -202,11 +270,20 @@ describe("tree-shell-surface", () => {
     });
 
     expect(onInternalDrop).toHaveBeenCalledWith({
-      targetRow,
+      targetDocumentId: "doc_target",
+      targetRowId: "doc:doc_target",
+      targetRowKind: "doc",
+      targetAssetId: null,
       rowIds: ["doc:doc_source"],
       copy: false,
     });
-    expect(onDropFiles).toHaveBeenCalledWith("doc_target", [droppedFile], targetRow);
+    expect(onDropFiles).toHaveBeenCalledWith({
+      targetDocumentId: "doc_target",
+      targetRowId: "doc:doc_target",
+      targetRowKind: "doc",
+      targetAssetId: null,
+      files: [droppedFile],
+    });
   });
 
   it("picker surface 在 rust_family 下也应挂到同一 host 边界", async () => {
@@ -238,8 +315,8 @@ describe("tree-shell-surface", () => {
     expect(onPick).not.toHaveBeenCalled();
   });
 
-  it("picker 在 rust_family 但 tree shell 不可用时仍应保留 React fallback", () => {
-    act(() => {
+  it("picker 在 rust_family 下即使 tree shellEnabled=false 也应继续使用 iframe host", async () => {
+    await act(async () => {
       root.render(
         <TreePickerSurface
           rendererFamily="rust_family"
@@ -254,13 +331,17 @@ describe("tree-shell-surface", () => {
       );
     });
 
+    await act(async () => {
+      await Promise.resolve();
+    });
+
     const surface = container.querySelector('[data-testid="tree-picker-surface"]');
     const rustHost = container.querySelector('[data-testid="tree-picker-surface-rust-host"]');
-    const row = container.querySelector('[data-testid="tree-picker-row"]');
+    const iframe = container.querySelector('[data-testid="tree-picker-surface-rust-iframe"]');
 
-    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("react_fallback");
+    expect(surface?.getAttribute("data-tree-host-implementation")).toBe("mnote_web_iframe_proxy");
     expect(surface?.getAttribute("data-tree-host-kind")).toBe("rust_family");
     expect(rustHost).not.toBeNull();
-    expect(row).not.toBeNull();
+    expect(iframe).not.toBeNull();
   });
 });
diff --git a/wolai-frontend/src/components/sidebar/tree-shell-surface.tsx b/wolai-frontend/src/components/sidebar/tree-shell-surface.tsx
index 6efe7495..1cc6b2d9 100644
--- a/wolai-frontend/src/components/sidebar/tree-shell-surface.tsx
+++ b/wolai-frontend/src/components/sidebar/tree-shell-surface.tsx
@@ -1,9 +1,14 @@
 "use client";
 
 import type { DragEvent, MouseEvent } from "react";
-import { FileTree } from "@/components/sidebar/file-tree";
-import { PrivateTree } from "@/components/sidebar/private-tree";
-import { TreeShellHost, type TreeRendererFamily } from "@/components/sidebar/tree-shell-host";
+import {
+  TreeShellHost,
+  type FileTreeShellExternalDropPayload,
+  type FileTreeShellInternalDropPayload,
+  type TreeShellPickerCommand,
+  type TreeRendererFamily,
+} from "@/components/sidebar/tree-shell-host";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
 import type { SidebarTreeNode } from "@/lib/kernel-sidebar";
 import type { FileTreeRow } from "@/lib/file-tree/types";
 import type { PageTreeProjectionItem } from "@/lib/tree-projection";
@@ -16,9 +21,11 @@ type SidebarPageTreeSurfaceProps = {
   rendererFamily?: TreeRendererFamily;
   workspaceId: string | null;
   treeShellEnabled?: boolean;
-  rows: PageTreeProjectionItem[];
+  rows?: PageTreeProjectionItem[];
+  treeShellRows?: PageTreeProjectionItem[];
   expanded: Set<string>;
   activeId: string;
+  focusedDocumentId?: string | null;
   className?: string;
   onToggleExpand: (id: string) => void;
   onMove: (nodeId: string, parentId: string | null, index: number) => void;
@@ -26,6 +33,8 @@ type SidebarPageTreeSurfaceProps = {
   onContextMenu: (event: MouseEvent, node: SidebarTreeNode) => void;
   onNavigate?: (documentId: string) => void;
   onPageContextMenu?: (payload: { documentId: string; x: number; y: number }) => void;
+  onPageExpandChange?: (payload: { documentId: string | null; expanded: boolean }) => void;
+  onPageFocusChange?: (payload: { documentId: string | null }) => void;
   onTreeMutation?: (payload: { type: string; documentId: string | null }) => void;
 };
 
@@ -34,7 +43,8 @@ type SidebarFileTreeSurfaceProps = {
   rendererFamily?: TreeRendererFamily;
   workspaceId: string | null;
   treeShellEnabled?: boolean;
-  rows: FileTreeRow[];
+  rows?: FileTreeRow[];
+  treeShellItems?: KernelFileTreeProjectionItem[];
   activeId: string;
   selectedRowIds: Set<string>;
   className?: string;
@@ -46,8 +56,8 @@ type SidebarFileTreeSurfaceProps = {
   onToggleAssetFolderExpand?: (assetId: string) => void;
   onCreateChild: (parentId: string | null) => void;
   onBlankMouseDown?: (event: MouseEvent) => void;
-  onDropFiles?: (docId: string, files: FileList | File[], targetRow?: FileTreeRow) => void;
-  onInternalDrop?: (args: { targetRow: FileTreeRow; rowIds: string[]; copy: boolean }) => void;
+  onDropFiles?: (payload: FileTreeShellExternalDropPayload) => void;
+  onInternalDrop?: (payload: FileTreeShellInternalDropPayload) => void;
   onNavigate?: (documentId: string) => void;
   onFileTreeContextMenu?: (payload: {
     documentId: string | null;
@@ -79,8 +89,10 @@ type TreePickerSurfaceProps = {
   workspaceId: string | null;
   treeShellEnabled?: boolean;
   activeDocumentId?: string | null;
+  activePickerItemKey?: string | null;
   allowRootPick?: boolean;
   excludeIds?: string[];
+  pickerCommand?: TreeShellPickerCommand | null;
   treeShellItems?: TreePickerSurfaceItem[];
   items: TreePickerSurfaceItem[];
   highlighted: number;
@@ -88,6 +100,7 @@ type TreePickerSurfaceProps = {
   emptyText?: string;
   onHighlight: (index: number) => void;
   onPick: (targetId: string | null) => void;
+  onPickerFocusChange?: (payload: { itemKey: string | null; documentId: string | null }) => void;
 };
 
 export function SidebarTreeSurface(props: SidebarTreeSurfaceProps) {
@@ -96,33 +109,27 @@ export function SidebarTreeSurface(props: SidebarTreeSurfaceProps) {
       ? "sidebar-page-tree-shell"
       : "sidebar-file-tree-shell";
   const rendererFamily = props.rendererFamily ?? "react";
+  const pageTreeFallback = (
+    <div
+      data-testid="page-tree-renderer-removed"
+      className="flex h-full items-center justify-center px-4 text-center text-sm text-gray-400"
+    >
+      页面树旧 React renderer 已退出；请使用 Rust tree shell 宿主。
+    </div>
+  );
+  const fileTreeFallback = (
+    <div
+      data-testid="file-tree-renderer-removed"
+      className="flex h-full items-center justify-center px-4 text-center text-sm text-gray-400"
+    >
+      文件树旧 React renderer 已退出；请使用 Rust tree shell 宿主。
+    </div>
+  );
   const fallbackContent =
     props.mode === "page" ? (
-      <PrivateTree
-        rows={props.rows}
-        expanded={props.expanded}
-        activeId={props.activeId}
-        onToggleExpand={props.onToggleExpand}
-        onMove={props.onMove}
-        onCreateChild={props.onCreateChild}
-        onContextMenu={props.onContextMenu}
-      />
+      pageTreeFallback
     ) : (
-      <FileTree
-        rows={props.rows}
-        activeId={props.activeId}
-        selectedRowIds={props.selectedRowIds}
-        onRowClick={props.onRowClick}
-        onRowDoubleClick={props.onRowDoubleClick}
-        onRowContextMenu={props.onRowContextMenu}
-        onRowDragStart={props.onRowDragStart}
-        onToggleExpand={props.onToggleExpand}
-        onToggleAssetFolderExpand={props.onToggleAssetFolderExpand}
-        onCreateChild={props.onCreateChild}
-        onBlankMouseDown={props.onBlankMouseDown}
-        onDropFiles={props.onDropFiles}
-        onInternalDrop={props.onInternalDrop}
-      />
+      fileTreeFallback
     );
 
   return (
@@ -131,11 +138,20 @@ export function SidebarTreeSurface(props: SidebarTreeSurfaceProps) {
       surfaceTestId={surfaceTestId}
       rendererFamily={rendererFamily}
       treeShellEnabled={props.treeShellEnabled}
+      fallbackImplementation={
+        props.mode === "page"
+          ? "page_tree_renderer_removed"
+          : "filetree_renderer_removed"
+      }
       workspaceId={props.workspaceId}
       activeDocumentId={props.activeId}
-      fileTreeRows={props.mode === "filetree" ? props.rows : undefined}
+      focusedDocumentId={props.mode === "page" ? (props.focusedDocumentId ?? null) : undefined}
+      pageTreeItems={props.mode === "page" ? props.treeShellRows : undefined}
+      inlineFileTreeItems={props.mode === "filetree" ? props.treeShellItems : undefined}
       onNavigate={props.onNavigate}
       onPageContextMenu={props.mode === "page" ? props.onPageContextMenu : undefined}
+      onPageExpandChange={props.mode === "page" ? props.onPageExpandChange : undefined}
+      onPageFocusChange={props.mode === "page" ? props.onPageFocusChange : undefined}
       onFileTreeContextMenu={props.mode === "filetree" ? props.onFileTreeContextMenu : undefined}
       onFileTreeSelectionChange={props.mode === "filetree" ? props.onFileTreeSelectionChange : undefined}
       onInternalDrop={props.mode === "filetree" ? props.onInternalDrop : undefined}
@@ -157,8 +173,10 @@ export function TreePickerSurface({
   workspaceId,
   treeShellEnabled = true,
   activeDocumentId = null,
+  activePickerItemKey = null,
   allowRootPick = false,
   excludeIds = [],
+  pickerCommand = null,
   treeShellItems,
   items,
   highlighted,
@@ -166,8 +184,11 @@ export function TreePickerSurface({
   emptyText = "没有匹配结果",
   onHighlight,
   onPick,
+  onPickerFocusChange,
 }: TreePickerSurfaceProps) {
   const hasItems = items.length > 0;
+  const effectiveTreeShellItems =
+    rendererFamily === "rust_family" ? (treeShellItems ?? items) : treeShellItems;
 
   return (
     <TreeShellHost
@@ -177,10 +198,13 @@ export function TreePickerSurface({
       treeShellEnabled={treeShellEnabled}
       workspaceId={workspaceId}
       activeDocumentId={activeDocumentId}
+      activePickerItemKey={activePickerItemKey}
       allowRootPick={allowRootPick}
       excludeIds={excludeIds}
-      pickerItems={treeShellItems}
+      pickerCommand={pickerCommand}
+      pickerItems={effectiveTreeShellItems}
       onPick={onPick}
+      onPickerFocusChange={onPickerFocusChange}
       className={cn(hasItems ? "py-2" : null, className)}
     >
       {!hasItems ? (
diff --git a/wolai-frontend/src/components/ui/input.tsx b/wolai-frontend/src/components/ui/input.tsx
index 89169058..7d0152f0 100644
--- a/wolai-frontend/src/components/ui/input.tsx
+++ b/wolai-frontend/src/components/ui/input.tsx
@@ -2,20 +2,25 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-  return (
-    <input
-      type={type}
-      data-slot="input"
-      className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      )}
-      {...props}
-    />
-  )
-}
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        ref={ref}
+        type={type}
+        data-slot="input"
+        className={cn(
+          "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+          className
+        )}
+        {...props}
+      />
+    )
+  }
+)
+
+Input.displayName = "Input"
 
 export { Input }
diff --git a/wolai-frontend/src/lib/documents/bridge-log.ts b/wolai-frontend/src/lib/documents/bridge-log.ts
index b93a1add..322c7119 100644
--- a/wolai-frontend/src/lib/documents/bridge-log.ts
+++ b/wolai-frontend/src/lib/documents/bridge-log.ts
@@ -23,6 +23,7 @@ export async function recordBridgeCommandArtifacts<T>(input: {
   context: BridgeContext;
   envelope: CommandEnvelope<T>;
   client?: ConvexHttpClient;
+  commandPayload?: unknown;
   status?: BridgeCommandLogStatus;
   eventStatus?: BridgeDomainEventStatus;
   error?: string | null;
@@ -35,7 +36,7 @@ export async function recordBridgeCommandArtifacts<T>(input: {
   const commandLogId = `clog_${input.envelope.commandId}`;
   const eventId = `evt_${input.envelope.commandId}`;
   const now = input.now ?? new Date().toISOString();
-  const payload = input.envelope.payload as Record<string, unknown>;
+  const payload = input.commandPayload ?? input.envelope.payload;
   const status = input.status ?? "succeeded";
   const eventStatus =
     input.eventStatus ??
diff --git a/wolai-frontend/src/lib/documents/bridge.ts b/wolai-frontend/src/lib/documents/bridge.ts
index 51945097..10a22e82 100644
--- a/wolai-frontend/src/lib/documents/bridge.ts
+++ b/wolai-frontend/src/lib/documents/bridge.ts
@@ -70,6 +70,7 @@ export type CommandEnvelope<T> = {
   source: BridgeSource;
   target: BridgeTarget | null;
   payload: T;
+  preflightData?: Record<string, unknown> | null;
   reason: string | null;
   refs: string[];
   dryRun: boolean;
@@ -275,6 +276,7 @@ export function buildDocumentCommandEnvelope<T>(input: {
   payload: T;
   context: BridgeContext;
   target?: BridgeTarget | null;
+  preflightData?: Record<string, unknown> | null;
   reason?: string | null;
   refs?: string[];
 }): CommandEnvelope<T> {
@@ -286,6 +288,7 @@ export function buildDocumentCommandEnvelope<T>(input: {
     source: input.context.source,
     target: input.target ?? null,
     payload: input.payload,
+    preflightData: input.preflightData ?? null,
     reason: input.reason ?? null,
     refs: input.refs ?? [],
     dryRun: input.context.dryRun,
diff --git a/wolai-frontend/src/lib/documents/document-record.test.ts b/wolai-frontend/src/lib/documents/document-record.test.ts
index 33ad415e..9e77fc39 100644
--- a/wolai-frontend/src/lib/documents/document-record.test.ts
+++ b/wolai-frontend/src/lib/documents/document-record.test.ts
@@ -3,6 +3,7 @@ import {
   compareDocumentCanonicalOrder,
   getCanonicalDocumentByBusinessId,
   getCanonicalParentDocumentId,
+  pickCanonicalDocumentRecordsByBusinessId,
   pickCanonicalDocumentRecord,
 } from "../../../convex/_utils/documentRecord";
 
@@ -176,3 +177,37 @@ describe("canonical document helper", () => {
     expect(parentId).toBe("parent_alive");
   });
 });
+
+describe("pickCanonicalDocumentRecordsByBusinessId", () => {
+  it("同一 workspace 扫描结果里 business id 重复时应先折叠成 canonical 记录，供树命令写链复用", () => {
+    const records = pickCanonicalDocumentRecordsByBusinessId([
+      {
+        _id: "doc_old",
+        id: "doc_1",
+        parent_id: "parent_old",
+        deleted_at: null,
+        created_at: "2026-04-14T00:00:00.000Z",
+        updated_at: "2026-04-14T00:00:01.000Z",
+      },
+      {
+        _id: "doc_new",
+        id: "doc_1",
+        parent_id: "parent_new",
+        deleted_at: null,
+        created_at: "2026-04-14T00:00:02.000Z",
+        updated_at: "2026-04-14T00:00:03.000Z",
+      },
+      {
+        _id: "doc_2",
+        id: "doc_2",
+        parent_id: null,
+        deleted_at: null,
+        created_at: "2026-04-14T00:00:04.000Z",
+        updated_at: "2026-04-14T00:00:05.000Z",
+      },
+    ]);
+
+    expect(records).toHaveLength(2);
+    expect(records.map((record) => record._id)).toEqual(["doc_new", "doc_2"]);
+  });
+});
diff --git a/wolai-frontend/src/lib/documents/document-tree.test.ts b/wolai-frontend/src/lib/documents/document-tree.test.ts
new file mode 100644
index 00000000..d428a54d
--- /dev/null
+++ b/wolai-frontend/src/lib/documents/document-tree.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from "vitest";
+import { buildParentById, isAncestorOf } from "../../../convex/_utils/documentTree";
+
+describe("document tree helper", () => {
+  it("构建父链映射时保留页面与父页面关系，供树命令 legality 复用", () => {
+    const parentById = buildParentById([
+      { id: "root", parent_id: null },
+      { id: "child", parent_id: "root" },
+      { id: "leaf", parent_id: "child" },
+    ]);
+
+    expect(parentById.get("root")).toBeNull();
+    expect(parentById.get("child")).toBe("root");
+    expect(parentById.get("leaf")).toBe("child");
+  });
+
+  it("祖先判断应能识别多级后代，避免把页面移动到自己的子树下面", () => {
+    const parentById = buildParentById([
+      { id: "root", parent_id: null },
+      { id: "child", parent_id: "root" },
+      { id: "leaf", parent_id: "child" },
+    ]);
+
+    expect(isAncestorOf("root", "leaf", parentById)).toBe(true);
+    expect(isAncestorOf("child", "leaf", parentById)).toBe(true);
+    expect(isAncestorOf("leaf", "root", parentById)).toBe(false);
+    expect(isAncestorOf("missing", "leaf", parentById)).toBe(false);
+  });
+});
diff --git a/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.test.ts b/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.test.ts
index 49862ca0..a288cbf9 100644
--- a/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.test.ts
+++ b/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.test.ts
@@ -1,5 +1,18 @@
 import { describe, expect, it, vi } from "vitest";
 import { buildParentById } from "@/lib/file-tree/dnd";
+import { getAuthedConvexClient } from "@/lib/convex/route";
+import {
+  buildDocumentBridgeContextWithActor,
+  buildDocumentCommandEnvelope,
+  documentBridgeErrorResponse,
+} from "@/lib/documents/bridge";
+import {
+  recordBridgeCommandFailureArtifacts,
+} from "@/lib/documents/bridge-log";
+import {
+  executeRustBridgeMutationTransport,
+  resolveRustBridgeCommandPlan,
+} from "@/lib/documents/rust-runtime";
 
 vi.mock("next/server", () => ({
   NextResponse: {
@@ -42,6 +55,7 @@ vi.mock("@/lib/server/local-paths", () => ({
 }));
 
 const {
+  handleDocumentMoveRequest,
   normalizeDocumentCopyTreePayload,
   normalizeDocumentMovePayload,
   resolveSubtreeMoveLegality,
@@ -128,4 +142,244 @@ describe("page-lifecycle-command-adapter", () => {
       isInvalid: false,
     });
   });
+
+  it("documents.move 应把 movePreflight 透传给 Rust plan", async () => {
+    const client = {
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name !== "documents:getMeta") {
+          return null;
+        }
+        if (args.id === "doc_1") {
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        if (args.id === "child_1") {
+          return {
+            id: "child_1",
+            workspace_id: "ws_1",
+            parent_id: "doc_1",
+          };
+        }
+        return null;
+      }),
+      mutation: vi.fn(),
+    };
+    vi.mocked(getAuthedConvexClient).mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client: client as never,
+    });
+    vi.mocked(buildDocumentBridgeContextWithActor).mockReturnValue({
+      deploymentId: null,
+      projectId: null,
+      workspaceId: "ws_1",
+      requestId: "req_move_1",
+      traceId: "trace_move_1",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    vi.mocked(buildDocumentCommandEnvelope).mockImplementation((input: unknown) => input as never);
+    vi.mocked(resolveRustBridgeCommandPlan).mockResolvedValue({
+      kind: "command",
+      commandName: "documents.move",
+      commandId: "cmd_move_1",
+      functionName: "documents:move",
+      workspaceId: "ws_1",
+      requestId: "req_move_1",
+      traceId: "trace_move_1",
+      actorId: "user_1",
+      idempotencyKey: null,
+      payloadJson: "{\"kind\":\"command\"}",
+      argsJson: {
+        id: "doc_1",
+        parentId: "child_1",
+        sortOrder: 0,
+      },
+    });
+    vi.mocked(executeRustBridgeMutationTransport).mockResolvedValue({ ok: true } as never);
+
+    const response = await handleDocumentMoveRequest(
+      new Request("http://127.0.0.1:3000/api/documents/move", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          documentId: "doc_1",
+          parentId: "child_1",
+          position: 0,
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(200);
+    expect(resolveRustBridgeCommandPlan).toHaveBeenCalledWith({
+      context: expect.objectContaining({
+        requestId: "req_move_1",
+      }),
+      envelope: expect.objectContaining({
+        name: "documents.move",
+        preflightData: {
+          sourceDocument: {
+            id: "doc_1",
+            workspaceId: "ws_1",
+            parentId: null,
+          },
+          targetParentDocument: {
+            id: "child_1",
+            workspaceId: "ws_1",
+            parentId: "doc_1",
+          },
+          targetAncestorIds: ["doc_1"],
+        },
+        payload: {
+          documentId: "doc_1",
+          parentId: "child_1",
+          sortOrder: 0,
+          movePreflight: {
+            sourceDocument: {
+              id: "doc_1",
+              workspaceId: "ws_1",
+              parentId: null,
+            },
+            targetParentDocument: {
+              id: "child_1",
+              workspaceId: "ws_1",
+              parentId: "doc_1",
+            },
+            targetAncestorIds: ["doc_1"],
+          },
+        },
+      }),
+    });
+  });
+
+  it("documents.move 失败时记录的 failure artifact 仍应保持 move envelope", async () => {
+    const client = {
+      query: vi.fn(async (name: string, args: { id: string }) => {
+        if (name !== "documents:getMeta") {
+          return null;
+        }
+        if (args.id === "doc_1") {
+          return {
+            id: "doc_1",
+            workspace_id: "ws_1",
+            parent_id: null,
+          };
+        }
+        if (args.id === "child_1") {
+          return {
+            id: "child_1",
+            workspace_id: "ws_1",
+            parent_id: "doc_1",
+          };
+        }
+        return null;
+      }),
+      mutation: vi.fn(),
+    };
+    vi.mocked(getAuthedConvexClient).mockResolvedValue({
+      auth: {
+        userId: "user_1",
+        email: "dev@example.com",
+        name: "开发用户",
+      },
+      client: client as never,
+    });
+    vi.mocked(buildDocumentBridgeContextWithActor).mockReturnValue({
+      deploymentId: null,
+      projectId: null,
+      workspaceId: "ws_1",
+      requestId: "req_move_2",
+      traceId: "trace_move_2",
+      actor: {
+        actorType: "user",
+        actorId: "user_1",
+        sessionId: null,
+      },
+      source: {
+        channel: "next-route",
+        client: "wolai-frontend",
+      },
+      tenantId: null,
+      authToken: null,
+      idempotencyKey: null,
+      validateOnly: false,
+      dryRun: false,
+    });
+    vi.mocked(buildDocumentCommandEnvelope).mockImplementation((input: unknown) => input as never);
+    vi.mocked(resolveRustBridgeCommandPlan).mockRejectedValue(new Error("move failed"));
+    vi.mocked(documentBridgeErrorResponse).mockImplementation((error: unknown) => ({
+      body: { error: error instanceof Error ? error.message : String(error) },
+      status: 500,
+    }) as never);
+
+    const response = await handleDocumentMoveRequest(
+      new Request("http://127.0.0.1:3000/api/documents/move", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          documentId: "doc_1",
+          parentId: "child_1",
+          position: 0,
+        }),
+      }),
+    );
+
+    expect(response.status).toBe(500);
+    expect(recordBridgeCommandFailureArtifacts).toHaveBeenCalledWith(
+      expect.objectContaining({
+        envelope: expect.objectContaining({
+          name: "documents.move",
+          preflightData: {
+            sourceDocument: {
+              id: "doc_1",
+              workspaceId: "ws_1",
+              parentId: null,
+            },
+            targetParentDocument: {
+              id: "child_1",
+              workspaceId: "ws_1",
+              parentId: "doc_1",
+            },
+            targetAncestorIds: ["doc_1"],
+          },
+          payload: {
+            documentId: "doc_1",
+            parentId: "child_1",
+            sortOrder: 0,
+            movePreflight: {
+              sourceDocument: {
+                id: "doc_1",
+                workspaceId: "ws_1",
+                parentId: null,
+              },
+              targetParentDocument: {
+                id: "child_1",
+                workspaceId: "ws_1",
+                parentId: "doc_1",
+              },
+              targetAncestorIds: ["doc_1"],
+            },
+          },
+        }),
+      }),
+    );
+  });
 });
diff --git a/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.ts b/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.ts
index fb13d63c..4aa5bdcb 100644
--- a/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.ts
+++ b/wolai-frontend/src/lib/documents/page-lifecycle-command-adapter.ts
@@ -29,6 +29,18 @@ type MovePayload = {
   position?: number | null;
 };
 
+type MovePreflightDocument = {
+  id: string;
+  workspaceId: string | null;
+  parentId: string | null;
+};
+
+type MovePreflightPayload = {
+  sourceDocument: MovePreflightDocument;
+  targetParentDocument: MovePreflightDocument | null;
+  targetAncestorIds: string[];
+};
+
 type DeletePayload = {
   documentId?: string | null;
 };
@@ -136,6 +148,41 @@ export function resolveSubtreeMoveLegality(input: {
   };
 }
 
+async function buildMovePreflight(args: {
+  client: Awaited<ReturnType<typeof getAuthedConvexClient>>["client"];
+  sourceDocument: MovePreflightDocument;
+  targetParentId: string | null;
+}) : Promise<MovePreflightPayload> {
+  let targetParentDocument: MovePreflightDocument | null = null;
+  const targetAncestorIds: string[] = [];
+  if (args.targetParentId) {
+    const targetParentDoc = await args.client.query(api.documents.getMeta, { id: args.targetParentId });
+    if (!targetParentDoc) {
+      throw new Error("目标父页面不存在或无权限");
+    }
+    targetParentDocument = {
+      id: targetParentDoc.id,
+      workspaceId: trimOrNull(targetParentDoc.workspace_id),
+      parentId: trimOrNull(targetParentDoc.parent_id),
+    };
+    let cursor = trimOrNull(targetParentDoc.parent_id);
+    let depth = 0;
+    while (cursor && depth < 256) {
+      targetAncestorIds.push(cursor);
+      const parentDoc = await args.client.query(api.documents.getMeta, { id: cursor });
+      if (!parentDoc) break;
+      cursor = trimOrNull(parentDoc.parent_id);
+      depth += 1;
+    }
+  }
+
+  return {
+    sourceDocument: args.sourceDocument,
+    targetParentDocument,
+    targetAncestorIds,
+  };
+}
+
 function safeRandomId() {
   return typeof crypto.randomUUID === "function"
     ? crypto.randomUUID()
@@ -328,28 +375,47 @@ export async function handleDocumentCreateRequest(request: Request): Promise<Nex
 
 export async function handleDocumentMoveRequest(request: Request): Promise<NextResponse> {
   assertServerEnvironment();
+  const requestClone = request.clone();
+  let normalizedMove: NormalizedDocumentMovePayload | null = null;
+  let failureClient: Awaited<ReturnType<typeof getAuthedConvexClient>>["client"] | null = null;
+  let failureAuthUserId: string | null = null;
+  let failureSourceDocument: MovePreflightDocument | null = null;
   try {
     const payload = (await request.json()) as MovePayload;
-    const normalizedMove = normalizeDocumentMovePayload(payload);
+    normalizedMove = normalizeDocumentMovePayload(payload);
     const documentId = normalizedMove.documentId;
     if (!documentId) {
       return NextResponse.json({ error: "缺少 documentId" }, { status: 400 });
     }
 
     const { auth, client } = await getAuthedConvexClient();
+    failureClient = client;
+    failureAuthUserId = auth.userId;
     const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
     if (!sourceDoc) {
       return NextResponse.json({ error: "页面不存在或无权访问" }, { status: 404 });
     }
+    failureSourceDocument = {
+      id: sourceDoc.id,
+      workspaceId: trimOrNull(sourceDoc.workspace_id),
+      parentId: trimOrNull(sourceDoc.parent_id),
+    };
 
     const context = await buildBridgeContext(request, sourceDoc.workspace_id ?? null, auth.userId);
+    const movePreflight = await buildMovePreflight({
+      client,
+      sourceDocument: failureSourceDocument,
+      targetParentId: normalizedMove.parentId,
+    });
     const envelope = buildDocumentCommandEnvelope({
       name: "documents.move",
       payload: {
         documentId,
         parentId: normalizedMove.parentId,
         sortOrder: normalizedMove.sortOrder,
+        movePreflight,
       },
+      preflightData: movePreflight,
       context,
       target: {
         pageId: documentId,
@@ -373,18 +439,49 @@ export async function handleDocumentMoveRequest(request: Request): Promise<NextR
     return NextResponse.json({ ok: true });
   } catch (error) {
     try {
-      const payload = (await request.clone().json().catch(() => ({}))) as DeletePayload;
-      const documentId = trimOrNull(payload.documentId);
+      const fallbackMove = normalizedMove
+        ?? normalizeDocumentMovePayload(
+          (await requestClone.json().catch(() => ({}))) as MovePayload,
+        );
+      const documentId = fallbackMove.documentId;
       if (documentId) {
-        const { auth, client } = await getAuthedConvexClient();
-        const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
-        const context = await buildBridgeContext(request, sourceDoc?.workspace_id ?? null, auth.userId);
+        let client = failureClient;
+        let authUserId = failureAuthUserId;
+        if (!client || !authUserId) {
+          const authedClient = await getAuthedConvexClient();
+          client = authedClient.client;
+          authUserId = authedClient.auth.userId;
+        }
+        let sourceDocument = failureSourceDocument;
+        if (!sourceDocument) {
+          const sourceDoc = await client.query(api.documents.getMeta, { id: documentId });
+          if (!sourceDoc) {
+            throw error;
+          }
+          sourceDocument = {
+            id: sourceDoc.id,
+            workspaceId: trimOrNull(sourceDoc.workspace_id),
+            parentId: trimOrNull(sourceDoc.parent_id),
+          };
+        }
+        const context = await buildBridgeContext(request, sourceDocument.workspaceId ?? null, authUserId);
+        const movePreflight = await buildMovePreflight({
+          client,
+          sourceDocument,
+          targetParentId: fallbackMove.parentId,
+        });
         const envelope = buildDocumentCommandEnvelope({
-          name: "documents.delete",
-          payload: { documentId },
+          name: "documents.move",
+          payload: {
+            documentId,
+            parentId: fallbackMove.parentId,
+            sortOrder: fallbackMove.sortOrder,
+            movePreflight,
+          },
+          preflightData: movePreflight,
           context,
           target: {
-            workspaceId: sourceDoc?.workspace_id ?? null,
+            workspaceId: sourceDocument.workspaceId ?? null,
             pageId: documentId,
           },
         });
diff --git a/wolai-frontend/src/lib/documents/page-write-command-adapter.test.ts b/wolai-frontend/src/lib/documents/page-write-command-adapter.test.ts
index 0206e36c..4d93334a 100644
--- a/wolai-frontend/src/lib/documents/page-write-command-adapter.test.ts
+++ b/wolai-frontend/src/lib/documents/page-write-command-adapter.test.ts
@@ -69,6 +69,7 @@ const mockContext: BridgeContext = {
 describe("page-write-command-adapter", () => {
   it("标题命令应走 rust bridge transport", async () => {
     const { getAuthedConvexClient } = await import("@/lib/convex/route");
+    const { recordBridgeCommandArtifacts } = await import("@/lib/documents/bridge-log");
     const {
       resolveRustBridgeCommandPlan,
       executeRustBridgeMutationTransport,
@@ -94,7 +95,10 @@ describe("page-write-command-adapter", () => {
         title: "新标题",
       },
     });
-    vi.mocked(executeRustBridgeMutationTransport).mockResolvedValue({ ok: true });
+    vi.mocked(executeRustBridgeMutationTransport).mockResolvedValue({
+      ok: true,
+      updated_at: "2026-04-24T00:00:00.000Z",
+    });
 
     const result = await executePageWriteBridgeCommand({
       context: mockContext,
@@ -116,6 +120,25 @@ describe("page-write-command-adapter", () => {
         name: "page.head.updateTitle",
       }),
     });
+    expect(recordBridgeCommandArtifacts).toHaveBeenCalledWith({
+      context: mockContext,
+      envelope: expect.objectContaining({
+        name: "page.head.updateTitle",
+      }),
+      commandPayload: {
+        documentId: "doc_1",
+        workspaceId: "ws_1",
+        title: "新标题",
+        streamDelta: {
+          op: "upsert_document",
+          document: {
+            id: "doc_1",
+            title: "新标题",
+            updated_at: "2026-04-24T00:00:00.000Z",
+          },
+        },
+      },
+    });
     expect(result.commandName).toBe("page.head.updateTitle");
     expect(result.revision).toBeNull();
     expect(result.conflictDetectionKey).toBeNull();
diff --git a/wolai-frontend/src/lib/documents/page-write-command-adapter.ts b/wolai-frontend/src/lib/documents/page-write-command-adapter.ts
index 9fb9aab1..baed55ad 100644
--- a/wolai-frontend/src/lib/documents/page-write-command-adapter.ts
+++ b/wolai-frontend/src/lib/documents/page-write-command-adapter.ts
@@ -40,6 +40,26 @@ export type PageWriteCommandExecutionResult = {
   conflictDetectionKey: string | null;
 };
 
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+
+function attachStreamDelta(commandPayload: unknown, streamDelta?: Record<string, unknown> | null) {
+  if (!streamDelta) {
+    return commandPayload;
+  }
+  if (isRecord(commandPayload)) {
+    return {
+      ...commandPayload,
+      streamDelta,
+    };
+  }
+  return {
+    payload: commandPayload,
+    streamDelta,
+  };
+}
+
 function mapDocumentOptionsToConvexArgs(payload: DocumentOptionsUpdatePayload) {
   return {
     id: payload.documentId,
@@ -98,6 +118,33 @@ function normalizePersistedMeta(result: unknown): Pick<PageWriteCommandExecution
   };
 }
 
+function normalizeUpdatedAt(result: unknown): string | null {
+  const record = isRecord(result) ? result : null;
+  const updatedAt = record?.updated_at;
+  return typeof updatedAt === "string" && updatedAt.trim() ? updatedAt.trim() : null;
+}
+
+function buildPageWriteCommandPayload<TPayload extends PageWritePayload>(input: {
+  envelope: CommandEnvelope<TPayload>;
+  transportResult?: unknown;
+}) {
+  if (input.envelope.name !== "page.head.updateTitle") {
+    return input.envelope.payload;
+  }
+
+  const payload = input.envelope.payload as DocumentTitleUpdatePayload;
+  const updatedAt = normalizeUpdatedAt(input.transportResult);
+
+  return attachStreamDelta(payload, {
+    op: "upsert_document",
+    document: {
+      id: payload.documentId,
+      title: payload.title,
+      ...(updatedAt ? { updated_at: updatedAt } : {}),
+    },
+  });
+}
+
 export async function executePageWriteBridgeCommand<TPayload extends PageWritePayload>(input: {
   context: BridgeContext;
   envelope: CommandEnvelope<TPayload>;
@@ -120,6 +167,10 @@ export async function executePageWriteBridgeCommand<TPayload extends PageWritePa
       await recordBridgeCommandArtifacts({
         context: input.context,
         envelope: input.envelope,
+        commandPayload: buildPageWriteCommandPayload({
+          envelope: input.envelope,
+          transportResult,
+        }),
       });
 
       return {
diff --git a/wolai-frontend/src/lib/documents/rust-runtime.ts b/wolai-frontend/src/lib/documents/rust-runtime.ts
index 1fce26b7..a5d5048c 100644
--- a/wolai-frontend/src/lib/documents/rust-runtime.ts
+++ b/wolai-frontend/src/lib/documents/rust-runtime.ts
@@ -479,7 +479,10 @@ export async function resolveRustBridgeCommandPlan<TPayload>(input: {
   const response = await runRustRuntime({
     kind: "command",
     context: input.context,
-    command: input.envelope,
+    command: {
+      ...input.envelope,
+      preflightData: input.envelope.preflightData ?? null,
+    },
   });
 
   if (!("plan" in response) || response.plan.kind !== "command") {
diff --git a/wolai-frontend/src/lib/documents/tree-command-client.test.ts b/wolai-frontend/src/lib/documents/tree-command-client.test.ts
index d79eb319..4de3f8bd 100644
--- a/wolai-frontend/src/lib/documents/tree-command-client.test.ts
+++ b/wolai-frontend/src/lib/documents/tree-command-client.test.ts
@@ -44,11 +44,11 @@ describe("tree-command-client", () => {
       "/api/tree/commands",
       "/api/tree/commands",
       "/api/tree/commands",
-      "/api/documents/delete",
-      "/api/documents/restore",
-      "/api/documents/purge",
-      "/api/documents/embed",
-      "/api/documents/copy-tree",
+      "/api/tree/commands",
+      "/api/tree/commands",
+      "/api/tree/commands",
+      "/api/tree/commands",
+      "/api/tree/commands",
       "/api/documents/title",
       "/api/documents/options",
     ]);
@@ -70,6 +70,30 @@ describe("tree-command-client", () => {
       sortOrder: 0,
       workspaceId: null,
     });
+    expect(JSON.parse(String(fetchMock.mock.calls[3]?.[1]?.body))).toEqual({
+      action: "archive",
+      documentId: "doc_1",
+      workspaceId: null,
+    });
+    expect(JSON.parse(String(fetchMock.mock.calls[4]?.[1]?.body))).toEqual({
+      action: "restore",
+      documentId: "doc_1",
+      workspaceId: null,
+    });
+    expect(JSON.parse(String(fetchMock.mock.calls[5]?.[1]?.body))).toEqual({
+      action: "purge",
+      documentId: "doc_1",
+    });
+    expect(JSON.parse(String(fetchMock.mock.calls[6]?.[1]?.body))).toEqual({
+      action: "embed",
+      sourceId: "doc_1",
+      targetId: "doc_2",
+    });
+    expect(JSON.parse(String(fetchMock.mock.calls[7]?.[1]?.body))).toEqual({
+      action: "copy",
+      targetParentId: null,
+      items: [{ documentId: "doc_1", recursive: true }],
+    });
   });
 
   it("在后端返回错误时抛出统一异常", async () => {
diff --git a/wolai-frontend/src/lib/documents/tree-command-client.ts b/wolai-frontend/src/lib/documents/tree-command-client.ts
index 2415ccf3..83a15f9f 100644
--- a/wolai-frontend/src/lib/documents/tree-command-client.ts
+++ b/wolai-frontend/src/lib/documents/tree-command-client.ts
@@ -96,7 +96,15 @@ type MoveDocumentInput = {
   workspaceId?: string | null;
 };
 
-type TreeCommandAction = "create" | "rename" | "move";
+type TreeCommandAction =
+  | "create"
+  | "rename"
+  | "move"
+  | "archive"
+  | "restore"
+  | "purge"
+  | "embed"
+  | "copy";
 
 type DeleteDocumentInput = {
   documentId: string;
@@ -161,12 +169,16 @@ type TreeCommandResponse = {
     title?: string | null;
     sortOrder?: number | null;
     updatedAt?: string | null;
-    execution?: {
-      access_scope?: "private" | "shared" | "public";
-      is_template?: boolean;
-      created_at?: string | null;
-      updated_at?: string | null;
-    } | null;
+    items?: Array<{ oldId: string; newId: string }>;
+    execution?:
+      | ({
+          access_scope?: "private" | "shared" | "public";
+          is_template?: boolean;
+          created_at?: string | null;
+          updated_at?: string | null;
+          purged?: boolean;
+        } & Record<string, unknown>)
+      | null;
   } | null;
 };
 
@@ -275,52 +287,92 @@ export async function moveDocumentCommand(input: MoveDocumentInput): Promise<{ o
 export async function deleteDocumentCommand(
   input: DeleteDocumentInput,
 ): Promise<{ success: true; meta?: DocumentCommandMeta }> {
-  return postDocumentCommand<{ success: true; meta?: DocumentCommandMeta }>(
-    "/api/documents/delete",
+  const response = await postTreeCommand<TreeCommandResponse>(
     {
+      action: "archive",
       documentId: input.documentId,
       workspaceId: input.workspaceId ?? null,
     },
     "删除失败，请稍后再试",
   );
+
+  return {
+    success: true,
+    meta: {
+      requestId: response.requestId,
+      traceId: response.traceId,
+      commandName: TREE_COMMAND_PROTOCOL.archive.preferredCommandName,
+    },
+  };
 }
 
 export async function restoreDocumentCommand(
   input: RestoreDocumentInput,
 ): Promise<{ success: true; meta?: DocumentCommandMeta }> {
-  return postDocumentCommand<{ success: true; meta?: DocumentCommandMeta }>(
-    "/api/documents/restore",
+  const response = await postTreeCommand<TreeCommandResponse>(
     {
+      action: "restore",
       documentId: input.documentId,
       workspaceId: input.workspaceId ?? null,
     },
     "恢复失败，请稍后再试",
   );
+
+  return {
+    success: true,
+    meta: {
+      requestId: response.requestId,
+      traceId: response.traceId,
+      commandName: TREE_COMMAND_PROTOCOL.restore.preferredCommandName,
+    },
+  };
 }
 
 export async function purgeDocumentCommand(
   input: PurgeDocumentInput,
 ): Promise<{ success: true; purged?: boolean; meta?: DocumentCommandMeta }> {
-  return postDocumentCommand<{ success: true; purged?: boolean; meta?: DocumentCommandMeta }>(
-    "/api/documents/purge",
+  const response = await postTreeCommand<TreeCommandResponse>(
     {
+      action: "purge",
       documentId: input.documentId,
     },
     "彻底删除失败，请稍后再试",
   );
+
+  return {
+    success: true,
+    purged:
+      typeof response.result?.execution?.purged === "boolean"
+        ? response.result.execution.purged
+        : undefined,
+    meta: {
+      requestId: response.requestId,
+      traceId: response.traceId,
+      commandName: TREE_COMMAND_PROTOCOL.purge.preferredCommandName,
+    },
+  };
 }
 
 export async function embedDocumentCommand(
   input: EmbedDocumentInput,
 ): Promise<{ ok: true; meta?: DocumentCommandMeta }> {
-  return postDocumentCommand<{ ok: true; meta?: DocumentCommandMeta }>(
-    "/api/documents/embed",
+  const response = await postTreeCommand<TreeCommandResponse>(
     {
+      action: "embed",
       sourceId: input.sourceId,
       targetId: input.targetId,
     },
     "嵌入失败，请稍后再试",
   );
+
+  return {
+    ok: true,
+    meta: {
+      requestId: response.requestId,
+      traceId: response.traceId,
+      commandName: TREE_COMMAND_PROTOCOL.embed.preferredCommandName,
+    },
+  };
 }
 
 export async function copyTreeCommand(
@@ -329,15 +381,21 @@ export async function copyTreeCommand(
   items: Array<{ oldId: string; newId: string }>;
   meta?: DocumentCommandMeta;
 }> {
-  return postDocumentCommand<{
-    items: Array<{ oldId: string; newId: string }>;
-    meta?: DocumentCommandMeta;
-  }>(
-    "/api/documents/copy-tree",
+  const response = await postTreeCommand<TreeCommandResponse>(
     {
+      action: "copy",
       targetParentId: input.targetParentId,
       items: input.items,
     },
     "复制页面失败，请稍后再试",
   );
+
+  return {
+    items: response.result?.items ?? [],
+    meta: {
+      requestId: response.requestId,
+      traceId: response.traceId,
+      commandName: TREE_COMMAND_PROTOCOL.copy.preferredCommandName,
+    },
+  };
 }
diff --git a/wolai-frontend/src/lib/file-tree/rows.test.ts b/wolai-frontend/src/lib/file-tree/rows.test.ts
index 6fda100f..b549493e 100644
--- a/wolai-frontend/src/lib/file-tree/rows.test.ts
+++ b/wolai-frontend/src/lib/file-tree/rows.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { buildPageTreeProjectionItems } from "@/lib/tree-projection";
-import { buildVisibleRows } from "./rows";
+import { buildVisibleRows, filterKernelFileTreeProjectionItems } from "./rows";
 import { parseFileTreeRowId } from "./types";
 
 describe("buildVisibleRows", () => {
@@ -283,6 +283,176 @@ describe("buildVisibleRows", () => {
       },
     });
   });
+
+  it("过滤态应优先从 kernel file_tree items 收敛可见行，而不是回退 pageRows + assets 二次重建", () => {
+    const fileTreeItems = [
+      {
+        rowId: "doc:page_root",
+        rowKind: "document",
+        nodeId: "page_root",
+        parentNodeId: null,
+        nodeType: "page",
+        projectionKind: "file_tree",
+        title: "根页面",
+        depth: 0,
+        position: 0,
+        childCount: 3,
+        expandable: true,
+        expandedByDefault: true,
+        capabilities: ["expand", "open", "select"],
+        resourceMeta: {
+          resourceKind: "document",
+          documentId: "page_root",
+          workspaceId: "ws_1",
+          iconHint: "page",
+        },
+        iconHint: "page",
+      },
+      {
+        rowId: "index:page_root",
+        rowKind: "index",
+        nodeId: "index:page_root",
+        parentNodeId: "page_root",
+        nodeType: "index",
+        projectionKind: "file_tree",
+        title: "index.md",
+        depth: 1,
+        position: 0,
+        childCount: 0,
+        expandable: false,
+        expandedByDefault: false,
+        capabilities: ["open", "select"],
+        resourceMeta: {
+          resourceKind: "index",
+          documentId: "page_root",
+          workspaceId: "ws_1",
+          iconHint: "index",
+        },
+        iconHint: "index",
+      },
+      {
+        rowId: "asset-folder:mind_1",
+        rowKind: "asset_folder",
+        nodeId: "asset-folder:mind_1",
+        parentNodeId: "page_root",
+        nodeType: "mindmap",
+        projectionKind: "file_tree",
+        title: "头脑风暴",
+        depth: 1,
+        position: 1,
+        childCount: 1,
+        expandable: true,
+        expandedByDefault: false,
+        capabilities: ["expand", "open-asset", "select"],
+        resourceMeta: {
+          resourceKind: "mindmap",
+          documentId: "page_root",
+          assetId: "mind_1",
+          workspaceId: "ws_1",
+          assetKind: "mindmap",
+          iconHint: "mindmap",
+        },
+        iconHint: "mindmap",
+      },
+      {
+        rowId: "asset:asset_child_1",
+        rowKind: "asset",
+        nodeId: "asset:asset_child_1",
+        parentNodeId: "asset-folder:mind_1",
+        nodeType: "asset",
+        projectionKind: "file_tree",
+        title: "节点图片.png",
+        depth: 2,
+        position: 0,
+        childCount: 0,
+        expandable: false,
+        expandedByDefault: false,
+        capabilities: ["open-asset", "select"],
+        resourceMeta: {
+          resourceKind: "asset",
+          documentId: "page_root",
+          assetId: "asset_child_1",
+          workspaceId: "ws_1",
+          assetKind: "image",
+          iconHint: "image",
+        },
+        iconHint: "image",
+      },
+      {
+        rowId: "doc:page_child",
+        rowKind: "document",
+        nodeId: "page_child",
+        parentNodeId: "page_root",
+        nodeType: "page",
+        projectionKind: "file_tree",
+        title: "子页面",
+        depth: 1,
+        position: 2,
+        childCount: 1,
+        expandable: true,
+        expandedByDefault: false,
+        capabilities: ["expand", "open", "select"],
+        resourceMeta: {
+          resourceKind: "document",
+          documentId: "page_child",
+          workspaceId: "ws_1",
+          iconHint: "page",
+        },
+        iconHint: "page",
+      },
+      {
+        rowId: "index:page_child",
+        rowKind: "index",
+        nodeId: "index:page_child",
+        parentNodeId: "page_child",
+        nodeType: "index",
+        projectionKind: "file_tree",
+        title: "index.md",
+        depth: 2,
+        position: 0,
+        childCount: 0,
+        expandable: false,
+        expandedByDefault: false,
+        capabilities: ["open", "select"],
+        resourceMeta: {
+          resourceKind: "index",
+          documentId: "page_child",
+          workspaceId: "ws_1",
+          iconHint: "index",
+        },
+        iconHint: "index",
+      },
+    ] as const;
+
+    const filteredItems = filterKernelFileTreeProjectionItems({
+      fileTreeItems: [...fileTreeItems],
+      visibleDocumentIds: new Set(["page_root", "page_child"]),
+      expandedDocumentIds: new Set(["page_root"]),
+      expandedAssetFolderIds: new Set(["mind_1"]),
+    });
+
+    expect(filteredItems.map((item) => item.rowId)).toEqual([
+      "doc:page_root",
+      "index:page_root",
+      "asset-folder:mind_1",
+      "asset:asset_child_1",
+      "doc:page_child",
+    ]);
+
+    const rows = buildVisibleRows({
+      fileTreeItems: filteredItems,
+      expanded: new Set(["page_root"]),
+      expandedAssetFolderIds: new Set(["mind_1"]),
+    });
+
+    expect(rows.map((row) => `${row.kind}:${row.rowId}`)).toEqual([
+      "doc:doc:page_root",
+      "index:index:page_root",
+      "asset-folder:asset-folder:mind_1",
+      "asset:asset:asset_child_1",
+      "doc:doc:page_child",
+    ]);
+  });
 });
 
 describe("parseFileTreeRowId", () => {
diff --git a/wolai-frontend/src/lib/file-tree/rows.ts b/wolai-frontend/src/lib/file-tree/rows.ts
index 98fa14fd..a0476f3f 100644
--- a/wolai-frontend/src/lib/file-tree/rows.ts
+++ b/wolai-frontend/src/lib/file-tree/rows.ts
@@ -12,6 +12,40 @@ import type { MediaAsset } from "@/types/media";
 import type { FileTreeRow } from "./types";
 import { makeAssetFolderRowId, makeAssetRowId, makeDocRowId, makeIndexRowId } from "./types";
 
+export function filterKernelFileTreeProjectionItems(input: {
+  fileTreeItems: KernelFileTreeProjectionItem[];
+  visibleDocumentIds: ReadonlySet<string>;
+  expandedDocumentIds: ReadonlySet<string>;
+  expandedAssetFolderIds?: ReadonlySet<string>;
+}): KernelFileTreeProjectionItem[] {
+  const expandedAssetFolderIds = input.expandedAssetFolderIds ?? new Set<string>();
+
+  return input.fileTreeItems.filter((item) => {
+    const docId = getDocIdFromFileTreeItem(item);
+    if (!input.visibleDocumentIds.has(docId)) {
+      return false;
+    }
+
+    switch (item.rowKind) {
+      case "document":
+        return true;
+      case "index":
+      case "asset_folder":
+        return input.expandedDocumentIds.has(docId);
+      case "asset": {
+        if (!input.expandedDocumentIds.has(docId)) {
+          return false;
+        }
+        const parentNodeId = String(item.parentNodeId ?? "").trim();
+        if (parentNodeId.startsWith("asset-folder:")) {
+          return expandedAssetFolderIds.has(parentNodeId.slice("asset-folder:".length));
+        }
+        return true;
+      }
+    }
+  });
+}
+
 function buildRowsFromKernelFileTreeProjection(input: {
   fileTreeItems: KernelFileTreeProjectionItem[];
   expanded: Set<string>;
diff --git a/wolai-frontend/src/lib/file-tree/shell.test.ts b/wolai-frontend/src/lib/file-tree/shell.test.ts
new file mode 100644
index 00000000..9b355b99
--- /dev/null
+++ b/wolai-frontend/src/lib/file-tree/shell.test.ts
@@ -0,0 +1,294 @@
+import { describe, expect, it } from "vitest";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import type { SidebarTreeNode } from "@/lib/kernel-sidebar";
+import type { MediaAsset } from "@/types/media";
+import {
+  buildFileTreeShellRowById,
+  buildFileTreeShellVisibleRowIds,
+  computeFileTreeShellDeleteTargets,
+  getOrderedFileTreeShellRows,
+  inferFileTreeShellTargetDocumentId,
+  resolveFileTreeShellMindmapTargetId,
+} from "./shell";
+
+describe("file-tree shell helpers", () => {
+  const nodeById = new Map<string, SidebarTreeNode>([
+    [
+      "doc_root",
+      {
+        id: "doc_root",
+        title: "根页面",
+      } as SidebarTreeNode,
+    ],
+  ]);
+
+  const assetById = new Map<string, MediaAsset>([
+    [
+      "mind_1",
+      {
+        id: "mind_1",
+        document_id: "doc_root",
+        workspace_id: "ws_1",
+        asset_type: "mindmap",
+        file_name: "mindmap.json",
+        storage_path: "mindmaps/mind_1/mindmap.json",
+      } as MediaAsset,
+    ],
+    [
+      "asset_child_1",
+      {
+        id: "asset_child_1",
+        document_id: "doc_root",
+        workspace_id: "ws_1",
+        asset_type: "file",
+        file_name: "node.png",
+        storage_path: "mindmaps/mind_1/assets/node.png",
+      } as MediaAsset,
+    ],
+    [
+      "pdf_1",
+      {
+        id: "pdf_1",
+        document_id: "doc_root",
+        workspace_id: "ws_1",
+        asset_type: "file",
+        file_name: "guide.pdf",
+        storage_path: "uploads/guide.pdf",
+      } as MediaAsset,
+    ],
+  ]);
+
+  const fileTreeItems: KernelFileTreeProjectionItem[] = [
+    {
+      rowId: "doc:doc_root",
+      rowKind: "document",
+      nodeId: "doc_root",
+      parentNodeId: null,
+      nodeType: "page",
+      projectionKind: "file_tree",
+      title: "根页面",
+      depth: 0,
+      position: 0,
+      childCount: 3,
+      expandable: true,
+      expandedByDefault: true,
+      capabilities: ["expand", "open", "select"],
+      resourceMeta: {
+        resourceKind: "document",
+        documentId: "doc_root",
+        workspaceId: "ws_1",
+        iconHint: "page",
+      },
+      iconHint: "page",
+    },
+    {
+      rowId: "index:doc_root",
+      rowKind: "index",
+      nodeId: "index:doc_root",
+      parentNodeId: "doc_root",
+      nodeType: "index",
+      projectionKind: "file_tree",
+      title: "index.md",
+      depth: 1,
+      position: 0,
+      childCount: 0,
+      expandable: false,
+      expandedByDefault: false,
+      capabilities: ["open", "select"],
+      resourceMeta: {
+        resourceKind: "index",
+        documentId: "doc_root",
+        workspaceId: "ws_1",
+        iconHint: "index",
+      },
+      iconHint: "index",
+    },
+    {
+      rowId: "asset-folder:mind_1",
+      rowKind: "asset_folder",
+      nodeId: "asset-folder:mind_1",
+      parentNodeId: "doc_root",
+      nodeType: "mindmap",
+      projectionKind: "file_tree",
+      title: "mindmap",
+      depth: 1,
+      position: 1,
+      childCount: 1,
+      expandable: true,
+      expandedByDefault: false,
+      capabilities: ["expand", "open-asset", "select"],
+      resourceMeta: {
+        resourceKind: "mindmap",
+        documentId: "doc_root",
+        assetId: "mind_1",
+        workspaceId: "ws_1",
+        assetKind: "mindmap",
+        iconHint: "mindmap",
+      },
+      iconHint: "mindmap",
+    },
+    {
+      rowId: "asset:asset_child_1",
+      rowKind: "asset",
+      nodeId: "asset:asset_child_1",
+      parentNodeId: "asset-folder:mind_1",
+      nodeType: "asset",
+      projectionKind: "file_tree",
+      title: "node.png",
+      depth: 2,
+      position: 0,
+      childCount: 0,
+      expandable: false,
+      expandedByDefault: false,
+      capabilities: ["open-asset", "select"],
+      resourceMeta: {
+        resourceKind: "asset",
+        documentId: "doc_root",
+        assetId: "asset_child_1",
+        workspaceId: "ws_1",
+        assetKind: "image",
+        iconHint: "image",
+      },
+      iconHint: "image",
+    },
+    {
+      rowId: "asset:pdf_1",
+      rowKind: "asset",
+      nodeId: "asset:pdf_1",
+      parentNodeId: "doc_root",
+      nodeType: "pdf",
+      projectionKind: "file_tree",
+      title: "guide.pdf",
+      depth: 1,
+      position: 2,
+      childCount: 0,
+      expandable: false,
+      expandedByDefault: false,
+      capabilities: ["open-asset", "select"],
+      resourceMeta: {
+        resourceKind: "pdf",
+        documentId: "doc_root",
+        assetId: "pdf_1",
+        workspaceId: "ws_1",
+        assetKind: "pdf",
+        iconHint: "pdf",
+      },
+      iconHint: "pdf",
+    },
+  ];
+
+  it("应直接从 kernel file_tree items 构造宿主 row map", () => {
+    const rowById = buildFileTreeShellRowById({
+      fileTreeItems: [...fileTreeItems],
+      nodeById,
+      assetById,
+    });
+
+    expect(buildFileTreeShellVisibleRowIds([...fileTreeItems])).toEqual([
+      "doc:doc_root",
+      "index:doc_root",
+      "asset-folder:mind_1",
+      "asset:asset_child_1",
+      "asset:pdf_1",
+    ]);
+
+    expect(rowById.get("doc:doc_root")).toMatchObject({
+      rowId: "doc:doc_root",
+      rowKind: "doc",
+      documentId: "doc_root",
+      node: expect.objectContaining({
+        id: "doc_root",
+      }),
+    });
+    expect(rowById.get("asset-folder:mind_1")).toMatchObject({
+      rowId: "asset-folder:mind_1",
+      rowKind: "asset-folder",
+      documentId: "doc_root",
+      assetId: "mind_1",
+      asset: expect.objectContaining({
+        id: "mind_1",
+      }),
+    });
+  });
+
+  it("应正确解析 file tree shell 的导图投放目标", () => {
+    const rowById = buildFileTreeShellRowById({
+      fileTreeItems: [...fileTreeItems],
+      nodeById,
+      assetById,
+    });
+
+    expect(resolveFileTreeShellMindmapTargetId(rowById.get("asset-folder:mind_1") ?? null)).toBe(
+      "mind_1",
+    );
+    expect(resolveFileTreeShellMindmapTargetId(rowById.get("asset:asset_child_1") ?? null)).toBe(
+      "mind_1",
+    );
+    expect(resolveFileTreeShellMindmapTargetId(rowById.get("asset:pdf_1") ?? null)).toBeNull();
+  });
+
+  it("应能仅凭 focusedRowId 从 shell row map 推回目标页面", () => {
+    const rowById = buildFileTreeShellRowById({
+      fileTreeItems: [...fileTreeItems],
+      nodeById,
+      assetById,
+    });
+
+    expect(
+      inferFileTreeShellTargetDocumentId({
+        focusedRowId: "asset-folder:mind_1",
+        rowById,
+        activeDocId: null,
+      }),
+    ).toBe("doc_root");
+    expect(
+      inferFileTreeShellTargetDocumentId({
+        focusedRowId: "asset:pdf_1",
+        rowById,
+        activeDocId: null,
+      }),
+    ).toBe("doc_root");
+    expect(
+      inferFileTreeShellTargetDocumentId({
+        focusedRowId: null,
+        rowById,
+        activeDocId: "doc_root",
+      }),
+    ).toBe("doc_root");
+  });
+
+  it("应按当前可见顺序返回选中的 shell rows", () => {
+    const rowById = buildFileTreeShellRowById({
+      fileTreeItems: [...fileTreeItems],
+      nodeById,
+      assetById,
+    });
+
+    expect(
+      getOrderedFileTreeShellRows({
+        rowIds: ["asset:pdf_1", "doc:doc_root", "missing"],
+        visibleRowIds: buildFileTreeShellVisibleRowIds([...fileTreeItems]),
+        rowById,
+      }).map((row) => row.rowId),
+    ).toEqual(["doc:doc_root", "asset:pdf_1"]);
+  });
+
+  it("删除目标计算应跳过被父页面覆盖的附件", () => {
+    const rowById = buildFileTreeShellRowById({
+      fileTreeItems: [...fileTreeItems],
+      nodeById,
+      assetById,
+    });
+
+    const result = computeFileTreeShellDeleteTargets({
+      visibleRowIds: buildFileTreeShellVisibleRowIds([...fileTreeItems]),
+      rowById,
+      selectedRowIds: new Set(["doc:doc_root", "asset:pdf_1", "asset-folder:mind_1"]),
+      parentById: new Map([["doc_root", null]]),
+    });
+
+    expect(result.docIds).toEqual(["doc_root"]);
+    expect(result.assetIds).toEqual([]);
+    expect(result.assetHints).toEqual([]);
+  });
+});
diff --git a/wolai-frontend/src/lib/file-tree/shell.ts b/wolai-frontend/src/lib/file-tree/shell.ts
new file mode 100644
index 00000000..a0a15db6
--- /dev/null
+++ b/wolai-frontend/src/lib/file-tree/shell.ts
@@ -0,0 +1,207 @@
+"use client";
+
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import {
+  getDocIdFromFileTreeItem,
+  resolveFileTreeRowAsset,
+  resolveFileTreeRowNode,
+} from "@/lib/kernel-file-tree";
+import type { SidebarTreeNode } from "@/lib/kernel-sidebar";
+import type { MediaAsset } from "@/types/media";
+import { filterTopLevelDocIds } from "./dnd";
+
+export type FileTreeShellRowKind = "doc" | "index" | "asset" | "asset-folder";
+
+export type FileTreeShellRow = {
+  rowId: string;
+  rowKind: FileTreeShellRowKind;
+  documentId: string;
+  assetId: string | null;
+  node: SidebarTreeNode | null;
+  asset: MediaAsset | null;
+};
+
+export type FileTreeShellDeleteTargets = {
+  docIds: string[];
+  assetIds: string[];
+  assetHints: MediaAsset[];
+};
+
+function toShellRowKind(item: KernelFileTreeProjectionItem): FileTreeShellRowKind {
+  switch (item.rowKind) {
+    case "document":
+      return "doc";
+    case "asset_folder":
+      return "asset-folder";
+    default:
+      return item.rowKind;
+  }
+}
+
+export function buildFileTreeShellVisibleRowIds(
+  fileTreeItems: readonly KernelFileTreeProjectionItem[],
+): string[] {
+  return fileTreeItems
+    .map((item) => item.rowId)
+    .filter((rowId): rowId is string => typeof rowId === "string" && rowId.trim().length > 0);
+}
+
+export function buildFileTreeShellRowById(input: {
+  fileTreeItems: readonly KernelFileTreeProjectionItem[];
+  nodeById?: Map<string, SidebarTreeNode>;
+  assetById?: Map<string, MediaAsset>;
+}): Map<string, FileTreeShellRow> {
+  const rowById = new Map<string, FileTreeShellRow>();
+
+  input.fileTreeItems.forEach((item) => {
+    const rowId = typeof item.rowId === "string" ? item.rowId.trim() : "";
+    if (!rowId || rowById.has(rowId)) {
+      return;
+    }
+
+    const rowKind = toShellRowKind(item);
+    const documentId = getDocIdFromFileTreeItem(item);
+    const isDocumentRow = rowKind === "doc" || rowKind === "index";
+
+    rowById.set(rowId, {
+      rowId,
+      rowKind,
+      documentId,
+      assetId: isDocumentRow ? null : item.resourceMeta.assetId ?? null,
+      node: isDocumentRow ? resolveFileTreeRowNode(item, input.nodeById) : null,
+      asset: isDocumentRow ? null : resolveFileTreeRowAsset(item, input.assetById),
+    });
+  });
+
+  return rowById;
+}
+
+export function getOrderedFileTreeShellRows(input: {
+  rowIds: Iterable<string>;
+  visibleRowIds: readonly string[];
+  rowById: Map<string, FileTreeShellRow>;
+}): FileTreeShellRow[] {
+  const selectedRowIds = new Set<string>();
+  for (const rowId of input.rowIds) {
+    if (typeof rowId !== "string" || rowId.trim().length === 0) {
+      continue;
+    }
+    if (!input.rowById.has(rowId)) {
+      continue;
+    }
+    selectedRowIds.add(rowId);
+  }
+
+  return input.visibleRowIds
+    .map((rowId) => (selectedRowIds.has(rowId) ? input.rowById.get(rowId) ?? null : null))
+    .filter((row): row is FileTreeShellRow => Boolean(row));
+}
+
+export function extractMindmapAssetIdFromStoragePath(
+  storagePath: string | null | undefined,
+): string | null {
+  if (!storagePath) return null;
+  const normalized = storagePath.replaceAll("\\", "/");
+
+  const prefix = "mindmaps/";
+  if (normalized.startsWith(prefix)) {
+    const rest = normalized.slice(prefix.length);
+    const id = rest.split("/")[0];
+    return id ? id : null;
+  }
+
+  const marker = "/mindmaps/";
+  const idx = normalized.indexOf(marker);
+  if (idx === -1) return null;
+  const rest = normalized.slice(idx + marker.length);
+  const id = rest.split("/")[0];
+  return id ? id : null;
+}
+
+export function resolveFileTreeShellMindmapTargetId(
+  row: FileTreeShellRow | null,
+): string | null {
+  if (!row?.asset) {
+    return null;
+  }
+  if (row.rowKind === "asset-folder" && row.asset.asset_type === "mindmap") {
+    return row.asset.id;
+  }
+  if (row.rowKind === "asset") {
+    return extractMindmapAssetIdFromStoragePath(row.asset.storage_path);
+  }
+  return null;
+}
+
+export function computeFileTreeShellDeleteTargets(input: {
+  visibleRowIds: readonly string[];
+  rowById: Map<string, FileTreeShellRow>;
+  selectedRowIds: ReadonlySet<string>;
+  parentById: Map<string, string | null>;
+}): FileTreeShellDeleteTargets {
+  const rows = getOrderedFileTreeShellRows({
+    rowIds: input.selectedRowIds,
+    visibleRowIds: input.visibleRowIds,
+    rowById: input.rowById,
+  });
+
+  const docCandidates: string[] = [];
+  const assetCandidates: string[] = [];
+  const assetDocIdByAssetId = new Map<string, string>();
+  const assetHintById = new Map<string, MediaAsset>();
+
+  rows.forEach((row) => {
+    if (row.rowKind === "doc" || row.rowKind === "index") {
+      docCandidates.push(row.documentId);
+      return;
+    }
+
+    if ((row.rowKind === "asset" || row.rowKind === "asset-folder") && row.assetId) {
+      assetCandidates.push(row.assetId);
+      assetDocIdByAssetId.set(row.assetId, row.documentId);
+      if (row.asset) {
+        assetHintById.set(row.assetId, row.asset);
+      }
+    }
+  });
+
+  const docIds = filterTopLevelDocIds(docCandidates, input.parentById);
+  const docIdSet = new Set(docIds);
+  const seenAssets = new Set<string>();
+  const assetIds: string[] = [];
+  const assetHints: MediaAsset[] = [];
+
+  assetCandidates.forEach((assetId) => {
+    if (!assetId || seenAssets.has(assetId)) {
+      return;
+    }
+    seenAssets.add(assetId);
+
+    const ownerDocId = assetDocIdByAssetId.get(assetId);
+    if (ownerDocId && docIdSet.has(ownerDocId)) {
+      return;
+    }
+
+    assetIds.push(assetId);
+    const assetHint = assetHintById.get(assetId);
+    if (assetHint) {
+      assetHints.push(assetHint);
+    }
+  });
+
+  return { docIds, assetIds, assetHints };
+}
+
+export function inferFileTreeShellTargetDocumentId(input: {
+  focusedRowId: string | null;
+  rowById: Map<string, FileTreeShellRow>;
+  activeDocId: string | null;
+}): string | null {
+  if (input.focusedRowId) {
+    const row = input.rowById.get(input.focusedRowId) ?? null;
+    if (row?.documentId) {
+      return row.documentId;
+    }
+  }
+  return input.activeDocId || null;
+}
diff --git a/wolai-frontend/src/lib/runtime-config.test.ts b/wolai-frontend/src/lib/runtime-config.test.ts
index 6975f885..12311713 100644
--- a/wolai-frontend/src/lib/runtime-config.test.ts
+++ b/wolai-frontend/src/lib/runtime-config.test.ts
@@ -31,10 +31,10 @@ describe("runtime-config public projection", () => {
     expect(runtime.treeRendererFamily).toBe("rust_family");
   });
 
-  it("树 renderer family 缺省时应回落到 react", () => {
+  it("树 renderer family 缺省时应回落到 rust_family", () => {
     const runtime = getMnoteRuntimeConfig();
 
-    expect(runtime.treeRendererFamily).toBe("react");
+    expect(runtime.treeRendererFamily).toBe("rust_family");
   });
 
   afterEach(() => {
diff --git a/wolai-frontend/src/lib/runtime-config.ts b/wolai-frontend/src/lib/runtime-config.ts
index 0c20f877..c50070e0 100644
--- a/wolai-frontend/src/lib/runtime-config.ts
+++ b/wolai-frontend/src/lib/runtime-config.ts
@@ -37,7 +37,7 @@ export type MnoteRuntimeConfig = {
   documentEditorBlocknoteKillSwitch?: boolean;
   /**
    * 树域 renderer family 选择。
-   * 说明：默认仍为 react；`rust_family` 只作为渐进切流开关，不代表已完全切主路径。
+   * 说明：默认主路径已切到 rust_family；React fallback 仍作为过渡兜底保留。
    */
   treeRendererFamily?: "react" | "rust_family";
   /**
@@ -292,7 +292,7 @@ const normalizeRuntimeConfig = (cfg: MnoteRuntimeConfig): MnoteRuntimeConfig =>
   const documentEditorBlocknoteKillSwitch =
     parseRuntimeBoolean(cfg.documentEditorBlocknoteKillSwitch) ?? false;
   const treeRendererFamily =
-    parseTreeRendererFamily(cfg.treeRendererFamily) ?? "react";
+    parseTreeRendererFamily(cfg.treeRendererFamily) ?? "rust_family";
 
   return {
     ...cfg,
diff --git a/wolai-frontend/src/lib/tree-stream/server.test.ts b/wolai-frontend/src/lib/tree-stream/server.test.ts
new file mode 100644
index 00000000..1ded582a
--- /dev/null
+++ b/wolai-frontend/src/lib/tree-stream/server.test.ts
@@ -0,0 +1,499 @@
+import { describe, expect, it, vi } from "vitest";
+import { streamTreeFrames } from "./server";
+import type { TreeStreamCommandLogCursorRow } from "./server";
+
+function buildOverview(rows: TreeStreamCommandLogCursorRow[]) {
+  return {
+    command_logs: rows,
+    domain_events: [],
+    has_more: false,
+    next_cursor: null,
+    generated_at: "2026-04-24T00:00:00Z",
+  };
+}
+
+async function collectFrames<T>(generator: AsyncGenerator<T>) {
+  const frames: T[] = [];
+  for await (const frame of generator) {
+    frames.push(frame);
+  }
+  return frames;
+}
+
+describe("tree-stream/server", () => {
+  it("workspace scope 首帧应发 snapshot，并固定 sidebar_tree + cursor", async () => {
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 0,
+        loadOverview: vi.fn().mockResolvedValue(
+          buildOverview([{ id: "clog_2", created_at: "2026-04-24T00:00:01Z" }]),
+        ),
+        loadSnapshot: vi.fn().mockResolvedValue({
+          requestId: "req_1",
+          traceId: "trace_1",
+          data: { activeWorkspaceId: "ws_1", documents: [] },
+          snapshot: { dataset: { active_workspace_id: "ws_1", documents: [] }, tree: { items: [] } },
+        }),
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(1);
+    expect(frames[0]).toMatchObject({
+      event: "snapshot",
+      payload: {
+        kind: "snapshot",
+        stream: "workspace",
+        workspaceId: "ws_1",
+        rootNodeId: null,
+        projection: "sidebar_tree",
+        cursor: JSON.stringify({
+          createdAt: "2026-04-24T00:00:01Z",
+          id: "clog_2",
+        }),
+      },
+    });
+  });
+
+  it("subtree scope 首帧应切到 subtree + page_tree", async () => {
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        rootNodeId: "page_root",
+        pollMs: 1,
+        maxPolls: 0,
+        loadOverview: vi.fn().mockResolvedValue(
+          buildOverview([{ id: "clog_2", created_at: "2026-04-24T00:00:01Z" }]),
+        ),
+        loadSnapshot: vi.fn().mockResolvedValue({
+          requestId: "req_subtree_1",
+          traceId: "trace_subtree_1",
+          data: { nodes: [] },
+          snapshot: { dataset: { active_workspace_id: "ws_1", documents: [] }, tree: { nodes: [] } },
+        }),
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(1);
+    expect(frames[0]).toMatchObject({
+      event: "snapshot",
+      payload: {
+        kind: "snapshot",
+        stream: "subtree",
+        workspaceId: "ws_1",
+        rootNodeId: "page_root",
+        projection: "page_tree",
+      },
+    });
+  });
+
+  it("检测到 cursor 之后出现新命令时，应发 resync 而不是静默结束", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce(
+        buildOverview([
+          { id: "clog_2", created_at: "2026-04-24T00:00:02Z" },
+          { id: "clog_1", created_at: "2026-04-24T00:00:01Z" },
+        ]),
+      );
+    const loadSnapshot = vi
+      .fn()
+      .mockResolvedValueOnce({
+        requestId: "req_1",
+        traceId: "trace_1",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+        snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+      })
+      .mockResolvedValueOnce({
+        requestId: "req_2",
+        traceId: "trace_2",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }, { id: "page_2" }] },
+        snapshot: {
+          dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }, { id: "page_2" }] },
+          tree: { items: [] },
+        },
+      });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[0]).toMatchObject({ event: "snapshot" });
+    expect(frames[1]).toMatchObject({
+      event: "resync",
+      payload: {
+        kind: "resync",
+        stream: "workspace",
+        workspaceId: "ws_1",
+        projection: "sidebar_tree",
+        cursor: JSON.stringify({
+          createdAt: "2026-04-24T00:00:02Z",
+          id: "clog_2",
+        }),
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(2);
+  });
+
+  it("检测到带 streamDelta 的单条新命令时，应直接发 delta", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce(
+        buildOverview([
+          {
+            id: "clog_2",
+            created_at: "2026-04-24T00:00:02Z",
+            command_name: "tree.node.archive",
+            payload: {
+              documentId: "page_2",
+              streamDelta: {
+                op: "remove_document",
+                documentId: "page_2",
+              },
+            },
+          },
+          { id: "clog_1", created_at: "2026-04-24T00:00:01Z" },
+        ]),
+      );
+    const loadSnapshot = vi.fn().mockResolvedValue({
+      requestId: "req_1",
+      traceId: "trace_1",
+      data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+      snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+    });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[1]).toMatchObject({
+      event: "delta",
+      payload: {
+        kind: "delta",
+        cursor: JSON.stringify({
+          createdAt: "2026-04-24T00:00:02Z",
+          id: "clog_2",
+        }),
+        data: {
+          op: "remove_document",
+          documentId: "page_2",
+        },
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(1);
+  });
+
+  it("只有 domain event 推进时，也应刷新 cursor 并触发 resync", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce({
+        command_logs: [{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }],
+        domain_events: [
+          {
+            event_id: "evt_2",
+            created_at: "2026-04-24T00:00:02Z",
+          },
+        ],
+        has_more: false,
+        next_cursor: null,
+        generated_at: "2026-04-24T00:00:02Z",
+      });
+    const loadSnapshot = vi
+      .fn()
+      .mockResolvedValueOnce({
+        requestId: "req_1",
+        traceId: "trace_1",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+        snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+      })
+      .mockResolvedValueOnce({
+        requestId: "req_2",
+        traceId: "trace_2",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+        snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+      });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[1]).toMatchObject({
+      event: "resync",
+      payload: {
+        kind: "resync",
+        cursor: JSON.stringify({
+          createdAt: "2026-04-24T00:00:02Z",
+          id: "domain_event:evt_2",
+        }),
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(2);
+  });
+
+  it("单条新命令缺少可稳定解释的 streamDelta 时，应回退 resync", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce(
+        buildOverview([
+          {
+            id: "clog_2",
+            created_at: "2026-04-24T00:00:02Z",
+            command_name: "tree.subtree.move",
+            payload: {
+              documentId: "page_2",
+            },
+          },
+          { id: "clog_1", created_at: "2026-04-24T00:00:01Z" },
+        ]),
+      );
+    const loadSnapshot = vi
+      .fn()
+      .mockResolvedValueOnce({
+        requestId: "req_1",
+        traceId: "trace_1",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+        snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+      })
+      .mockResolvedValueOnce({
+        requestId: "req_2",
+        traceId: "trace_2",
+        data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }, { id: "page_2" }] },
+        snapshot: {
+          dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }, { id: "page_2" }] },
+          tree: { items: [] },
+        },
+      });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[1]).toMatchObject({
+      event: "resync",
+      payload: {
+        kind: "resync",
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(2);
+  });
+
+  it("正文保存这类无树结构影响的命令应降级为 noop delta，而不是触发 resync", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce(
+        buildOverview([
+          {
+            id: "clog_2",
+            created_at: "2026-04-24T00:00:02Z",
+            command_name: "page.body.save",
+            payload: {
+              documentId: "page_1",
+            },
+          },
+          { id: "clog_1", created_at: "2026-04-24T00:00:01Z" },
+        ]),
+      );
+    const loadSnapshot = vi.fn().mockResolvedValue({
+      requestId: "req_1",
+      traceId: "trace_1",
+      data: { activeWorkspaceId: "ws_1", documents: [{ id: "page_1" }] },
+      snapshot: { dataset: { active_workspace_id: "ws_1", documents: [{ id: "page_1" }] }, tree: { items: [] } },
+    });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[1]).toMatchObject({
+      event: "delta",
+      payload: {
+        kind: "delta",
+        data: {
+          op: "noop",
+        },
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(1);
+  });
+
+  it("move 这类附带 replace_documents 的新命令应直接发 delta，而不是触发 resync", async () => {
+    const sidebarSnapshot = {
+      activeWorkspaceId: "ws_1",
+      workspaces: [],
+      documents: [
+        {
+          id: "page_1",
+          workspace_id: "ws_1",
+          title: "页面 1",
+          parent_id: null,
+          sort_order: 0,
+          access_scope: "private",
+          is_starred: false,
+          is_template: false,
+          created_at: "2026-04-24T00:00:00Z",
+          updated_at: "2026-04-24T00:01:00Z",
+        },
+      ],
+      kernelSidebarProjection: {
+        projectionId: "kernel_projection:sidebar_tree:workspace_root",
+        projection: "sidebar_tree",
+        rootNodeId: null,
+        items: [],
+        edges: [],
+      },
+      kernelFileTreeProjection: {
+        projectionId: "kernel_projection:file_tree:workspace_root",
+        projection: "file_tree",
+        rootNodeId: null,
+        items: [],
+        edges: [],
+      },
+      kernelSidebarTree: [],
+      trashedDocuments: [],
+      mediaAssets: [],
+      mindmapDocs: [],
+      mindmapAssets: [],
+      mindmapAssetChildren: {},
+      tableAssets: [],
+    };
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValueOnce(
+        buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]),
+      )
+      .mockResolvedValueOnce(
+        buildOverview([
+          {
+            id: "clog_2",
+            created_at: "2026-04-24T00:00:02Z",
+            command_name: "tree.subtree.move",
+            payload: {
+              documentId: "page_1",
+              streamDelta: {
+                op: "replace_documents",
+                documents: sidebarSnapshot.documents,
+              },
+            },
+          },
+          { id: "clog_1", created_at: "2026-04-24T00:00:01Z" },
+        ]),
+      );
+    const loadSnapshot = vi.fn().mockResolvedValue({
+      requestId: "req_1",
+      traceId: "trace_1",
+      data: { activeWorkspaceId: "ws_1", documents: [] },
+      snapshot: { dataset: { active_workspace_id: "ws_1", documents: [] }, tree: { items: [] } },
+    });
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot,
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(2);
+    expect(frames[1]).toMatchObject({
+      event: "delta",
+      payload: {
+        kind: "delta",
+        data: {
+          op: "replace_documents",
+          documents: expect.arrayContaining([
+            expect.objectContaining({
+              id: "page_1",
+            }),
+          ]),
+        },
+      },
+    });
+    expect(loadSnapshot).toHaveBeenCalledTimes(1);
+  });
+
+  it("轮询期间没有新 cursor 时，不应额外发 resync", async () => {
+    const loadOverview = vi
+      .fn()
+      .mockResolvedValue(buildOverview([{ id: "clog_1", created_at: "2026-04-24T00:00:01Z" }]));
+
+    const frames = await collectFrames(
+      streamTreeFrames({
+        workspaceId: "ws_1",
+        pollMs: 1,
+        maxPolls: 1,
+        loadOverview,
+        loadSnapshot: vi.fn().mockResolvedValue({
+          requestId: "req_1",
+          traceId: "trace_1",
+          data: { activeWorkspaceId: "ws_1", documents: [] },
+          snapshot: { dataset: { active_workspace_id: "ws_1", documents: [] }, tree: { items: [] } },
+        }),
+        sleep: vi.fn().mockResolvedValue(undefined),
+      }),
+    );
+
+    expect(frames).toHaveLength(1);
+    expect(frames[0]).toMatchObject({ event: "snapshot" });
+  });
+});
diff --git a/wolai-frontend/src/lib/tree-stream/server.ts b/wolai-frontend/src/lib/tree-stream/server.ts
new file mode 100644
index 00000000..6adaeb99
--- /dev/null
+++ b/wolai-frontend/src/lib/tree-stream/server.ts
@@ -0,0 +1,392 @@
+import type { TreeStreamDeltaEvent } from "./tree-delta";
+
+export type TreeStreamScope = "workspace" | "subtree";
+export type TreeStreamProjection = "sidebar_tree" | "page_tree";
+export type TreeStreamEventName = "snapshot" | "delta" | "resync";
+
+export interface TreeStreamCommandLogCursorRow {
+  id?: string | null;
+  created_at?: string | null;
+  command_name?: string | null;
+  commandName?: string | null;
+  payload?: unknown;
+}
+
+export interface TreeStreamOverview {
+  command_logs?: TreeStreamCommandLogCursorRow[] | null;
+  domain_events?: unknown[] | null;
+  next_cursor?: string | null;
+  has_more?: boolean | null;
+  generated_at?: string | null;
+}
+
+export interface TreeStreamSnapshotPayload {
+  requestId: string;
+  traceId: string;
+  data: unknown;
+  snapshot: unknown;
+}
+
+export interface TreeStreamEnvelope {
+  kind: TreeStreamEventName;
+  stream: TreeStreamScope;
+  workspaceId: string;
+  rootNodeId: string | null;
+  cursor: string | null;
+  projection: TreeStreamProjection;
+  requestId: string;
+  traceId: string;
+  data: unknown;
+  snapshot: unknown;
+  overview: TreeStreamOverview;
+}
+
+export interface TreeStreamFrame {
+  event: TreeStreamEventName;
+  payload: TreeStreamEnvelope;
+}
+
+export interface StreamTreeFramesInput {
+  workspaceId: string;
+  rootNodeId?: string | null;
+  initialCursor?: string | null;
+  pollMs?: number;
+  maxPolls?: number | null;
+  loadOverview: () => Promise<TreeStreamOverview>;
+  loadSnapshot: () => Promise<TreeStreamSnapshotPayload>;
+  sleep?: (ms: number) => Promise<void>;
+}
+
+type DecodedTreeStreamCursor = {
+  createdAt: string;
+  id: string;
+};
+
+type TreeStreamDomainEventCursorRow = {
+  id?: string | null;
+  event_id?: string | null;
+  created_at?: string | null;
+  createdAt?: string | null;
+};
+
+const TREE_STREAM_NOOP_COMMANDS = new Set([
+  "page.body.save",
+  "page.layout.updateOptions",
+  "documents.stats.update",
+  "blocks.patch",
+  "blocks.move",
+  "blocks.embed",
+]);
+
+function normalizeNodeId(value: string | null | undefined) {
+  const normalized = typeof value === "string" ? value.trim() : "";
+  return normalized || null;
+}
+
+export function resolveTreeStreamContract(input: {
+  rootNodeId?: string | null;
+}): {
+  stream: TreeStreamScope;
+  projection: TreeStreamProjection;
+  rootNodeId: string | null;
+} {
+  const rootNodeId = normalizeNodeId(input.rootNodeId);
+  if (rootNodeId) {
+    return {
+      stream: "subtree",
+      projection: "page_tree",
+      rootNodeId,
+    };
+  }
+  return {
+    stream: "workspace",
+    projection: "sidebar_tree",
+    rootNodeId: null,
+  };
+}
+
+export function encodeTreeStreamCursor(row: TreeStreamCommandLogCursorRow | null | undefined) {
+  const id = typeof row?.id === "string" ? row.id.trim() : "";
+  const createdAt = typeof row?.created_at === "string" ? row.created_at.trim() : "";
+  if (!id || !createdAt) {
+    return null;
+  }
+  return JSON.stringify({
+    createdAt,
+    id,
+  });
+}
+
+function encodeTreeStreamDomainEventCursor(
+  row: TreeStreamDomainEventCursorRow | null | undefined,
+) {
+  const rawId =
+    typeof row?.event_id === "string"
+      ? row.event_id.trim()
+      : typeof row?.id === "string"
+        ? row.id.trim()
+        : "";
+  const createdAt =
+    typeof row?.created_at === "string"
+      ? row.created_at.trim()
+      : typeof row?.createdAt === "string"
+        ? row.createdAt.trim()
+        : "";
+  if (!rawId || !createdAt) {
+    return null;
+  }
+  return JSON.stringify({
+    createdAt,
+    id: `domain_event:${rawId}`,
+  });
+}
+
+function decodeTreeStreamCursor(raw: string | null | undefined): DecodedTreeStreamCursor | null {
+  if (!raw) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(raw) as {
+      createdAt?: string | null;
+      id?: string | null;
+    };
+    const createdAt = typeof parsed.createdAt === "string" ? parsed.createdAt.trim() : "";
+    const id = typeof parsed.id === "string" ? parsed.id.trim() : "";
+    return createdAt && id ? { createdAt, id } : null;
+  } catch {
+    return null;
+  }
+}
+
+export function resolveOverviewCursor(
+  overview: TreeStreamOverview,
+  fallback?: string | null,
+) {
+  const commandRows = Array.isArray(overview.command_logs) ? overview.command_logs : [];
+  const eventRows = Array.isArray(overview.domain_events)
+    ? (overview.domain_events as TreeStreamDomainEventCursorRow[])
+    : [];
+  const commandCursor = encodeTreeStreamCursor(commandRows[0] ?? null);
+  const domainEventCursor = encodeTreeStreamDomainEventCursor(eventRows[0] ?? null);
+
+  if (!commandCursor) {
+    return domainEventCursor ?? fallback ?? null;
+  }
+  if (!domainEventCursor) {
+    return commandCursor ?? fallback ?? null;
+  }
+
+  const decodedCommandCursor = decodeTreeStreamCursor(commandCursor);
+  const decodedDomainEventCursor = decodeTreeStreamCursor(domainEventCursor);
+  if (!decodedCommandCursor) {
+    return domainEventCursor;
+  }
+  if (!decodedDomainEventCursor) {
+    return commandCursor;
+  }
+
+  return decodedDomainEventCursor.createdAt > decodedCommandCursor.createdAt
+    ? domainEventCursor
+    : commandCursor;
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+
+function readCommandPayloadDelta(row: TreeStreamCommandLogCursorRow): TreeStreamDeltaEvent | null {
+  const commandName =
+    typeof row.command_name === "string"
+      ? row.command_name.trim()
+      : typeof row.commandName === "string"
+        ? row.commandName.trim()
+        : "";
+  if (commandName && TREE_STREAM_NOOP_COMMANDS.has(commandName)) {
+    return {
+      op: "noop",
+    };
+  }
+  if (!isRecord(row.payload) || !("streamDelta" in row.payload)) {
+    return null;
+  }
+  const candidate = row.payload.streamDelta;
+  if (!isRecord(candidate) || typeof candidate.op !== "string") {
+    return null;
+  }
+
+  return {
+    op: candidate.op as TreeStreamDeltaEvent["op"],
+    node: isRecord(candidate.node) ? (candidate.node as TreeStreamDeltaEvent["node"]) : null,
+    document: isRecord(candidate.document) ? (candidate.document as TreeStreamDeltaEvent["document"]) : null,
+    documentId: typeof candidate.documentId === "string" ? candidate.documentId : null,
+    documents: Array.isArray(candidate.documents) ? (candidate.documents as TreeStreamDeltaEvent["documents"]) : null,
+    sidebar: isRecord(candidate.sidebar) ? (candidate.sidebar as TreeStreamDeltaEvent["sidebar"]) : null,
+  };
+}
+
+function collectNewCommandLogs(input: {
+  rows: TreeStreamCommandLogCursorRow[];
+  previousCursor: string | null;
+}) {
+  const previousCursor = decodeTreeStreamCursor(input.previousCursor);
+  if (!previousCursor) {
+    return {
+      rows: input.rows,
+      drifted: false,
+    };
+  }
+
+  const previousIndex = input.rows.findIndex((row) => {
+    const id = typeof row.id === "string" ? row.id.trim() : "";
+    const createdAt = typeof row.created_at === "string" ? row.created_at.trim() : "";
+    return id === previousCursor.id && createdAt === previousCursor.createdAt;
+  });
+
+  if (previousIndex >= 0) {
+    return {
+      rows: input.rows.slice(0, previousIndex),
+      drifted: false,
+    };
+  }
+
+  return {
+    rows: input.rows,
+    drifted: input.rows.length > 0,
+  };
+}
+
+function buildTreeStreamEnvelope(input: {
+  kind: TreeStreamEventName;
+  workspaceId: string;
+  rootNodeId: string | null;
+  projection: TreeStreamProjection;
+  cursor: string | null;
+  overview: TreeStreamOverview;
+  snapshot: TreeStreamSnapshotPayload;
+}): TreeStreamEnvelope {
+  return {
+    kind: input.kind,
+    stream: input.rootNodeId ? "subtree" : "workspace",
+    workspaceId: input.workspaceId,
+    rootNodeId: input.rootNodeId,
+    cursor: input.cursor,
+    projection: input.projection,
+    requestId: input.snapshot.requestId,
+    traceId: input.snapshot.traceId,
+    data: input.snapshot.data,
+    snapshot: input.snapshot.snapshot,
+    overview: input.overview,
+  };
+}
+
+function buildTreeStreamDeltaEnvelope(input: {
+  workspaceId: string;
+  rootNodeId: string | null;
+  projection: TreeStreamProjection;
+  cursor: string | null;
+  overview: TreeStreamOverview;
+  snapshot: TreeStreamSnapshotPayload;
+  delta: TreeStreamDeltaEvent;
+}): TreeStreamEnvelope {
+  return {
+    kind: "delta",
+    stream: input.rootNodeId ? "subtree" : "workspace",
+    workspaceId: input.workspaceId,
+    rootNodeId: input.rootNodeId,
+    cursor: input.cursor,
+    projection: input.projection,
+    requestId: input.snapshot.requestId,
+    traceId: input.snapshot.traceId,
+    data: input.delta,
+    snapshot: null,
+    overview: input.overview,
+  };
+}
+
+async function defaultSleep(ms: number) {
+  await new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export async function* streamTreeFrames(
+  input: StreamTreeFramesInput,
+): AsyncGenerator<TreeStreamFrame> {
+  const contract = resolveTreeStreamContract({
+    rootNodeId: input.rootNodeId,
+  });
+  const pollMs = Math.max(250, Math.floor(input.pollMs ?? 2000));
+  const maxPolls =
+    typeof input.maxPolls === "number" && Number.isFinite(input.maxPolls)
+      ? Math.max(0, Math.floor(input.maxPolls))
+      : null;
+  const sleep = input.sleep ?? defaultSleep;
+
+  let snapshot = await input.loadSnapshot();
+  let overview = await input.loadOverview();
+  let cursor = resolveOverviewCursor(overview, input.initialCursor ?? null);
+
+  yield {
+    event: "snapshot",
+    payload: buildTreeStreamEnvelope({
+      kind: "snapshot",
+      workspaceId: input.workspaceId,
+      rootNodeId: contract.rootNodeId,
+      projection: contract.projection,
+      cursor,
+      overview,
+      snapshot,
+    }),
+  };
+
+  let polls = 0;
+  while (maxPolls === null || polls < maxPolls) {
+    polls += 1;
+    await sleep(pollMs);
+
+    overview = await input.loadOverview();
+    const nextCursor = resolveOverviewCursor(overview, cursor);
+    if (nextCursor === cursor) {
+      continue;
+    }
+
+    const rows = Array.isArray(overview.command_logs) ? overview.command_logs : [];
+    const newRows = collectNewCommandLogs({
+      rows,
+      previousCursor: cursor,
+    });
+    if (!newRows.drifted && newRows.rows.length === 1) {
+      const delta = readCommandPayloadDelta(newRows.rows[0] ?? {});
+      if (delta) {
+        cursor = nextCursor;
+        yield {
+          event: "delta",
+          payload: buildTreeStreamDeltaEnvelope({
+            workspaceId: input.workspaceId,
+            rootNodeId: contract.rootNodeId,
+            projection: contract.projection,
+            cursor,
+            overview,
+            snapshot,
+            delta,
+          }),
+        };
+        continue;
+      }
+    }
+
+    snapshot = await input.loadSnapshot();
+    cursor = nextCursor;
+
+    yield {
+      event: "resync",
+      payload: buildTreeStreamEnvelope({
+        kind: "resync",
+        workspaceId: input.workspaceId,
+        rootNodeId: contract.rootNodeId,
+        projection: contract.projection,
+        cursor,
+        overview,
+        snapshot,
+      }),
+    };
+  }
+}
diff --git a/wolai-frontend/src/lib/tree-stream/tree-delta.test.ts b/wolai-frontend/src/lib/tree-stream/tree-delta.test.ts
index 790e33b1..902cbcd7 100644
--- a/wolai-frontend/src/lib/tree-stream/tree-delta.test.ts
+++ b/wolai-frontend/src/lib/tree-stream/tree-delta.test.ts
@@ -1,6 +1,9 @@
 import { describe, expect, it } from "vitest";
 import type { SidebarInitialData } from "@/components/sidebar/types";
-import { applyTreeStreamDelta } from "./tree-delta";
+import {
+  applyTreeStreamDelta,
+  applyTreeStreamDeltaToProjectionState,
+} from "./tree-delta";
 
 const baseSidebarData: SidebarInitialData = {
   activeWorkspaceId: "ws_1",
@@ -174,6 +177,119 @@ const baseSidebarData: SidebarInitialData = {
   mediaAssets: [],
 };
 
+const fileTreeProjectionBase: SidebarInitialData = {
+  ...baseSidebarData,
+  mediaAssets: [
+    {
+      id: "asset_pdf",
+      workspace_id: "ws_1",
+      document_id: "root",
+      asset_type: "file",
+      file_url: "/manual.pdf",
+      thumbnail_url: null,
+      bucket: null,
+      storage_path: "documents/root/manual.pdf",
+      file_name: "manual.pdf",
+      file_size: 1024,
+      mime_type: "application/pdf",
+      ocr_payload: undefined,
+      ocr_strategy: null,
+      ocr_text: null,
+      ocr_status: null,
+      signed_url: null,
+      created_at: "2026-04-18T00:00:00Z",
+      updated_at: "2026-04-18T00:00:00Z",
+    },
+    {
+      id: "asset_book",
+      workspace_id: "ws_1",
+      document_id: "root",
+      asset_type: "file",
+      file_url: "/novel.epub",
+      thumbnail_url: null,
+      bucket: null,
+      storage_path: "documents/root/novel.epub",
+      file_name: "novel.epub",
+      file_size: 2048,
+      mime_type: "application/epub+zip",
+      ocr_payload: undefined,
+      ocr_strategy: null,
+      ocr_text: null,
+      ocr_status: null,
+      signed_url: null,
+      created_at: "2026-04-18T00:00:00Z",
+      updated_at: "2026-04-18T00:00:00Z",
+    },
+    {
+      id: "asset_mindmap_child",
+      workspace_id: "ws_1",
+      document_id: "root",
+      asset_type: "image",
+      file_url: "/mindmap/concept.png",
+      thumbnail_url: null,
+      bucket: null,
+      storage_path: "documents/root/mindmaps/asset_mindmap/concept.png",
+      file_name: "concept.png",
+      file_size: 512,
+      mime_type: "image/png",
+      ocr_payload: undefined,
+      ocr_strategy: null,
+      ocr_text: null,
+      ocr_status: null,
+      signed_url: null,
+      created_at: "2026-04-18T00:00:00Z",
+      updated_at: "2026-04-18T00:00:00Z",
+    },
+  ],
+  tableAssets: [
+    {
+      id: "asset_table",
+      workspace_id: "ws_1",
+      document_id: "root",
+      asset_type: "luckysheet",
+      file_url: null,
+      thumbnail_url: null,
+      bucket: null,
+      storage_path: null,
+      file_name: "budget.luckysheet",
+      file_size: null,
+      mime_type: "application/json",
+      ocr_payload: undefined,
+      ocr_strategy: null,
+      ocr_text: null,
+      ocr_status: null,
+      signed_url: null,
+      created_at: "2026-04-18T00:00:00Z",
+      updated_at: "2026-04-18T00:00:00Z",
+    },
+  ],
+  mindmapAssets: [
+    {
+      id: "asset_mindmap",
+      workspace_id: "ws_1",
+      document_id: "root",
+      asset_type: "mindmap",
+      file_url: null,
+      thumbnail_url: null,
+      bucket: null,
+      storage_path: null,
+      file_name: "mindmap.json",
+      file_size: null,
+      mime_type: "application/json",
+      ocr_payload: undefined,
+      ocr_strategy: null,
+      ocr_text: null,
+      ocr_status: null,
+      signed_url: null,
+      created_at: "2026-04-18T00:00:00Z",
+      updated_at: "2026-04-18T00:00:00Z",
+    },
+  ],
+  mindmapAssetChildren: {
+    asset_mindmap: ["asset_mindmap_child"],
+  },
+};
+
 describe("tree-stream/tree-delta", () => {
   it("支持 upsert_document 重建 sidebar projection", () => {
     const next = applyTreeStreamDelta(baseSidebarData, {
@@ -210,6 +326,26 @@ describe("tree-stream/tree-delta", () => {
     expect(next.kernelSidebarProjection.items).toEqual([]);
   });
 
+  it("支持对已存在文档做局部 upsert patch，而不丢失原有排序字段", () => {
+    const next = applyTreeStreamDelta(baseSidebarData, {
+      op: "upsert_document",
+      document: {
+        id: "child",
+        title: "Child Renamed",
+        updated_at: "2026-04-18T00:05:00Z",
+      },
+    });
+
+    expect(next.documents).toHaveLength(2);
+    expect(next.documents.find((item) => item.id === "child")).toMatchObject({
+      id: "child",
+      title: "Child Renamed",
+      parent_id: "root",
+      sort_order: 1,
+      workspace_id: "ws_1",
+    });
+  });
+
   it("支持 replace_sidebar 直接切换到 resync snapshot", () => {
     const next = applyTreeStreamDelta(baseSidebarData, {
       op: "replace_sidebar",
@@ -247,4 +383,99 @@ describe("tree-stream/tree-delta", () => {
     expect(next.documents).toEqual([]);
     expect(next.kernelSidebarProjection.items).toEqual([]);
   });
+
+  it("支持 noop delta 仅推进 cursor，不修改当前 sidebar snapshot", () => {
+    const next = applyTreeStreamDelta(baseSidebarData, {
+      op: "noop",
+    });
+
+    expect(next).toEqual(baseSidebarData);
+  });
+
+  it("为 page_tree 定义统一 delta 应用边界，并可稳定派生页面行", () => {
+    const next = applyTreeStreamDeltaToProjectionState({
+      projection: "page_tree",
+      base: baseSidebarData,
+      event: {
+        op: "upsert_document",
+        document: {
+          id: "leaf",
+          workspace_id: "ws_1",
+          title: "Leaf",
+          parent_id: "child",
+          sort_order: 0,
+          is_starred: false,
+          access_scope: "private",
+          is_template: false,
+          created_at: "2026-04-18T00:00:00Z",
+          updated_at: null,
+        },
+      },
+    });
+
+    expect(next.projection).toBe("page_tree");
+    expect(next.documents.map((item) => item.id)).toEqual(["root", "child", "leaf"]);
+    expect(next.pageTreeItems.map((item) => item.nodeId)).toEqual(["root", "child", "leaf"]);
+    expect(next.pageTreeItems.find((item) => item.nodeId === "leaf")).toMatchObject({
+      parentNodeId: "child",
+      depth: 2,
+      title: "Leaf",
+    });
+  });
+
+  it("为 file_tree 定义统一 delta 应用边界，并保留 doc/index/asset-folder/asset 行语义", () => {
+    const next = applyTreeStreamDeltaToProjectionState({
+      projection: "file_tree",
+      base: fileTreeProjectionBase,
+      event: {
+        op: "replace_documents",
+        documents: [...fileTreeProjectionBase.documents],
+      },
+    });
+
+    expect(next.projection).toBe("file_tree");
+    expect(next.fileTreeItems.map((item) => item.rowKind)).toEqual(
+      expect.arrayContaining(["document", "index", "asset_folder", "asset"]),
+    );
+    expect(
+      next.fileTreeItems.find((item) => item.resourceMeta.assetId === "asset_mindmap"),
+    ).toMatchObject({
+      rowKind: "asset_folder",
+      iconHint: "mindmap",
+      resourceMeta: expect.objectContaining({
+        resourceKind: "mindmap",
+        assetKind: "mindmap",
+      }),
+    });
+    expect(
+      next.fileTreeItems.find((item) => item.resourceMeta.assetId === "asset_pdf"),
+    ).toMatchObject({
+      rowKind: "asset",
+      iconHint: "pdf",
+      resourceMeta: expect.objectContaining({
+        resourceKind: "pdf",
+        assetKind: "pdf",
+      }),
+    });
+    expect(
+      next.fileTreeItems.find((item) => item.resourceMeta.assetId === "asset_book"),
+    ).toMatchObject({
+      rowKind: "asset",
+      iconHint: "book",
+      resourceMeta: expect.objectContaining({
+        resourceKind: "book",
+        assetKind: "book",
+      }),
+    });
+    expect(
+      next.fileTreeItems.find((item) => item.resourceMeta.assetId === "asset_table"),
+    ).toMatchObject({
+      rowKind: "asset",
+      iconHint: "table",
+      resourceMeta: expect.objectContaining({
+        resourceKind: "table",
+        assetKind: "table",
+      }),
+    });
+  });
 });
diff --git a/wolai-frontend/src/lib/tree-stream/tree-delta.ts b/wolai-frontend/src/lib/tree-stream/tree-delta.ts
index e77c2678..2ab760aa 100644
--- a/wolai-frontend/src/lib/tree-stream/tree-delta.ts
+++ b/wolai-frontend/src/lib/tree-stream/tree-delta.ts
@@ -1,14 +1,28 @@
 import type { SidebarInitialData } from "@/components/sidebar/types";
+import { buildKernelFileTreeProjection } from "@/lib/kernel-file-tree";
 import type { SidebarDatasetListQueryResult } from "@/lib/sidebar-data";
 import {
   buildSidebarDatasetListQueryResult,
   mapSidebarDatasetListQueryResultToInitialData,
 } from "@/lib/sidebar-data";
 import type { DocumentRecord } from "@/lib/documents";
+import {
+  buildSidebarTreeFromKernelProjection,
+  type KernelSidebarProjectionItem,
+} from "@/lib/kernel-sidebar";
+import type { KernelFileTreeProjectionItem } from "@/lib/kernel-file-tree";
+import {
+  buildPageTreeProjectionItems,
+  type PageTreeProjectionItem,
+} from "@/lib/tree-projection";
 import type { WorkspaceSummary } from "@/lib/workspaces";
 import type { MediaAsset } from "@/types/media";
 
+export type TreeStreamDocumentPatch =
+  Partial<DocumentRecord> & Pick<DocumentRecord, "id">;
+
 export type TreeStreamDeltaOp =
+  | "noop"
   | "upsert_document"
   | "remove_document"
   | "replace_documents"
@@ -16,13 +30,24 @@ export type TreeStreamDeltaOp =
 
 export type TreeStreamDeltaEvent = {
   op: TreeStreamDeltaOp;
-  node?: DocumentRecord | null;
-  document?: DocumentRecord | null;
+  node?: TreeStreamDocumentPatch | null;
+  document?: TreeStreamDocumentPatch | null;
   documentId?: string | null;
   documents?: DocumentRecord[] | null;
   sidebar?: SidebarDatasetListQueryResult | SidebarInitialData | null;
 };
 
+export type TreeRendererProjection = "sidebar_tree" | "page_tree" | "file_tree";
+
+export type TreeRendererDeltaState = {
+  projection: TreeRendererProjection;
+  sidebar: SidebarInitialData;
+  documents: DocumentRecord[];
+  sidebarItems: KernelSidebarProjectionItem[];
+  pageTreeItems: PageTreeProjectionItem[];
+  fileTreeItems: KernelFileTreeProjectionItem[];
+};
+
 function cloneSidebarData(data: SidebarInitialData): SidebarInitialData {
   return {
     ...data,
@@ -85,12 +110,37 @@ function buildSidebarFromDocuments(input: {
     })),
   });
 
+  if (
+    (input.base.mediaAssets?.length ?? 0) > 0 ||
+    (input.base.mindmapAssets?.length ?? 0) > 0 ||
+    (input.base.tableAssets?.length ?? 0) > 0 ||
+    Object.keys(input.base.mindmapAssetChildren ?? {}).length > 0
+  ) {
+    // 说明：stream delta 只替换 documents 时，仍要保留已有资源树语义；
+    // 否则 mindmap 子附件会在 resync 前退化成普通 asset。
+    const nextFileTreeProjection = buildKernelFileTreeProjection({
+      documents: input.documents,
+      mediaAssets: input.base.mediaAssets,
+      mindmapAssets: input.base.mindmapAssets,
+      tableAssets: input.base.tableAssets,
+      mindmapAssetChildren: input.base.mindmapAssetChildren,
+    });
+    queryResult.kernel_file_tree_projection = nextFileTreeProjection;
+    queryResult.kernelFileTreeProjection = nextFileTreeProjection;
+    queryResult.mindmap_asset_children = { ...(input.base.mindmapAssetChildren ?? {}) };
+  }
+
   return mapSidebarDatasetListQueryResultToInitialData(queryResult);
 }
 
-function normalizeUpsertDocument(event: TreeStreamDeltaEvent): DocumentRecord | null {
+function normalizeUpsertDocument(event: TreeStreamDeltaEvent): TreeStreamDocumentPatch | null {
   const candidate = event.node ?? event.document ?? null;
-  return candidate && typeof candidate === "object" ? candidate : null;
+  if (!candidate || typeof candidate !== "object") {
+    return null;
+  }
+  return typeof candidate.id === "string" && candidate.id.trim()
+    ? ({ ...candidate, id: candidate.id.trim() } as TreeStreamDocumentPatch)
+    : null;
 }
 
 function normalizeDocumentId(event: TreeStreamDeltaEvent): string | null {
@@ -98,10 +148,50 @@ function normalizeDocumentId(event: TreeStreamDeltaEvent): string | null {
   return candidate || null;
 }
 
+function isCompleteDocumentRecord(value: TreeStreamDocumentPatch): value is DocumentRecord {
+  return (
+    typeof value.workspace_id === "string" &&
+    typeof value.access_scope === "string" &&
+    typeof value.is_template === "boolean" &&
+    typeof value.created_at === "string" &&
+    "parent_id" in value &&
+    "sort_order" in value &&
+    "is_starred" in value &&
+    "updated_at" in value
+  );
+}
+
+export function deriveTreeRendererDeltaState(input: {
+  projection: TreeRendererProjection;
+  sidebar: SidebarInitialData;
+}): TreeRendererDeltaState {
+  const sidebar = input.sidebar;
+  const pageTreeSource =
+    sidebar.kernelSidebarTree.length > 0
+      ? sidebar.kernelSidebarTree
+      : buildSidebarTreeFromKernelProjection({
+          records: sidebar.documents,
+          projection: sidebar.kernelSidebarProjection,
+        });
+
+  return {
+    projection: input.projection,
+    sidebar,
+    documents: [...sidebar.documents],
+    sidebarItems: [...sidebar.kernelSidebarProjection.items],
+    pageTreeItems: buildPageTreeProjectionItems(pageTreeSource),
+    fileTreeItems: [...sidebar.kernelFileTreeProjection.items],
+  };
+}
+
 export function applyTreeStreamDelta(
   base: SidebarInitialData,
   event: TreeStreamDeltaEvent,
 ): SidebarInitialData {
+  if (event.op === "noop") {
+    return base;
+  }
+
   if (event.op === "replace_sidebar" && event.sidebar) {
     if ("activeWorkspaceId" in event.sidebar) {
       return cloneSidebarData(event.sidebar as SidebarInitialData);
@@ -117,16 +207,22 @@ export function applyTreeStreamDelta(
   }
 
   if (event.op === "upsert_document") {
-    const nextDocument = normalizeUpsertDocument(event);
-    if (!nextDocument) {
+    const documentPatch = normalizeUpsertDocument(event);
+    if (!documentPatch) {
       return base;
     }
     const nextDocuments = [...base.documents];
-    const existingIndex = nextDocuments.findIndex((item) => item.id === nextDocument.id);
+    const existingIndex = nextDocuments.findIndex((item) => item.id === documentPatch.id);
     if (existingIndex >= 0) {
-      nextDocuments[existingIndex] = nextDocument;
+      nextDocuments[existingIndex] = {
+        ...nextDocuments[existingIndex],
+        ...documentPatch,
+      };
     } else {
-      nextDocuments.push(nextDocument);
+      if (!isCompleteDocumentRecord(documentPatch)) {
+        return base;
+      }
+      nextDocuments.push(documentPatch);
     }
     return buildSidebarFromDocuments({
       base,
@@ -158,3 +254,14 @@ export function applyTreeStreamDelta(
 
   return base;
 }
+
+export function applyTreeStreamDeltaToProjectionState(input: {
+  projection: TreeRendererProjection;
+  base: SidebarInitialData;
+  event: TreeStreamDeltaEvent;
+}): TreeRendererDeltaState {
+  return deriveTreeRendererDeltaState({
+    projection: input.projection,
+    sidebar: applyTreeStreamDelta(input.base, input.event),
+  });
+}
diff --git a/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.test.tsx b/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.test.tsx
index c407f907..81fdf28d 100644
--- a/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.test.tsx
+++ b/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.test.tsx
@@ -50,11 +50,6 @@ class MockEventSource {
   }
 }
 
-declare global {
-  // eslint-disable-next-line no-var
-  var EventSource: typeof MockEventSource;
-}
-
 function flush() {
   return new Promise((resolve) => {
     setTimeout(resolve, 0);
@@ -74,6 +69,13 @@ function buildInitialData(): SidebarInitialData {
       edges: [],
     },
     kernelSidebarTree: [],
+    kernelFileTreeProjection: {
+      projectionId: "kernel_projection:file_tree:workspace_root",
+      projection: "file_tree",
+      rootNodeId: null,
+      items: [],
+      edges: [],
+    },
     trashedDocuments: [],
     trashedMediaAssets: [],
     trashedMindmapAssets: [],
@@ -86,6 +88,56 @@ function buildInitialData(): SidebarInitialData {
   };
 }
 
+function buildSnapshotEnvelope(title = "工作区首页") {
+  return {
+    stream: "workspace",
+    workspaceId: "ws_1",
+    cursor: "evt_2",
+    projection: "sidebar_tree",
+    data: {
+      active_workspace_id: "ws_1",
+      workspaces: [],
+      documents: [
+        {
+          id: "page_root",
+          workspace_id: "ws_1",
+          title,
+          parent_id: null,
+          sort_order: 0,
+          is_starred: false,
+          access_scope: "private",
+          is_template: false,
+          created_at: "2026-04-24T00:00:00Z",
+          updated_at: "2026-04-24T00:00:00Z",
+        },
+      ],
+      kernel_file_tree_projection: {
+        projectionId: "kernel_projection:file_tree:root",
+        projection: "file_tree",
+        rootNodeId: null,
+        items: [],
+        edges: [],
+      },
+      kernel_sidebar_projection: {
+        projectionId: "kernel_projection:sidebar_tree:workspace_root",
+        projection: "sidebar_tree",
+        rootNodeId: null,
+        items: [],
+        edges: [],
+      },
+      trashed_documents: [],
+      media_assets: [],
+      trashed_media_assets: [],
+      mindmap_assets: [],
+      trashed_mindmap_assets: [],
+      table_assets: [],
+      trashed_table_assets: [],
+      mindmap_docs: [],
+      mindmap_asset_children: {},
+    },
+  };
+}
+
 function Harness({ onState }: { onState: (state: ReturnType<typeof useSidebarTreeStream>) => void }) {
   const state = useSidebarTreeStream(buildInitialData());
 
@@ -112,7 +164,7 @@ describe("useSidebarTreeStream", () => {
       },
     });
     MockEventSource.instances = [];
-    globalThis.EventSource = MockEventSource as unknown as typeof EventSource;
+    vi.stubGlobal("EventSource", MockEventSource as unknown as typeof EventSource);
     container = document.createElement("div");
     document.body.appendChild(container);
     root = createRoot(container);
@@ -175,4 +227,74 @@ describe("useSidebarTreeStream", () => {
       }),
     );
   });
+
+  it("首帧前连接报错时应进入 fallback", async () => {
+    await act(async () => {
+      root.render(<Harness onState={onState} />);
+      await flush();
+      await flush();
+    });
+
+    expect(MockEventSource.instances).toHaveLength(1);
+
+    await act(async () => {
+      MockEventSource.instances[0]?.onerror?.();
+      await flush();
+      await flush();
+    });
+
+    expect(onState).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        data: null,
+        status: "fallback",
+        cursor: null,
+        error: expect.any(Error),
+      }),
+    );
+    expect(MockEventSource.instances[0]?.closed).toBe(true);
+  });
+
+  it("收到 snapshot 后连接中断也应切到 fallback，并保留最近一次 stream 数据", async () => {
+    await act(async () => {
+      root.render(<Harness onState={onState} />);
+      await flush();
+      await flush();
+    });
+
+    expect(MockEventSource.instances).toHaveLength(1);
+
+    await act(async () => {
+      MockEventSource.instances[0]?.emit("snapshot", buildSnapshotEnvelope("来自 stream 的标题"));
+      await flush();
+      await flush();
+    });
+
+    expect(onState).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        status: "live",
+        cursor: "evt_2",
+        data: expect.objectContaining({
+          documents: [expect.objectContaining({ title: "来自 stream 的标题" })],
+        }),
+      }),
+    );
+
+    await act(async () => {
+      MockEventSource.instances[0]?.onerror?.();
+      await flush();
+      await flush();
+    });
+
+    expect(onState).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        status: "fallback",
+        cursor: "evt_2",
+        error: expect.any(Error),
+        data: expect.objectContaining({
+          documents: [expect.objectContaining({ title: "来自 stream 的标题" })],
+        }),
+      }),
+    );
+    expect(MockEventSource.instances[0]?.closed).toBe(true);
+  });
 });
diff --git a/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.ts b/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.ts
index 82e0389c..7ebb0ede 100644
--- a/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.ts
+++ b/wolai-frontend/src/lib/tree-stream/use-sidebar-tree-stream.ts
@@ -30,7 +30,7 @@ function normalizeDeltaEvent(input: unknown): TreeStreamDeltaEvent | null {
     document: isRecord(input.document) ? (input.document as TreeStreamDeltaEvent["document"]) : null,
     documentId: typeof input.documentId === "string" ? input.documentId : null,
     documents: Array.isArray(input.documents) ? (input.documents as TreeStreamDeltaEvent["documents"]) : null,
-    sidebar: isRecord(input.sidebar) ? input.sidebar : null,
+    sidebar: isRecord(input.sidebar) ? (input.sidebar as TreeStreamDeltaEvent["sidebar"]) : null,
   };
 }
 
@@ -120,7 +120,7 @@ export function useSidebarTreeStream(initialData: SidebarInitialData): SidebarTr
     const handleError = () => {
       setState((previous) => ({
         ...previous,
-        status: previous.data ? "live" : "fallback",
+        status: "fallback",
         error: previous.error ?? new Error("tree stream 连接失败"),
       }));
       eventSource?.close();