@lobehub/lobehub 2.0.0-next.255 → 2.0.0-next.256

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.256](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.255...v2.0.0-next.256)
+
+<sup>Released on **2026-01-10**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor page and notebook document usage.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor page and notebook document usage, closes [#11345](https://github.com/lobehub/lobe-chat/issues/11345) ([88721eb](https://github.com/lobehub/lobe-chat/commit/88721eb))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.255](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.254...v2.0.0-next.255)
 
 <sup>Released on **2026-01-10**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Refactor page and notebook document usage."
+      ]
+    },
+    "date": "2026-01-10",
+    "version": "2.0.0-next.256"
+  },
   {
     "children": {
       "fixes": [

package/locales/en-US/plugin.json

@@ -92,6 +92,7 @@
   "builtins.lobe-local-system.inspector.noResults": "No results",
   "builtins.lobe-local-system.inspector.rename.result": "<old>{{oldName}}</old> → <new>{{newName}}</new>",
   "builtins.lobe-local-system.title": "Local System",
+  "builtins.lobe-notebook.actions.collapse": "Collapse",
   "builtins.lobe-notebook.actions.copy": "Copy",
   "builtins.lobe-notebook.actions.creating": "Creating document...",
   "builtins.lobe-notebook.actions.edit": "Edit",

package/locales/zh-CN/plugin.json

@@ -92,6 +92,7 @@
   "builtins.lobe-local-system.inspector.noResults": "无结果",
   "builtins.lobe-local-system.inspector.rename.result": "<old>{{oldName}}</old> → <new>{{newName}}</new>",
   "builtins.lobe-local-system.title": "本地系统",
+  "builtins.lobe-notebook.actions.collapse": "收起",
   "builtins.lobe-notebook.actions.copy": "复制",
   "builtins.lobe-notebook.actions.creating": "文档创建中...",
   "builtins.lobe-notebook.actions.edit": "编辑",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.255",
+  "version": "2.0.0-next.256",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/builtin-tool-notebook/src/client/Placeholder/CreateDocument.tsx

@@ -21,7 +21,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 16px;
 
-    background: ${cssVar.colorBgElevated};
+    background: ${cssVar.colorBgContainer};
   `,
   content: css`
     padding-block: 16px;
@@ -42,11 +42,11 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     transform: translateX(-50%);
 
     display: inline-flex;
-    gap: 6px;
+    gap: 8px;
     align-items: center;
 
-    padding-block: 4px;
-    padding-inline: 12px;
+    height: 32px;
+    padding-inline: 16px;
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 16px;
 
@@ -90,8 +90,8 @@ export const CreateDocumentPlaceholder = memo<BuiltinPlaceholderProps<CreateDocu
           )}
         </ScrollShadow>
         <div className={styles.statusTag}>
-          <NeuralNetworkLoading size={14} />
-          <span style={{ fontSize: 12 }}>{t('builtins.lobe-notebook.actions.creating')}</span>
+          <NeuralNetworkLoading size={16} />
+          <span>{t('builtins.lobe-notebook.actions.creating')}</span>
         </div>
       </Flexbox>
     );

package/packages/builtin-tool-notebook/src/client/Render/CreateDocument/DocumentCard.tsx

@@ -3,11 +3,12 @@
 import { ActionIcon, CopyButton, Flexbox, Markdown, ScrollShadow } from '@lobehub/ui';
 import { Button } from 'antd';
 import { createStaticStyles } from 'antd-style';
-import { Maximize2, NotebookText, PencilLine } from 'lucide-react';
+import { Maximize2, Minimize2, NotebookText, PencilLine } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors } from '@/store/chat/slices/portal/selectors';
 
 import { NotebookDocument } from '../../../types';
 
@@ -21,7 +22,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 16px;
 
-    background: ${cssVar.colorBgElevated};
+    background: ${cssVar.colorBgContainer};
   `,
   content: css`
     padding-inline: 16px;
@@ -60,10 +61,20 @@ interface DocumentCardProps {
 
 const DocumentCard = memo<DocumentCardProps>(({ document }) => {
   const { t } = useTranslation('plugin');
-  const openDocument = useChatStore((s) => s.openDocument);
+  const [portalDocumentId, openDocument, closeDocument] = useChatStore((s) => [
+    chatPortalSelectors.portalDocumentId(s),
+    s.openDocument,
+    s.closeDocument,
+  ]);
 
-  const handleExpand = () => {
-    openDocument(document.id);
+  const isExpanded = portalDocumentId === document.id;
+
+  const handleToggle = () => {
+    if (isExpanded) {
+      closeDocument();
+    } else {
+      openDocument(document.id);
+    }
   };
 
   return (
@@ -82,7 +93,7 @@ const DocumentCard = memo<DocumentCardProps>(({ document }) => {
           />
           <ActionIcon
             icon={PencilLine}
-            onClick={handleExpand}
+            onClick={handleToggle}
             size={'small'}
             title={t('builtins.lobe-notebook.actions.edit')}
           />
@@ -95,16 +106,18 @@ const DocumentCard = memo<DocumentCardProps>(({ document }) => {
         </Markdown>
       </ScrollShadow>
 
-      {/* Floating expand button */}
+      {/* Floating expand/collapse button */}
       <Button
         className={styles.expandButton}
         color={'default'}
-        icon={<Maximize2 size={14} />}
-        onClick={handleExpand}
+        icon={isExpanded ? <Minimize2 size={14} /> : <Maximize2 size={14} />}
+        onClick={handleToggle}
         shape={'round'}
         variant={'outlined'}
       >
-        {t('builtins.lobe-notebook.actions.expand')}
+        {isExpanded
+          ? t('builtins.lobe-notebook.actions.collapse')
+          : t('builtins.lobe-notebook.actions.expand')}
       </Button>
     </Flexbox>
   );

package/packages/builtin-tool-notebook/src/client/Streaming/CreateDocument/index.tsx

@@ -20,7 +20,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 16px;
 
-    background: ${cssVar.colorBgElevated};
+    background: ${cssVar.colorBgContainer};
   `,
   header: css`
     padding-block: 10px;

package/packages/database/src/models/__tests__/agent.test.ts

@@ -155,6 +155,33 @@ describe('AgentModel', () => {
       expect(result).not.toBeNull();
       expect(result!.files).toHaveLength(0);
     });
+
+    it('should not return agent belonging to another user', async () => {
+      const agentId = 'test-agent-other-user';
+      // Create agent for user2
+      await serverDB.insert(agents).values({ id: agentId, userId: userId2 });
+
+      // Try to access with user1's model
+      const result = await agentModel.getAgentConfigById(agentId);
+
+      expect(result).toBeNull();
+    });
+
+    it('should not return knowledge from another user agent', async () => {
+      const agentId = 'test-agent-cross-user-knowledge';
+      // Create agent for user2 with knowledge
+      await serverDB.insert(agents).values({ id: agentId, userId: userId2 });
+      await serverDB
+        .insert(agentsKnowledgeBases)
+        .values({ agentId, knowledgeBaseId: 'kb2', userId: userId2 });
+      await serverDB.insert(agentsFiles).values({ agentId, fileId: '3', userId: userId2 });
+
+      // Try to access with user1's model
+      const result = await agentModel.getAgentConfigById(agentId);
+
+      // Should return null since user1 cannot access user2's agent
+      expect(result).toBeNull();
+    });
   });
 
   describe('getAgentConfig', () => {
@@ -197,15 +224,14 @@ describe('AgentModel', () => {
       expect(result).toBeNull();
     });
 
-    it('should find agent by ID even if it belongs to another user', async () => {
+    it('should not find agent by ID if it belongs to another user', async () => {
       const agentId = 'test-agent-cross-user';
       await serverDB.insert(agents).values({ id: agentId, userId: userId2 });
 
-      // ID lookup should work across users (ID is globally unique)
+      // ID lookup should not work across users for security
       const result = await agentModel.getAgentConfig(agentId);
 
-      expect(result).toBeDefined();
-      expect(result?.id).toBe(agentId);
+      expect(result).toBeNull();
     });
 
     it('should prefer ID match over slug match', async () => {
@@ -257,6 +283,67 @@ describe('AgentModel', () => {
 
       expect(result).toBeUndefined();
     });
+
+    it('should not return agent from another user session', async () => {
+      const agentId = 'test-agent-other-user-session';
+      const sessionId = 'test-session-other-user';
+      // Create agent and session for user2
+      await serverDB.insert(agents).values({ id: agentId, userId: userId2 });
+      await serverDB.insert(sessions).values({ id: sessionId, userId: userId2 });
+      await serverDB
+        .insert(agentsToSessions)
+        .values({ agentId, sessionId, userId: userId2 });
+
+      // Try to access with user1's model
+      const result = await agentModel.findBySessionId(sessionId);
+
+      expect(result).toBeUndefined();
+    });
+  });
+
+  describe('getAgentAssignedKnowledge', () => {
+    it('should return knowledge bases and files for the agent', async () => {
+      const agentId = 'test-agent-knowledge';
+      await serverDB.insert(agents).values({ id: agentId, userId });
+      await serverDB
+        .insert(agentsKnowledgeBases)
+        .values({ agentId, knowledgeBaseId: 'kb1', userId, enabled: true });
+      await serverDB.insert(agentsFiles).values({ agentId, fileId: '1', userId, enabled: true });
+
+      const result = await agentModel.getAgentAssignedKnowledge(agentId);
+
+      expect(result.knowledgeBases).toHaveLength(1);
+      expect(result.files).toHaveLength(1);
+    });
+
+    it('should not return knowledge from another user', async () => {
+      const agentId = 'test-agent-knowledge-other-user';
+      // Create agent with knowledge for user2
+      await serverDB.insert(agents).values({ id: agentId, userId: userId2 });
+      await serverDB
+        .insert(agentsKnowledgeBases)
+        .values({ agentId, knowledgeBaseId: 'kb2', userId: userId2, enabled: true });
+      await serverDB
+        .insert(agentsFiles)
+        .values({ agentId, fileId: '3', userId: userId2, enabled: true });
+
+      // Try to access with user1's model
+      const result = await agentModel.getAgentAssignedKnowledge(agentId);
+
+      // Should return empty arrays since user1 cannot access user2's knowledge
+      expect(result.knowledgeBases).toHaveLength(0);
+      expect(result.files).toHaveLength(0);
+    });
+
+    it('should handle empty knowledge bases and files', async () => {
+      const agentId = 'test-agent-no-knowledge';
+      await serverDB.insert(agents).values({ id: agentId, userId });
+
+      const result = await agentModel.getAgentAssignedKnowledge(agentId);
+
+      expect(result.knowledgeBases).toHaveLength(0);
+      expect(result.files).toHaveLength(0);
+    });
   });
 
   describe('createAgentKnowledgeBase', () => {

package/packages/database/src/models/agent.ts

@@ -28,7 +28,9 @@ export class AgentModel {
   }
 
   getAgentConfigById = async (id: string) => {
-    const agent = await this.db.query.agents.findFirst({ where: eq(agents.id, id) });
+    const agent = await this.db.query.agents.findFirst({
+      where: and(eq(agents.id, id), eq(agents.userId, this.userId)),
+    });
 
     if (!agent) return null;
 
@@ -76,9 +78,9 @@ export class AgentModel {
    */
   getAgentConfig = async (idOrSlug: string) => {
     const agent = await this.db.query.agents.findFirst({
-      where: or(
-        eq(agents.id, idOrSlug),
-        and(eq(agents.slug, idOrSlug), eq(agents.userId, this.userId)),
+      where: and(
+        eq(agents.userId, this.userId),
+        or(eq(agents.id, idOrSlug), eq(agents.slug, idOrSlug)),
       ),
     });
 
@@ -118,17 +120,20 @@ export class AgentModel {
 
   getAgentAssignedKnowledge = async (id: string) => {
     // Run both queries in parallel for better performance
+    // Include userId check to ensure user can only access their own agent's knowledge
     const [knowledgeBaseResult, fileResult] = await Promise.all([
       this.db
         .select({ enabled: agentsKnowledgeBases.enabled, knowledgeBases })
         .from(agentsKnowledgeBases)
-        .where(eq(agentsKnowledgeBases.agentId, id))
+        .where(
+          and(eq(agentsKnowledgeBases.agentId, id), eq(agentsKnowledgeBases.userId, this.userId)),
+        )
         .orderBy(desc(agentsKnowledgeBases.createdAt))
         .leftJoin(knowledgeBases, eq(knowledgeBases.id, agentsKnowledgeBases.knowledgeBaseId)),
       this.db
         .select({ enabled: agentsFiles.enabled, files })
         .from(agentsFiles)
-        .where(eq(agentsFiles.agentId, id))
+        .where(and(eq(agentsFiles.agentId, id), eq(agentsFiles.userId, this.userId)))
         .orderBy(desc(agentsFiles.createdAt))
         .leftJoin(files, eq(files.id, agentsFiles.fileId)),
     ]);
@@ -150,7 +155,10 @@ export class AgentModel {
    */
   findBySessionId = async (sessionId: string) => {
     const item = await this.db.query.agentsToSessions.findFirst({
-      where: eq(agentsToSessions.sessionId, sessionId),
+      where: and(
+        eq(agentsToSessions.sessionId, sessionId),
+        eq(agentsToSessions.userId, this.userId),
+      ),
     });
 
     if (!item) return;

package/packages/editor-runtime/src/EditorRuntime.ts

@@ -109,7 +109,7 @@ export class EditorRuntime {
     }
 
     // Set markdown content directly - the editor will convert it internally
-    editor.setDocument('markdown', markdown);
+    editor.setDocument('markdown', markdown, { keepId: true });
 
     // Get the resulting document to count nodes
     const jsonState = editor.getDocument('json') as any;

package/packages/editor-runtime/src/__tests__/EditorRuntime.real.test.ts

@@ -2,6 +2,7 @@ import {
   CommonPlugin,
   type IEditor,
   Kernel,
+  ListPlugin,
   LitexmlPlugin,
   MarkdownPlugin,
   moment,
@@ -10,6 +11,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { EditorRuntime } from '../EditorRuntime';
 import editAllFixture from './fixtures/edit-all.json';
+import removeThenAddFixture from './fixtures/remove-then-add.json';
 import removeFixture from './fixtures/remove.json';
 
 describe('EditorRuntime - Real Cases', () => {
@@ -20,7 +22,7 @@ describe('EditorRuntime - Real Cases', () => {
 
   beforeEach(() => {
     editor = new Kernel();
-    editor.registerPlugins([CommonPlugin, MarkdownPlugin, LitexmlPlugin]);
+    editor.registerPlugins([CommonPlugin, MarkdownPlugin, ListPlugin, LitexmlPlugin]);
     editor.initNodeEditor();
 
     runtime = new EditorRuntime();
@@ -163,9 +165,6 @@ describe('EditorRuntime - Real Cases', () => {
 
       // Verify paragraphs were removed
       const xmlAfter = editor.getDocument('litexml') as unknown as string;
-      const paragraphsAfter = [...xmlAfter.matchAll(/<p id="([^"]+)"/g)];
-
-      expect(paragraphsAfter.length).toBe(initialCount - 7);
 
       // Verify the removed IDs are no longer present
       expect(xmlAfter).not.toContain('id="wps3"');
@@ -179,4 +178,66 @@ describe('EditorRuntime - Real Cases', () => {
       expect(xmlAfter).toMatchSnapshot();
     });
   });
+
+  describe('modifyNodes - remove then add', () => {
+    it('should remove 13 paragraphs then insert a list', async () => {
+      // Initialize editor with the JSON fixture
+      editor.setDocument('json', removeThenAddFixture);
+      await moment();
+
+      // First operation: remove 13 paragraphs
+      const removeResult = await runtime.modifyNodes({
+        operations: [
+          { action: 'remove', id: 'x4qr' },
+          { action: 'remove', id: 'xfvd' },
+          { action: 'remove', id: 'xqzz' },
+          { action: 'remove', id: 'zrby' },
+          { action: 'remove', id: '02gk' },
+          { action: 'remove', id: '0dl6' },
+          { action: 'remove', id: '0ops' },
+          { action: 'remove', id: '1rnx' },
+          { action: 'remove', id: '22sj' },
+          { action: 'remove', id: '2dx5' },
+          { action: 'remove', id: '3gva' },
+          { action: 'remove', id: '3rzw' },
+          { action: 'remove', id: '434i' },
+        ],
+      });
+
+      await moment();
+
+      // Verify all remove operations succeeded
+      expect(removeResult.successCount).toBe(13);
+      expect(removeResult.totalCount).toBe(13);
+      expect(removeResult.results.every((r) => r.success)).toBe(true);
+      expect(removeResult.results.every((r) => r.action === 'remove')).toBe(true);
+
+      // Verify the content was removed
+      const removed = editor.getDocument('litexml') as unknown as string;
+      expect(removed).toMatchSnapshot('remove 13 paragraphs');
+
+      // Second operation: insert a list after wtm5
+      const insertResult = await runtime.modifyNodes({
+        operations: [
+          {
+            action: 'insert',
+            afterId: 'wtm5',
+            litexml:
+              '<ul><li>西湖风景区：杭州的灵魂，世界文化遗产</li><li>灵隐寺：杭州最著名的佛教寺庙</li><li>西溪国家湿地公园：中国第一个国家湿地公园</li><li>宋城：以宋代文化为主题的大型主题公园</li></ul>',
+          },
+        ],
+      });
+      await moment();
+
+      // Verify insert operation succeeded
+      expect(insertResult.successCount).toBe(1);
+      expect(insertResult.totalCount).toBe(1);
+      expect(insertResult.results.every((r) => r.success)).toBe(true);
+      expect(insertResult.results.every((r) => r.action === 'insert')).toBe(true);
+
+      // Verify full output
+      const xmlAfter = editor.getDocument('litexml') as unknown as string;
+      expect(xmlAfter).toMatchSnapshot('insert new');
+    });
+  });
 });

package/packages/editor-runtime/src/__tests__/__snapshots__/EditorRuntime.real.test.ts.snap

@@ -1,37 +1,128 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`EditorRuntime - Real Cases > modifyNodes - batch modify all paragraphs > should modify all 16 paragraphs in a single call 1`] = `
-"（雨点敲打着咖啡馆的玻璃窗，像无数细小的手指在弹奏着无声的钢琴。林晓坐在靠窗的位置，手中的咖啡已经凉了，她却浑然不觉。这是她第三次来到这家咖啡馆，每次都是同样的位置，同样的时间。） 
+"（雨点敲打着咖啡馆的玻璃窗，像无数细小的手指在弹奏着无声的钢琴。林晓坐在靠窗的位置，手中的咖啡已经凉了，她却浑然不觉。这是她第三次来到这家咖啡馆，每次都是同样的位置，同样的时间。）
 
-（窗外雨丝如帘，街灯昏黄。咖啡馆内灯光柔和，墙上挂着旧照片，书架上摆满了书。空气里是咖啡香和旧书纸的味道。） 
+（窗外雨丝如帘，街灯昏黄。咖啡馆内灯光柔和，墙上挂着旧照片，书架上摆满了书。空气里是咖啡香和旧书纸的味道。）
 
-林晓：（内心独白）第一次来的时候，也是这样的雨夜。那天我刚结束一段五年的感情，整个人像是被掏空了。我点了一杯美式咖啡，就这样坐着，看着窗外的雨，直到打烊。 
+林晓：（内心独白）第一次来的时候，也是这样的雨夜。那天我刚结束一段五年的感情，整个人像是被掏空了。我点了一杯美式咖啡，就这样坐着，看着窗外的雨，直到打烊。
 
-林晓：（继续独白）第二次来的时候，我遇到了他。穿着灰色风衣，坐在对面的位置。他一直在看书，偶尔抬头看看窗外。他的手指修长，翻书的动作优雅从容。 
+林晓：（继续独白）第二次来的时候，我遇到了他。穿着灰色风衣，坐在对面的位置。他一直在看书，偶尔抬头看看窗外。他的手指修长，翻书的动作优雅从容。
 
-林晓：（独白）今天，我又来了。雨还是那样下着，咖啡馆还是那样安静。我不知道自己在期待什么，也许只是习惯了这种孤独的仪式感。 
+林晓：（独白）今天，我又来了。雨还是那样下着，咖啡馆还是那样安静。我不知道自己在期待什么，也许只是习惯了这种孤独的仪式感。
 
-（门上的风铃响了，有人推门进来。林晓下意识地抬头，心跳突然漏了一拍。） 
+（门上的风铃响了，有人推门进来。林晓下意识地抬头，心跳突然漏了一拍。）
 
-（风铃叮咚作响。一个身影站在门口，雨伞滴着水，灯光勾勒出他的轮廓。） 
+（风铃叮咚作响。一个身影站在门口，雨伞滴着水，灯光勾勒出他的轮廓。）
 
-林晓：（低声）是他。 
+林晓：（低声）是他。
 
-（他收起雨伞，抖了抖身上的水珠，然后径直走向她。这一次，他没有坐在对面的位置，而是在她面前停了下来。） 
+（他收起雨伞，抖了抖身上的水珠，然后径直走向她。这一次，他没有坐在对面的位置，而是在她面前停了下来。）
 
-陈默：（声音低沉温和）我可以坐这里吗？ 
+陈默：（声音低沉温和）我可以坐这里吗？
 
-（林晓点了点头，喉咙有些发干。窗外的雨声似乎变小了，咖啡馆里的音乐也变得清晰起来。） 
+（林晓点了点头，喉咙有些发干。窗外的雨声似乎变小了，咖啡馆里的音乐也变得清晰起来。）
 
-陈默：（眼中带着笑意）我注意到你每次都在这里。 
+陈默：（眼中带着笑意）我注意到你每次都在这里。
 
-林晓：（凝视着他，内心独白）他的眼睛是深褐色的，像秋天的落叶，温暖而深邃。他的鼻梁挺直，唇线分明，微笑时眼角有细微的皱纹，更添了几分沧桑感。我忽然觉得这个人似曾相识，却又分明是第一次见面。 
+林晓：（凝视着他，内心独白）他的眼睛是深褐色的，像秋天的落叶，温暖而深邃。他的鼻梁挺直，唇线分明，微笑时眼角有细微的皱纹，更添了几分沧桑感。我忽然觉得这个人似曾相识，却又分明是第一次见面。
 
-陈默：（伸出手）我叫陈默。很高兴终于能和你说话。我观察你三次了，每次你都这样静静地坐着看雨，若有所思，若有所待。 
+陈默：（伸出手）我叫陈默。很高兴终于能和你说话。我观察你三次了，每次你都这样静静地坐着看雨，若有所思，若有所待。
 
-（林晓握住他的手，感受到他掌心的温度。他的手温暖，却有薄茧，像是经常写字或弹琴的人。雨还在下，但咖啡馆里忽然觉得温暖如春，先前的孤独寂寥，竟然悄然消散了。） 
-
-（旁白）也许，有些相遇注定要在雨夜发生。就像有些故事，注定要从一句简单的问候开始。 
+（林晓握住他的手，感受到他掌心的温度。他的手温暖，却有薄茧，像是经常写字或弹琴的人。雨还在下，但咖啡馆里忽然觉得温暖如春，先前的孤独寂寥，竟然悄然消散了。）
 
+（旁白）也许，有些相遇注定要在雨夜发生。就像有些故事，注定要从一句简单的问候开始。
 "
 `;
+
+exports[`EditorRuntime - Real Cases > modifyNodes - batch remove paragraphs > should remove 7 paragraphs in a single call 1`] = `
+"<?xml version="1.0" encoding="UTF-8"?>
+<root>
+  <p id="lwap">
+    <span id="m1v0">杭州，一座被诗意浸润的千年古都，静静地依偎在钱塘江畔，宛如一幅徐徐展开的水墨长卷。这里不仅是浙江省的政治、经济、文化中心，更是中国七大古都之一，承载着2200余年的历史记忆。从南宋临安的繁华盛景到今日数字经济的创新高地，杭州始终以"人间天堂"的美誉，向世界展示着东方文明的独特魅力。</span>
+  </p>
+  <h2 id="m7fb">
+    <span id="mczm">地理与气候</span>
+  </h2>
+  <p id="mijx">
+    <span id="mo48">杭州地处钱塘江下游，京杭大运河南端，东临杭州湾，西接天目山。全市总面积16850平方公里，常住人口超过1200万。杭州属于亚热带季风气候，四季分明，雨量充沛，年平均气温17.8℃，气候宜人。</span>
+  </p>
+  <h2 id="mtoj">
+    <span id="mz8u">历史文化</span>
+  </h2>
+  <p id="n4t5">
+    <span id="nadg">杭州是吴越文化和南宋文化的发源地之一。公元1138年，南宋定都临安（今杭州），使其成为当时世界上最繁华的城市之一。杭州拥有丰富的历史文化遗产，包括西湖文化景观、京杭大运河、良渚古城遗址等世界文化遗产。</span>
+  </p>
+  <p id="vbpc">
+    <span id="vh9n">南宋时期（1127-1279年）是杭州历史上的黄金时代。宋室南渡后定都临安（今杭州），使其成为当时世界上人口最多、经济最繁荣的城市之一。马可·波罗在游记中称杭州为"世界上最美丽华贵之天城"。南宋时期杭州的工商业、文化艺术、科学技术都达到了空前的高度：</span>
+  </p>
+  <ul id="t5t2">
+    <li id="tbdd">
+      <span id="tgxo" bold="true">经济繁荣</span>
+      <span id="tmhz">：丝绸、瓷器、茶叶贸易发达，出现了世界上最早的纸币"交子"</span>
+    </li>
+    <li id="ts2a">
+      <span id="txml" bold="true">文化鼎盛</span>
+      <span id="u36w">：宋词达到艺术高峰，苏轼、柳永、李清照等文人雅士云集</span>
+    </li>
+    <li id="u8r7">
+      <span id="uebi" bold="true">科技创新</span>
+      <span id="ujvt">：活字印刷术、指南针、火药等重大发明得到广泛应用</span>
+    </li>
+    <li id="upg4">
+      <span id="uv0f" bold="true">城市建设</span>
+      <span id="v0kq">：形成了"前朝后市"的格局，御街、清河坊等商业区繁华异常</span>
+    </li>
+  </ul>
+  <h2 id="nfxr">
+    <span id="nli2">西湖风光</span>
+  </h2>
+  <p id="nr2d">
+    <span id="nwmo">西湖是杭州的灵魂，也是中国最著名的风景名胜之一。西湖十景（如苏堤春晓、断桥残雪、雷峰夕照等）闻名遐迩。西湖不仅自然风光秀丽，更承载着深厚的文化内涵，历代文人墨客在此留下了无数诗词歌赋。</span>
+  </p>
+</root>"
+`;
+
+exports[`EditorRuntime - Real Cases > modifyNodes - remove then add > should remove 13 paragraphs then insert a list > insert new 1`] = `
+"<?xml version="1.0" encoding="UTF-8"?>
+<root>
+  <p id="wihj">
+    <span id="wo1u">杭州是中国著名的旅游城市，素有"人间天堂"的美誉。这里既有美丽的自然风光，又有深厚的历史文化底蕴。</span>
+  </p>
+  <h2 id="wtm5">
+    <span id="wz6g">必游景点</span>
+  </h2>
+  <ul id="fiv4">
+    <li id="foff">
+      <span id="ftzq">西湖风景区：杭州的灵魂，世界文化遗产</span>
+    </li>
+    <li id="fzk1">
+      <span id="g54c">灵隐寺：杭州最著名的佛教寺庙</span>
+    </li>
+    <li id="gaon">
+      <span id="gg8y">西溪国家湿地公园：中国第一个国家湿地公园</span>
+    </li>
+    <li id="glt9">
+      <span id="grdk">宋城：以宋代文化为主题的大型主题公园</span>
+    </li>
+  </ul>
+  <h2 id="562n">
+    <span id="5bmy">美食推荐</span>
+  </h2>
+</root>"
+`;
+
+exports[`EditorRuntime - Real Cases > modifyNodes - remove then add > should remove 13 paragraphs then insert a list > remove 13 paragraphs 1`] = `
+"<?xml version="1.0" encoding="UTF-8"?>
+<root>
+  <p id="wihj">
+    <span id="wo1u">杭州是中国著名的旅游城市，素有"人间天堂"的美誉。这里既有美丽的自然风光，又有深厚的历史文化底蕴。</span>
+  </p>
+  <h2 id="wtm5">
+    <span id="wz6g">必游景点</span>
+  </h2>
+  <h2 id="562n">
+    <span id="5bmy">美食推荐</span>
+  </h2>
+</root>"
+`;