fix(editor): adjust the style of the table block

2026-07-04 19:15:33 +08:00 · 2025-02-21 17:10:06 +08:00
812 changed files with 5489 additions and 5445 deletions
@@ -1,2 +1 @@
 /blocksuite/ @toeverything/blocksuite-core
-/packages/frontend/core/src/blocksuite @toeverything/blocksuite-core
@@ -3,4 +3,4 @@ name: affine
 description: AFFiNE cloud chart
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.19.0"
@@ -3,7 +3,7 @@ name: graphql
 description: AFFiNE GraphQL server
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.19.0"
 dependencies:
  - name: gcloud-sql-proxy
    version: 0.0.0
@@ -3,7 +3,7 @@ name: sync
 description: AFFiNE Sync Server
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.19.0"
 dependencies:
  - name: gcloud-sql-proxy
    version: 0.0.0
@@ -624,7 +624,8 @@ jobs:
        with:
          filters: |
            changed:
-              - 'packages/frontend/core/src/blocksuite/ai/**'
+              - 'packages/frontend/core/src/blocksuite/presets/ai/**'
+              - 'packages/frontend/core/src/components/blocksuite/block-suite-editor/ai/**'
              - 'tests/affine-cloud-copilot/**'

      - name: Setup Node.js
@@ -98,5 +98,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "file-type": "^20.0.0",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -42,5 +42,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -25,7 +25,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "zod": "^3.23.8"
@@ -40,5 +40,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -24,7 +24,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -41,5 +41,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -42,5 +42,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "date-fns": "^4.0.0",
    "lit": "^3.2.0",
@@ -44,5 +44,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1,9 +1,9 @@
 import { DatabaseBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockNotionHtmlAdapterExtension,
  type BlockNotionHtmlAdapterMatcher,
  HastUtils,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import { getTagColor } from '@blocksuite/data-view';
 import { type BlockSnapshot, nanoid } from '@blocksuite/store';
@@ -219,7 +219,7 @@ export const databaseBlockNotionHtmlAdapterMatcher: BlockNotionHtmlAdapterMatche
                    column.type = 'rich-text';
                    row[column.id] = {
                      columnId: column.id,
-                      value: AdapterTextUtils.createText(text),
+                      value: TextUtils.createText(text),
                    };
                  } else {
                    row[column.id] = {
@@ -235,11 +235,11 @@ export const databaseBlockNotionHtmlAdapterMatcher: BlockNotionHtmlAdapterMatche
                }
                if (
                  column.type === 'rich-text' &&
-                  !AdapterTextUtils.isText(row[column.id].value)
+                  !TextUtils.isText(row[column.id].value)
                ) {
                  row[column.id] = {
                    columnId: column.id,
-                    value: AdapterTextUtils.createText(row[column.id].value),
+                    value: TextUtils.createText(row[column.id].value),
                  };
                }
              });
@@ -127,7 +127,7 @@ export class BlockRenderer
        .attributesSchema=${this.attributesSchema}
        .attributeRenderer=${this.attributeRenderer}
        .embedChecker=${this.inlineManager.embedChecker}
-        .markdownMatches=${this.inlineManager.markdownMatches}
+        .markdownShortcutHandler=${this.inlineManager.markdownShortcutHandler}
        class="inline-editor"
      ></rich-text>
    `;
@@ -221,7 +221,7 @@ export class RichTextCell extends BaseRichTextCell {
        .attributesSchema=${this.attributesSchema}
        .attributeRenderer=${this.attributeRenderer}
        .embedChecker=${this.inlineManager?.embedChecker}
-        .markdownMatches=${this.inlineManager?.markdownMatches}
+        .markdownShortcutHandler=${this.inlineManager?.markdownShortcutHandler}
        .readonly=${true}
        class="affine-database-rich-text inline-editor"
      ></rich-text>`
@@ -525,7 +525,7 @@ export class RichTextCellEditing extends BaseRichTextCell {
      .attributesSchema=${this.attributesSchema}
      .attributeRenderer=${this.attributeRenderer}
      .embedChecker=${this.inlineManager?.embedChecker}
-      .markdownMatches=${this.inlineManager?.markdownMatches}
+      .markdownShortcutHandler=${this.inlineManager?.markdownShortcutHandler}
      .verticalScrollContainerGetter=${() =>
        this.topContenteditableElement?.host
          ? getViewportElement(this.topContenteditableElement.host)
@@ -187,7 +187,7 @@ export class HeaderAreaTextCell extends BaseTextCell {
      .attributesSchema="${this.attributesSchema}"
      .attributeRenderer="${this.attributeRenderer}"
      .embedChecker="${this.inlineManager?.embedChecker}"
-      .markdownMatches="${this.inlineManager?.markdownMatches}"
+      .markdownShortcutHandler="${this.inlineManager?.markdownShortcutHandler}"
      .readonly="${true}"
      class="data-view-header-area-rich-text"
    ></rich-text>`;
@@ -391,7 +391,7 @@ export class HeaderAreaTextCellEditing extends BaseTextCell {
      .attributesSchema="${this.attributesSchema}"
      .attributeRenderer="${this.attributeRenderer}"
      .embedChecker="${this.inlineManager?.embedChecker}"
-      .markdownMatches="${this.inlineManager?.markdownMatches}"
+      .markdownShortcutHandler="${this.inlineManager?.markdownShortcutHandler}"
      .readonly="${this.readonly}"
      .enableClipboard="${false}"
      .verticalScrollContainerGetter="${() =>
@@ -23,7 +23,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -39,5 +39,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -25,7 +25,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "zod": "^3.23.8"
@@ -40,5 +40,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -25,7 +25,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "yjs": "^13.6.21",
@@ -44,5 +44,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -197,7 +197,7 @@ async function renderNoteContent(
    match: ids.map(id => ({ id, viewType: 'display' })),
  };
  const previewDoc = doc.doc.getStore({ query });
-  const previewSpec = SpecProvider._.getSpec('preview:page');
+  const previewSpec = SpecProvider.getInstance().getSpec('page:preview');
  const previewStd = new BlockStdScope({
    store: previewDoc,
    extensions: previewSpec.value,
@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockHtmlAdapterExtension,
  type BlockHtmlAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';

 export const embedLinkedDocBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
@@ -18,7 +18,7 @@ export const embedLinkedDocBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
        return;
      }
      const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
        configs.get('docLinkBaseUrl') ?? '',
        String(o.node.props.pageId),
        o.node.props.params ?? Object.create(null)
@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockMarkdownAdapterExtension,
  type BlockMarkdownAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';

 export const embedLinkedDocBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher =
@@ -19,7 +19,7 @@ export const embedLinkedDocBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatc
          return;
        }
        const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-        const url = AdapterTextUtils.generateDocUrl(
+        const url = TextUtils.generateDocUrl(
          configs.get('docLinkBaseUrl') ?? '',
          String(o.node.props.pageId),
          o.node.props.params ?? Object.create(null)
@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockPlainTextAdapterExtension,
  type BlockPlainTextAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';

 export const embedLinkedDocBlockPlainTextAdapterMatcher: BlockPlainTextAdapterMatcher =
@@ -19,7 +19,7 @@ export const embedLinkedDocBlockPlainTextAdapterMatcher: BlockPlainTextAdapterMa
          return;
        }
        const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-        const url = AdapterTextUtils.generateDocUrl(
+        const url = TextUtils.generateDocUrl(
          configs.get('docLinkBaseUrl') ?? '',
          String(o.node.props.pageId),
          o.node.props.params ?? Object.create(null)
@@ -70,7 +70,7 @@ export class EmbedEdgelessSyncedDocBlockComponent extends toEdgelessEmbedBlock(
            <div class="affine-page-viewport" data-theme=${appTheme}>
              ${new BlockStdScope({
                store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:page'),
+                extensions: this._buildPreviewSpec('page:preview'),
              }).render()}
            </div>
          `,
@@ -81,7 +81,7 @@ export class EmbedEdgelessSyncedDocBlockComponent extends toEdgelessEmbedBlock(
            <div class="affine-edgeless-viewport" data-theme=${edgelessTheme}>
              ${new BlockStdScope({
                store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:edgeless'),
+                extensions: this._buildPreviewSpec('edgeless:preview'),
              }).render()}
            </div>
          `,
@@ -116,9 +116,9 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
    ],
  };

-  protected _buildPreviewSpec = (name: 'preview:page' | 'preview:edgeless') => {
+  protected _buildPreviewSpec = (name: 'page:preview' | 'edgeless:preview') => {
    const nextDepth = this.depth + 1;
-    const previewSpecBuilder = SpecProvider._.getSpec(name);
+    const previewSpecBuilder = SpecProvider.getInstance().getSpec(name);
    const currentDisposables = this.disposables;
    const editorSetting =
      this.std.getOptional(EditorSettingProvider) ??
@@ -203,7 +203,7 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
            <div class="affine-page-viewport" data-theme=${appTheme}>
              ${new BlockStdScope({
                store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:page'),
+                extensions: this._buildPreviewSpec('page:preview'),
              }).render()}
            </div>
          `,
@@ -214,7 +214,7 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
            <div class="affine-edgeless-viewport" data-theme=${edgelessTheme}>
              ${new BlockStdScope({
                store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:edgeless'),
+                extensions: this._buildPreviewSpec('edgeless:preview'),
              }).render()}
            </div>
          `,
@@ -24,7 +24,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -41,5 +41,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1,4 +1,3 @@
 export * from './frame-block.js';
 export * from './frame-manager.js';
 export * from './frame-spec.js';
-export * from './tool.js';
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "file-type": "^20.0.0",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -42,5 +42,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1,4 +1,3 @@
 export * from './html.js';
 export * from './markdown.js';
-export * from './middleware.js';
 export * from './notion-html.js';
@@ -24,7 +24,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/katex": "^0.16.7",
    "@types/mdast": "^4.0.4",
    "katex": "^0.16.11",
@@ -43,5 +43,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -23,7 +23,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -42,5 +42,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1,9 +1,9 @@
 import { ListBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockHtmlAdapterExtension,
  type BlockHtmlAdapterMatcher,
  HastUtils,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -124,7 +124,7 @@ export const listBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
          Array.isArray(currentTNode.properties.className) &&
          currentTNode.properties.className.includes('todo-list')
        ) ===
-          AdapterTextUtils.isNullish(
+          TextUtils.isNullish(
            o.node.props.type === 'todo'
              ? (o.node.props.checked as boolean)
              : undefined
@@ -177,7 +177,7 @@ export const listBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
          Array.isArray(previousTNode.properties.className) &&
          previousTNode.properties.className.includes('todo-list')
        ) ===
-          AdapterTextUtils.isNullish(
+          TextUtils.isNullish(
            o.node.props.type === 'todo'
              ? (o.node.props.checked as boolean)
              : undefined
@@ -1,9 +1,9 @@
 import { ListBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
  BlockMarkdownAdapterExtension,
  type BlockMarkdownAdapterMatcher,
  type MarkdownAST,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -75,8 +75,8 @@ export const listBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher = {
        walkerContext.getNodeContext('affine:list:parent') === o.parent &&
        currentTNode.type === 'list' &&
        currentTNode.ordered === (o.node.props.type === 'numbered') &&
-        AdapterTextUtils.isNullish(currentTNode.children[0].checked) ===
-          AdapterTextUtils.isNullish(
+        TextUtils.isNullish(currentTNode.children[0].checked) ===
+          TextUtils.isNullish(
            o.node.props.type === 'todo'
              ? (o.node.props.checked as boolean)
              : undefined
@@ -129,8 +129,8 @@ export const listBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher = {
        currentTNode.type === 'listItem' &&
        previousTNode?.type === 'list' &&
        previousTNode.ordered === (o.node.props.type === 'numbered') &&
-        AdapterTextUtils.isNullish(currentTNode.checked) ===
-          AdapterTextUtils.isNullish(
+        TextUtils.isNullish(currentTNode.checked) ===
+          TextUtils.isNullish(
            o.node.props.type === 'todo'
              ? (o.node.props.checked as boolean)
              : undefined
@@ -85,6 +85,10 @@ export class ListBlockComponent extends CaptionedBlockComponent<ListBlockModel>
    return this.std.get(DefaultInlineManagerExtension.identifier);
  }

+  get markdownShortcutHandler() {
+    return this.inlineManager.markdownShortcutHandler;
+  }
+
  override get topContenteditableElement() {
    if (this.std.get(DocModeProvider).getEditorMode() === 'edgeless') {
      return this.closest<BlockComponent>(NOTE_SELECTOR);
@@ -189,7 +193,7 @@ export class ListBlockComponent extends CaptionedBlockComponent<ListBlockModel>
            .undoManager=${this.doc.history}
            .attributeRenderer=${this.attributeRenderer}
            .attributesSchema=${this.attributesSchema}
-            .markdownMatches=${this.inlineManager?.markdownMatches}
+            .markdownShortcutHandler=${this.markdownShortcutHandler}
            .embedChecker=${this.embedChecker}
            .readonly=${this.doc.readonly}
            .inlineRangeProvider=${this._inlineRangeProvider}
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "@vanilla-extract/css": "^1.17.0",
    "lit": "^3.2.0",
@@ -43,5 +43,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -23,7 +23,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/mdast": "^4.0.4",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -39,5 +39,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -90,6 +90,10 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
    return this.std.get(DefaultInlineManagerExtension.identifier);
  }

+  get markdownShortcutHandler() {
+    return this.inlineManager.markdownShortcutHandler;
+  }
+
  override get topContenteditableElement() {
    if (this.std.get(DocModeProvider).getEditorMode() === 'edgeless') {
      return this.closest<BlockComponent>(NOTE_SELECTOR);
@@ -290,7 +294,7 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
            .undoManager=${this.doc.history}
            .attributesSchema=${this.attributesSchema}
            .attributeRenderer=${this.attributeRenderer}
-            .markdownMatches=${this.inlineManager?.markdownMatches}
+            .markdownShortcutHandler=${this.markdownShortcutHandler}
            .embedChecker=${this.embedChecker}
            .readonly=${this.doc.readonly}
            .inlineRangeProvider=${this._inlineRangeProvider}
@@ -1,73 +0,0 @@
-{
-  "name": "@blocksuite/affine-block-root",
-  "description": "Root block for BlockSuite.",
-  "type": "module",
-  "scripts": {
-    "build": "tsc",
-    "test:unit": "nx vite:test --run --passWithNoTests",
-    "test:unit:coverage": "nx vite:test --run --coverage",
-    "test:e2e": "playwright test"
-  },
-  "sideEffects": false,
-  "keywords": [],
-  "author": "toeverything",
-  "license": "MIT",
-  "dependencies": {
-    "@blocksuite/affine-block-attachment": "workspace:*",
-    "@blocksuite/affine-block-bookmark": "workspace:*",
-    "@blocksuite/affine-block-data-view": "workspace:*",
-    "@blocksuite/affine-block-database": "workspace:*",
-    "@blocksuite/affine-block-edgeless-text": "workspace:*",
-    "@blocksuite/affine-block-embed": "workspace:*",
-    "@blocksuite/affine-block-frame": "workspace:*",
-    "@blocksuite/affine-block-image": "workspace:*",
-    "@blocksuite/affine-block-latex": "workspace:*",
-    "@blocksuite/affine-block-list": "workspace:*",
-    "@blocksuite/affine-block-note": "workspace:*",
-    "@blocksuite/affine-block-paragraph": "workspace:*",
-    "@blocksuite/affine-block-surface": "workspace:*",
-    "@blocksuite/affine-block-surface-ref": "workspace:*",
-    "@blocksuite/affine-block-table": "workspace:*",
-    "@blocksuite/affine-components": "workspace:*",
-    "@blocksuite/affine-model": "workspace:*",
-    "@blocksuite/affine-shared": "workspace:*",
-    "@blocksuite/affine-widget-drag-handle": "workspace:*",
-    "@blocksuite/affine-widget-edgeless-auto-connect": "workspace:*",
-    "@blocksuite/affine-widget-frame-title": "workspace:*",
-    "@blocksuite/affine-widget-remote-selection": "workspace:*",
-    "@blocksuite/affine-widget-scroll-anchoring": "workspace:*",
-    "@blocksuite/block-std": "workspace:*",
-    "@blocksuite/data-view": "workspace:*",
-    "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.2.1",
-    "@blocksuite/inline": "workspace:*",
-    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.10",
-    "@lit/context": "^1.1.2",
-    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdast": "^4.0.4",
-    "@vanilla-extract/css": "^1.17.0",
-    "dompurify": "^3.2.4",
-    "fflate": "^0.8.2",
-    "html2canvas": "^1.4.1",
-    "lit": "^3.2.0",
-    "lodash-es": "^4.17.21",
-    "minimatch": "^10.0.1",
-    "simple-xml-to-json": "^1.2.2",
-    "yjs": "^13.6.21",
-    "zod": "^3.23.8"
-  },
-  "exports": {
-    ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
-  },
-  "files": [
-    "src",
-    "dist",
-    "!src/__tests__",
-    "!dist/__tests__"
-  ],
-  "version": "0.20.0"
-}
@@ -1,55 +0,0 @@
-import {
-  EdgelessFrameManager,
-  FrameOverlay,
-  PresentTool,
-} from '@blocksuite/affine-block-frame';
-import { ConnectionOverlay } from '@blocksuite/affine-block-surface';
-import type { ExtensionType } from '@blocksuite/store';
-
-import { EdgelessRootBlockSpec } from './edgeless-root-spec.js';
-import { BrushTool } from './gfx-tool/brush-tool.js';
-import { ConnectorTool } from './gfx-tool/connector-tool.js';
-import { DefaultTool } from './gfx-tool/default-tool.js';
-import { MindMapIndicatorOverlay } from './gfx-tool/default-tool-ext/mind-map-ext/indicator-overlay.js';
-import { EmptyTool } from './gfx-tool/empty-tool.js';
-import { EraserTool } from './gfx-tool/eraser-tool.js';
-import { FrameTool } from './gfx-tool/frame-tool.js';
-import { LassoTool } from './gfx-tool/lasso-tool.js';
-import { NoteTool } from './gfx-tool/note-tool.js';
-import { PanTool } from './gfx-tool/pan-tool.js';
-import { ShapeTool } from './gfx-tool/shape-tool.js';
-import { TemplateTool } from './gfx-tool/template-tool.js';
-import { TextTool } from './gfx-tool/text-tool.js';
-import { EditPropsMiddlewareBuilder } from './middlewares/base.js';
-import { EdgelessSnapManager } from './utils/snap-manager.js';
-
-export const EdgelessToolExtension: ExtensionType[] = [
-  DefaultTool,
-  PanTool,
-  EraserTool,
-  TextTool,
-  ShapeTool,
-  NoteTool,
-  BrushTool,
-  ConnectorTool,
-  TemplateTool,
-  EmptyTool,
-  FrameTool,
-  LassoTool,
-  PresentTool,
-];
-
-export const EdgelessBuiltInManager: ExtensionType[] = [
-  ConnectionOverlay,
-  FrameOverlay,
-  MindMapIndicatorOverlay,
-  EdgelessSnapManager,
-  EdgelessFrameManager,
-  EditPropsMiddlewareBuilder,
-];
-
-export const EdgelessBuiltInSpecs: ExtensionType[] = [
-  EdgelessRootBlockSpec,
-  EdgelessToolExtension,
-  EdgelessBuiltInManager,
-].flat();
@@ -1,10 +0,0 @@
-export { FramePreview } from './components/frame/frame-preview.js';
-export { EdgelessTemplatePanel } from './components/toolbar/template/template-panel.js';
-export * from './components/toolbar/template/template-type.js';
-export * from './edgeless-root-block.js';
-export { EdgelessRootPreviewBlockComponent } from './edgeless-root-preview-block.js';
-export { EdgelessRootService } from './edgeless-root-service.js';
-export * from './gfx-tool';
-export * from './utils/clipboard-utils.js';
-export { sortEdgelessElements } from './utils/clone-utils.js';
-export { isCanvasElement } from './utils/query.js';
@@ -1,336 +0,0 @@
-import { EdgelessAutoCompletePanel } from './edgeless/components/auto-complete/auto-complete-panel.js';
-import { EdgelessAutoComplete } from './edgeless/components/auto-complete/edgeless-auto-complete.js';
-import { EdgelessToolIconButton } from './edgeless/components/buttons/tool-icon-button.js';
-import { EdgelessToolbarButton } from './edgeless/components/buttons/toolbar-button.js';
-import { EdgelessConnectorHandle } from './edgeless/components/connector/connector-handle.js';
-import {
-  NOTE_SLICER_WIDGET,
-  NoteSlicer,
-} from './edgeless/components/note-slicer/index.js';
-import { EdgelessAlignPanel } from './edgeless/components/panel/align-panel.js';
-import { CardStylePanel } from './edgeless/components/panel/card-style-panel.js';
-import {
-  EdgelessColorButton,
-  EdgelessColorPanel,
-  EdgelessTextColorIcon,
-} from './edgeless/components/panel/color-panel.js';
-import { EdgelessFontFamilyPanel } from './edgeless/components/panel/font-family-panel.js';
-import { EdgelessFontWeightAndStylePanel } from './edgeless/components/panel/font-weight-and-style-panel.js';
-import { EdgelessLineWidthPanel } from './edgeless/components/panel/line-width-panel.js';
-import { NoteDisplayModePanel } from './edgeless/components/panel/note-display-mode-panel.js';
-import { EdgelessNoteShadowPanel } from './edgeless/components/panel/note-shadow-panel.js';
-import { EdgelessScalePanel } from './edgeless/components/panel/scale-panel.js';
-import { EdgelessShapePanel } from './edgeless/components/panel/shape-panel.js';
-import { EdgelessShapeStylePanel } from './edgeless/components/panel/shape-style-panel.js';
-import { EdgelessSizePanel } from './edgeless/components/panel/size-panel.js';
-import { StrokeStylePanel } from './edgeless/components/panel/stroke-style-panel.js';
-import {
-  EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
-  EdgelessNavigatorBlackBackgroundWidget,
-} from './edgeless/components/presentation/edgeless-navigator-black-background.js';
-import {
-  EDGELESS_DRAGGING_AREA_WIDGET,
-  EdgelessDraggingAreaRectWidget,
-} from './edgeless/components/rects/edgeless-dragging-area-rect.js';
-import {
-  EDGELESS_SELECTED_RECT_WIDGET,
-  EdgelessSelectedRectWidget,
-} from './edgeless/components/rects/edgeless-selected-rect.js';
-import { EdgelessConnectorLabelEditor } from './edgeless/components/text/edgeless-connector-label-editor.js';
-import { EdgelessFrameTitleEditor } from './edgeless/components/text/edgeless-frame-title-editor.js';
-import { EdgelessGroupTitleEditor } from './edgeless/components/text/edgeless-group-title-editor.js';
-import { EdgelessShapeTextEditor } from './edgeless/components/text/edgeless-shape-text-editor.js';
-import { EdgelessTextEditor } from './edgeless/components/text/edgeless-text-editor.js';
-import { EdgelessBrushMenu } from './edgeless/components/toolbar/brush/brush-menu.js';
-import { EdgelessBrushToolButton } from './edgeless/components/toolbar/brush/brush-tool-button.js';
-import { EdgelessSlideMenu } from './edgeless/components/toolbar/common/slide-menu.js';
-import { ToolbarArrowUpIcon } from './edgeless/components/toolbar/common/toolbar-arrow-up-icon.js';
-import { EdgelessConnectorMenu } from './edgeless/components/toolbar/connector/connector-menu.js';
-import { EdgelessConnectorToolButton } from './edgeless/components/toolbar/connector/connector-tool-button.js';
-import { EdgelessDefaultToolButton } from './edgeless/components/toolbar/default/default-tool-button.js';
-import { EdgelessToolbarWidget } from './edgeless/components/toolbar/edgeless-toolbar.js';
-import { EdgelessEraserToolButton } from './edgeless/components/toolbar/eraser/eraser-tool-button.js';
-import { EdgelessFrameMenu } from './edgeless/components/toolbar/frame/frame-menu.js';
-import { EdgelessFrameToolButton } from './edgeless/components/toolbar/frame/frame-tool-button.js';
-import { EdgelessLassoToolButton } from './edgeless/components/toolbar/lasso/lasso-tool-button.js';
-import { EdgelessLinkToolButton } from './edgeless/components/toolbar/link/link-tool-button.js';
-import { MindMapPlaceholder } from './edgeless/components/toolbar/mindmap/mindmap-importing-placeholder.js';
-import { EdgelessMindmapMenu } from './edgeless/components/toolbar/mindmap/mindmap-menu.js';
-import { EdgelessMindmapToolButton } from './edgeless/components/toolbar/mindmap/mindmap-tool-button.js';
-import { EdgelessNoteMenu } from './edgeless/components/toolbar/note/note-menu.js';
-import { EdgelessNoteSeniorButton } from './edgeless/components/toolbar/note/note-senior-button.js';
-import { EdgelessNoteToolButton } from './edgeless/components/toolbar/note/note-tool-button.js';
-import { EdgelessFrameOrderButton } from './edgeless/components/toolbar/present/frame-order-button.js';
-import { EdgelessFrameOrderMenu } from './edgeless/components/toolbar/present/frame-order-menu.js';
-import { EdgelessNavigatorSettingButton } from './edgeless/components/toolbar/present/navigator-setting-button.js';
-import { EdgelessPresentButton } from './edgeless/components/toolbar/present/present-button.js';
-import { PresentationToolbar } from './edgeless/components/toolbar/presentation-toolbar.js';
-import { EdgelessToolbarShapeDraggable } from './edgeless/components/toolbar/shape/shape-draggable.js';
-import { EdgelessShapeMenu } from './edgeless/components/toolbar/shape/shape-menu.js';
-import { EdgelessShapeToolButton } from './edgeless/components/toolbar/shape/shape-tool-button.js';
-import { EdgelessShapeToolElement } from './edgeless/components/toolbar/shape/shape-tool-element.js';
-import { OverlayScrollbar } from './edgeless/components/toolbar/template/overlay-scrollbar.js';
-import { AffineTemplateLoading } from './edgeless/components/toolbar/template/template-loading.js';
-import { EdgelessTemplatePanel } from './edgeless/components/toolbar/template/template-panel.js';
-import { EdgelessTemplateButton } from './edgeless/components/toolbar/template/template-tool-button.js';
-import { EdgelessTextMenu } from './edgeless/components/toolbar/text/text-menu.js';
-import {
-  AFFINE_EMBED_CARD_TOOLBAR_WIDGET,
-  AFFINE_FORMAT_BAR_WIDGET,
-  AffineFormatBarWidget,
-  AffineImageToolbarWidget,
-  AffineModalWidget,
-  EDGELESS_TOOLBAR_WIDGET,
-  EdgelessRootBlockComponent,
-  EdgelessRootPreviewBlockComponent,
-  EmbedCardToolbar,
-  FramePreview,
-  PageRootBlockComponent,
-  PreviewRootBlockComponent,
-} from './index.js';
-import {
-  AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET,
-  AffineEdgelessZoomToolbarWidget,
-} from './widgets/edgeless-zoom-toolbar/index.js';
-import { ZoomBarToggleButton } from './widgets/edgeless-zoom-toolbar/zoom-bar-toggle-button.js';
-import { EdgelessZoomToolbar } from './widgets/edgeless-zoom-toolbar/zoom-toolbar.js';
-import { effects as widgetEdgelessElementToolbarEffects } from './widgets/element-toolbar/effects.js';
-import { AffineImageToolbar } from './widgets/image-toolbar/components/image-toolbar.js';
-import { AFFINE_IMAGE_TOOLBAR_WIDGET } from './widgets/image-toolbar/index.js';
-import {
-  AFFINE_INNER_MODAL_WIDGET,
-  AffineInnerModalWidget,
-} from './widgets/inner-modal/inner-modal.js';
-import { effects as widgetMobileToolbarEffects } from './widgets/keyboard-toolbar/effects.js';
-import { effects as widgetLinkedDocEffects } from './widgets/linked-doc/effects.js';
-import { Loader } from './widgets/linked-doc/import-doc/loader.js';
-import { AffineCustomModal } from './widgets/modal/custom-modal.js';
-import { AFFINE_MODAL_WIDGET } from './widgets/modal/modal.js';
-import {
-  AFFINE_PAGE_DRAGGING_AREA_WIDGET,
-  AffinePageDraggingAreaWidget,
-} from './widgets/page-dragging-area/page-dragging-area.js';
-import {
-  AFFINE_SLASH_MENU_WIDGET,
-  AffineSlashMenuWidget,
-} from './widgets/slash-menu/index.js';
-import {
-  InnerSlashMenu,
-  SlashMenu,
-} from './widgets/slash-menu/slash-menu-popover.js';
-import {
-  AFFINE_SURFACE_REF_TOOLBAR,
-  AffineSurfaceRefToolbar,
-} from './widgets/surface-ref-toolbar/surface-ref-toolbar.js';
-import {
-  AFFINE_VIEWPORT_OVERLAY_WIDGET,
-  AffineViewportOverlayWidget,
-} from './widgets/viewport-overlay/viewport-overlay.js';
-
-export function effects() {
-  // Run other effects
-  widgetEdgelessElementToolbarEffects();
-  widgetMobileToolbarEffects();
-  widgetLinkedDocEffects();
-
-  // Register components by category
-  registerRootComponents();
-  registerWidgets();
-  registerEdgelessToolbarComponents();
-  registerEdgelessPanelComponents();
-  registerEdgelessEditorComponents();
-  registerMiscComponents();
-}
-
-function registerRootComponents() {
-  customElements.define('affine-page-root', PageRootBlockComponent);
-  customElements.define('affine-preview-root', PreviewRootBlockComponent);
-  customElements.define('affine-edgeless-root', EdgelessRootBlockComponent);
-  customElements.define(
-    'affine-edgeless-root-preview',
-    EdgelessRootPreviewBlockComponent
-  );
-}
-
-function registerWidgets() {
-  customElements.define(AFFINE_EMBED_CARD_TOOLBAR_WIDGET, EmbedCardToolbar);
-  customElements.define(AFFINE_INNER_MODAL_WIDGET, AffineInnerModalWidget);
-  customElements.define(AFFINE_MODAL_WIDGET, AffineModalWidget);
-  customElements.define(
-    AFFINE_PAGE_DRAGGING_AREA_WIDGET,
-    AffinePageDraggingAreaWidget
-  );
-  customElements.define(AFFINE_IMAGE_TOOLBAR_WIDGET, AffineImageToolbarWidget);
-  customElements.define(AFFINE_SLASH_MENU_WIDGET, AffineSlashMenuWidget);
-  customElements.define(
-    AFFINE_VIEWPORT_OVERLAY_WIDGET,
-    AffineViewportOverlayWidget
-  );
-  customElements.define(
-    AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET,
-    AffineEdgelessZoomToolbarWidget
-  );
-  customElements.define(AFFINE_SURFACE_REF_TOOLBAR, AffineSurfaceRefToolbar);
-  customElements.define(AFFINE_FORMAT_BAR_WIDGET, AffineFormatBarWidget);
-}
-
-function registerEdgelessToolbarComponents() {
-  // Tool buttons
-  customElements.define('edgeless-brush-tool-button', EdgelessBrushToolButton);
-  customElements.define(
-    'edgeless-connector-tool-button',
-    EdgelessConnectorToolButton
-  );
-  customElements.define(
-    'edgeless-default-tool-button',
-    EdgelessDefaultToolButton
-  );
-  customElements.define(
-    'edgeless-eraser-tool-button',
-    EdgelessEraserToolButton
-  );
-  customElements.define('edgeless-frame-tool-button', EdgelessFrameToolButton);
-  customElements.define('edgeless-link-tool-button', EdgelessLinkToolButton);
-  customElements.define('edgeless-lasso-tool-button', EdgelessLassoToolButton);
-  customElements.define(
-    'edgeless-mindmap-tool-button',
-    EdgelessMindmapToolButton
-  );
-  customElements.define('edgeless-note-tool-button', EdgelessNoteToolButton);
-  customElements.define('edgeless-shape-tool-button', EdgelessShapeToolButton);
-  customElements.define('edgeless-template-button', EdgelessTemplateButton);
-
-  // Menus
-  customElements.define('edgeless-brush-menu', EdgelessBrushMenu);
-  customElements.define('edgeless-connector-menu', EdgelessConnectorMenu);
-  customElements.define('edgeless-frame-menu', EdgelessFrameMenu);
-  customElements.define('edgeless-mindmap-menu', EdgelessMindmapMenu);
-  customElements.define('edgeless-note-menu', EdgelessNoteMenu);
-  customElements.define('edgeless-shape-menu', EdgelessShapeMenu);
-  customElements.define('edgeless-text-menu', EdgelessTextMenu);
-  customElements.define('edgeless-slide-menu', EdgelessSlideMenu);
-
-  // Toolbar components
-  customElements.define(EDGELESS_TOOLBAR_WIDGET, EdgelessToolbarWidget);
-  customElements.define('edgeless-toolbar-button', EdgelessToolbarButton);
-  customElements.define('edgeless-tool-icon-button', EdgelessToolIconButton);
-  customElements.define(
-    'edgeless-toolbar-shape-draggable',
-    EdgelessToolbarShapeDraggable
-  );
-  customElements.define('toolbar-arrow-up-icon', ToolbarArrowUpIcon);
-
-  // Frame order components
-  customElements.define(
-    'edgeless-frame-order-button',
-    EdgelessFrameOrderButton
-  );
-  customElements.define('edgeless-frame-order-menu', EdgelessFrameOrderMenu);
-  customElements.define(
-    'edgeless-navigator-setting-button',
-    EdgelessNavigatorSettingButton
-  );
-  customElements.define('edgeless-present-button', EdgelessPresentButton);
-  customElements.define(
-    'edgeless-note-senior-button',
-    EdgelessNoteSeniorButton
-  );
-}
-
-function registerEdgelessPanelComponents() {
-  customElements.define('edgeless-align-panel', EdgelessAlignPanel);
-  customElements.define('card-style-panel', CardStylePanel);
-  customElements.define('edgeless-color-panel', EdgelessColorPanel);
-  customElements.define('edgeless-line-width-panel', EdgelessLineWidthPanel);
-  customElements.define(
-    'edgeless-font-weight-and-style-panel',
-    EdgelessFontWeightAndStylePanel
-  );
-  customElements.define('edgeless-note-shadow-panel', EdgelessNoteShadowPanel);
-  customElements.define('edgeless-size-panel', EdgelessSizePanel);
-  customElements.define('edgeless-scale-panel', EdgelessScalePanel);
-  customElements.define('edgeless-font-family-panel', EdgelessFontFamilyPanel);
-  customElements.define('edgeless-shape-panel', EdgelessShapePanel);
-  customElements.define('note-display-mode-panel', NoteDisplayModePanel);
-  customElements.define('stroke-style-panel', StrokeStylePanel);
-  customElements.define('edgeless-shape-style-panel', EdgelessShapeStylePanel);
-
-  // Color components
-  customElements.define('edgeless-color-button', EdgelessColorButton);
-  customElements.define('edgeless-text-color-icon', EdgelessTextColorIcon);
-}
-
-function registerEdgelessEditorComponents() {
-  customElements.define(
-    'edgeless-connector-label-editor',
-    EdgelessConnectorLabelEditor
-  );
-  customElements.define('edgeless-shape-text-editor', EdgelessShapeTextEditor);
-  customElements.define(
-    'edgeless-group-title-editor',
-    EdgelessGroupTitleEditor
-  );
-  customElements.define(
-    'edgeless-frame-title-editor',
-    EdgelessFrameTitleEditor
-  );
-  customElements.define('edgeless-text-editor', EdgelessTextEditor);
-}
-
-function registerMiscComponents() {
-  // Modal and menu components
-  customElements.define('affine-custom-modal', AffineCustomModal);
-  customElements.define('affine-slash-menu', SlashMenu);
-  customElements.define('inner-slash-menu', InnerSlashMenu);
-
-  // Loading and preview components
-  customElements.define('loader-element', Loader);
-  customElements.define('frame-preview', FramePreview);
-  customElements.define('affine-template-loading', AffineTemplateLoading);
-
-  // Toolbar and UI components
-  customElements.define('affine-image-toolbar', AffineImageToolbar);
-  customElements.define('presentation-toolbar', PresentationToolbar);
-  customElements.define('edgeless-zoom-toolbar', EdgelessZoomToolbar);
-  customElements.define('zoom-bar-toggle-button', ZoomBarToggleButton);
-  customElements.define('overlay-scrollbar', OverlayScrollbar);
-
-  // Auto-complete components
-  customElements.define(
-    'edgeless-auto-complete-panel',
-    EdgelessAutoCompletePanel
-  );
-  customElements.define('edgeless-auto-complete', EdgelessAutoComplete);
-
-  // Note and template components
-  customElements.define(NOTE_SLICER_WIDGET, NoteSlicer);
-  customElements.define('edgeless-templates-panel', EdgelessTemplatePanel);
-
-  // Navigation components
-  customElements.define(
-    EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
-    EdgelessNavigatorBlackBackgroundWidget
-  );
-
-  // Dragging area components
-  customElements.define(
-    EDGELESS_DRAGGING_AREA_WIDGET,
-    EdgelessDraggingAreaRectWidget
-  );
-  customElements.define(
-    EDGELESS_SELECTED_RECT_WIDGET,
-    EdgelessSelectedRectWidget
-  );
-
-  // Mindmap components
-  customElements.define('mindmap-import-placeholder', MindMapPlaceholder);
-
-  // Shape components
-  customElements.define(
-    'edgeless-shape-tool-element',
-    EdgelessShapeToolElement
-  );
-
-  // Connector components
-  customElements.define('edgeless-connector-handle', EdgelessConnectorHandle);
-}
@@ -1,5 +0,0 @@
-export { HtmlTransformer } from './html.js';
-export { MarkdownTransformer } from './markdown.js';
-export { NotionHtmlTransformer } from './notion-html.js';
-export { createAssetsArchive, download } from './utils.js';
-export { ZipTransformer } from './zip.js';
@@ -1,39 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"
-  },
-  "include": ["./src"],
-  "references": [
-    { "path": "../block-attachment" },
-    { "path": "../block-bookmark" },
-    { "path": "../block-data-view" },
-    { "path": "../block-database" },
-    { "path": "../block-edgeless-text" },
-    { "path": "../block-embed" },
-    { "path": "../block-frame" },
-    { "path": "../block-image" },
-    { "path": "../block-latex" },
-    { "path": "../block-list" },
-    { "path": "../block-note" },
-    { "path": "../block-paragraph" },
-    { "path": "../block-surface" },
-    { "path": "../block-surface-ref" },
-    { "path": "../block-table" },
-    { "path": "../components" },
-    { "path": "../model" },
-    { "path": "../shared" },
-    { "path": "../widget-drag-handle" },
-    { "path": "../widget-edgeless-auto-connect" },
-    { "path": "../widget-frame-title" },
-    { "path": "../widget-remote-selection" },
-    { "path": "../widget-scroll-anchoring" },
-    { "path": "../../framework/block-std" },
-    { "path": "../data-view" },
-    { "path": "../../framework/global" },
-    { "path": "../../framework/inline" },
-    { "path": "../../framework/store" }
-  ]
-}
@@ -24,7 +24,7 @@
    "@blocksuite/store": "workspace:*",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "fractional-indexing": "^3.2.0",
    "lit": "^3.2.0",
    "lodash.chunk": "^4.2.0",
@@ -44,5 +44,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -118,7 +118,7 @@ export class SurfaceRefNotePortal extends WithDisposable(ShadowlessElement) {
      query: this.query,
      readonly: true,
    });
-    const previewSpec = SpecProvider._.getSpec('preview:page');
+    const previewSpec = SpecProvider.getInstance().getSpec('page:preview');
    return new BlockStdScope({
      store: doc,
      extensions: previewSpec.value.slice(),
@@ -239,7 +239,8 @@ export class SurfaceRefBlockComponent extends BlockComponent<SurfaceRefBlockMode

  private _previewDoc: Store | null = null;

-  private readonly _previewSpec = SpecProvider._.getSpec('preview:edgeless');
+  private readonly _previewSpec =
+    SpecProvider.getInstance().getSpec('edgeless:preview');

  private _referencedModel: GfxModel | null = null;

@@ -22,7 +22,7 @@
    "@blocksuite/store": "workspace:*",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "fractional-indexing": "^3.2.0",
    "html2canvas": "^1.4.1",
    "lit": "^3.2.0",
@@ -46,5 +46,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1,8 +1,4 @@
 import type { SurfaceBlockProps } from '@blocksuite/block-std/gfx';
-import {
-  SURFACE_TEXT_UNIQ_IDENTIFIER,
-  SURFACE_YMAP_UNIQ_IDENTIFIER,
-} from '@blocksuite/block-std/gfx';
 import type {
  FromSnapshotPayload,
  SnapshotNode,
@@ -11,6 +7,10 @@ import type {
 import { BaseBlockTransformer } from '@blocksuite/store';
 import * as Y from 'yjs';

+const SURFACE_TEXT_UNIQ_IDENTIFIER = 'affine:surface:text';
+// Used for group children field
+const SURFACE_YMAP_UNIQ_IDENTIFIER = 'affine:surface:ymap';
+
 export class SurfaceBlockTransformer extends BaseBlockTransformer<SurfaceBlockProps> {
  private _elementToJSON(element: Y.Map<unknown>) {
    const value: Record<string, unknown> = {};
@@ -39,5 +39,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -4,10 +4,7 @@ import type {
  TableColumn,
  TableRow,
 } from '@blocksuite/affine-model';
-import {
-  AdapterTextUtils,
-  HastUtils,
-} from '@blocksuite/affine-shared/adapters';
+import { HastUtils, TextUtils } from '@blocksuite/affine-shared/adapters';
 import { generateFractionalIndexingKeyBetween } from '@blocksuite/affine-shared/utils';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -158,7 +155,7 @@ export const createTableProps = (rowTextLists: string[][]) => {
      const cellId = `${row.rowId}:${column.columnId}`;
      const text = rowTextLists[i]?.[j];
      cells[cellId] = {
-        text: AdapterTextUtils.createText(text ?? ''),
+        text: TextUtils.createText(text ?? ''),
      };
    }
  }
@@ -745,7 +745,8 @@ export class TableCell extends SignalWatcher(
          .attributesSchema="${this.inlineManager?.getSchema()}"
          .attributeRenderer="${this.inlineManager?.getRenderer()}"
          .embedChecker="${this.inlineManager?.embedChecker}"
-          .markdownMatches="${this.inlineManager?.markdownMatches}"
+          .markdownShortcutHandler="${this.inlineManager
+            ?.markdownShortcutHandler}"
          .readonly="${this.readonly}"
          .enableClipboard="${true}"
          .verticalScrollContainerGetter="${() =>
@@ -24,7 +24,7 @@
    "@lit/context": "^1.1.2",
    "@lottiefiles/dotlottie-wc": "^0.4.0",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/hast": "^3.0.4",
    "@types/mdast": "^4.0.4",
    "collapse-white-space": "^2.1.0",
@@ -40,6 +40,7 @@
  },
  "exports": {
    ".": "./src/index.ts",
+    "./ai-item": "./src/ai-item/index.ts",
    "./color-picker": "./src/color-picker/index.ts",
    "./icons": "./src/icons/index.ts",
    "./peek": "./src/peek/index.ts",
@@ -74,5 +75,5 @@
    "@types/katex": "^0.16.7",
    "@types/lodash.clonedeep": "^4.5.9"
  },
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -2,15 +2,15 @@ import {
  EditorHost,
  PropTypes,
  requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { createLitPortal } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { flip, offset } from '@floating-ui/dom';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

+import { createLitPortal } from '../portal';
 import type { AIItem } from './ai-item';
 import { SUBMENU_OFFSET_CROSS_AXIS, SUBMENU_OFFSET_MAIN_AXIS } from './const';
 import type { AIItemConfig, AIItemGroupConfig } from './types';
@@ -2,12 +2,12 @@ import {
  EditorHost,
  PropTypes,
  requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { ArrowRightIcon, EnterIcon } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';

+import { ArrowRightIcon, EnterIcon } from '../icons';
 import { menuItemStyles } from './styles';
 import type { AIItemConfig } from './types';

@@ -2,13 +2,13 @@ import {
  EditorHost,
  PropTypes,
  requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { EnterIcon } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';

+import { EnterIcon } from '../icons';
 import { menuItemStyles } from './styles';
 import type { AIItemConfig, AISubItemConfig } from './types';

@@ -1,9 +1,5 @@
-import type {
-  Chain,
-  EditorHost,
-  InitCommandCtx,
-} from '@blocksuite/affine/block-std';
-import type { DocMode } from '@blocksuite/affine/blocks';
+import type { DocMode } from '@blocksuite/affine-model';
+import type { Chain, EditorHost, InitCommandCtx } from '@blocksuite/block-std';
 import type { TemplateResult } from 'lit';

 export interface AIItemGroupConfig {
@@ -9,8 +9,11 @@ import {
  baseTextAttributes,
  type DeltaInsert,
  getDefaultAttributeRenderer,
+  KEYBOARD_ALLOW_DEFAULT,
+  type KeyboardBindingContext,
 } from '@blocksuite/inline';
 import type { ExtensionType } from '@blocksuite/store';
+import type * as Y from 'yjs';
 import { z, type ZodObject, type ZodTypeAny } from 'zod';

 import { MarkdownMatcherIdentifier } from './markdown-matcher.js';
@@ -58,6 +61,27 @@ export class InlineManager {
    return schema;
  };

+  markdownShortcutHandler = (
+    context: KeyboardBindingContext<AffineTextAttributes>,
+    undoManager: Y.UndoManager
+  ) => {
+    const { inlineEditor, prefixText, inlineRange } = context;
+    for (const match of this.markdownMatches) {
+      const matchedText = prefixText.match(match.pattern);
+      if (matchedText) {
+        return match.action({
+          inlineEditor,
+          prefixText,
+          inlineRange,
+          pattern: match.pattern,
+          undoManager,
+        });
+      }
+    }
+
+    return KEYBOARD_ALLOW_DEFAULT;
+  };
+
  readonly specs: Array<InlineSpecs<AffineTextAttributes>>;

  constructor(
@@ -4,6 +4,7 @@ import type {
  DeltaInsert,
  InlineEditor,
  InlineRange,
+  KeyboardBindingHandler,
 } from '@blocksuite/inline';
 import type * as Y from 'yjs';
 import type { ZodTypeAny } from 'zod';
@@ -27,7 +28,7 @@ export type InlineMarkdownMatchAction<
  inlineRange: InlineRange;
  pattern: RegExp;
  undoManager: Y.UndoManager;
-}) => void;
+}) => ReturnType<KeyboardBindingHandler>;

 export type InlineMarkdownMatch<
  AffineTextAttributes extends BaseTextAttributes = BaseTextAttributes,
@@ -1,4 +1,4 @@
-import { type EditorHost, TextSelection } from '@blocksuite/block-std';
+import type { EditorHost } from '@blocksuite/block-std';
 import type { TemplateResult } from 'lit';

 import {
@@ -26,7 +26,6 @@ export interface TextFormatConfig {
  hotkey?: string;
  activeWhen: (host: EditorHost) => boolean;
  action: (host: EditorHost) => void;
-  textChecker?: (host: EditorHost) => boolean;
 }

 export const textFormatConfigs: TextFormatConfig[] = [
@@ -125,14 +124,5 @@ export const textFormatConfigs: TextFormatConfig[] = [
    action: host => {
      host.std.command.chain().pipe(toggleLink).run();
    },
-    // should check text length
-    textChecker: host => {
-      const textSelection = host.std.selection.find(TextSelection);
-      if (!textSelection || textSelection.isCollapsed()) return false;
-
-      return Boolean(
-        textSelection.from.length + (textSelection.to?.length ?? 0)
-      );
-    },
  },
 ];
@@ -1,7 +1,7 @@
 import type { InlineHtmlAST } from '@blocksuite/affine-shared/adapters';
 import {
-  AdapterTextUtils,
  InlineDeltaToHtmlAdapterExtension,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';

@@ -90,7 +90,7 @@ export const referenceDeltaToHtmlAdapterMatcher =

      const { configs } = context;
      const title = configs.get(`title:${reference.pageId}`);
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
        configs.get('docLinkBaseUrl') ?? '',
        String(reference.pageId),
        reference.params ?? Object.create(null)
@@ -1,7 +1,7 @@
 import {
-  AdapterTextUtils,
  FOOTNOTE_DEFINITION_PREFIX,
  InlineDeltaToMarkdownAdapterExtension,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { PhrasingContent } from 'mdast';
 import type RemarkMath from 'remark-math';
@@ -74,7 +74,7 @@ export const referenceDeltaToMarkdownAdapterMatcher =
      const { configs } = context;
      const title = configs.get(`title:${reference.pageId}`);
      const params = reference.params ?? {};
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
        configs.get('docLinkBaseUrl') ?? '',
        String(reference.pageId),
        params
@@ -1,7 +1,7 @@
 import {
-  AdapterTextUtils,
  InlineDeltaToPlainTextAdapterExtension,
  type TextBuffer,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { ExtensionType } from '@blocksuite/store';

@@ -20,7 +20,7 @@ export const referenceDeltaMarkdownAdapterMatch =

      const { configs } = context;
      const title = configs.get(`title:${reference.pageId}`) ?? '';
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
        configs.get('docLinkBaseUrl') ?? '',
        String(reference.pageId),
        reference.params ?? Object.create(null)
@@ -1,4 +1,8 @@
 import type { BlockComponent } from '@blocksuite/block-std';
+import {
+  KEYBOARD_ALLOW_DEFAULT,
+  KEYBOARD_PREVENT_DEFAULT,
+} from '@blocksuite/inline';
 import type { ExtensionType } from '@blocksuite/store';

 import { InlineMarkdownExtension } from '../../extension/markdown-matcher.js';
@@ -12,13 +16,14 @@ import { InlineMarkdownExtension } from '../../extension/markdown-matcher.js';

 export const BoldItalicMarkdown = InlineMarkdownExtension({
  name: 'bolditalic',
-  pattern: /.*\*{3}([^\s*][^*]*[^\s*])\*{3}$|.*\*{3}([^\s*])\*{3}$/,
+  pattern: /(?:\*\*\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*\*\*)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }

-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 3 * 2);
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

    inlineEditor.insertText(
@@ -63,18 +68,20 @@ export const BoldItalicMarkdown = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 6,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const BoldMarkdown = InlineMarkdownExtension({
  name: 'bold',
-  pattern: /.*\*{2}([^\s][^*]*[^\s*])\*{2}$|.*\*{2}([^\s*])\*{2}$/,
+  pattern: /(?:\*\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*\*)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 2 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

    inlineEditor.insertText(
@@ -118,18 +125,20 @@ export const BoldMarkdown = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 4,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const ItalicExtension = InlineMarkdownExtension({
  name: 'italic',
-  pattern: /.*\*{1}([^\s][^*]*[^\s*])\*{1}$|.*\*{1}([^\s*])\*{1}$/,
+  pattern: /(?:\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

    inlineEditor.insertText(
@@ -173,18 +182,20 @@ export const ItalicExtension = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 2,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const StrikethroughExtension = InlineMarkdownExtension({
  name: 'strikethrough',
-  pattern: /.*~{2}([^\s][^~]*[^\s])~{2}$|.*~{2}([^\s~])~{2}$/,
+  pattern: /(?:~~)([^\s~](?:[^~]*?[^\s~])?)(?:~~)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 2 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

    inlineEditor.insertText(
@@ -228,18 +239,20 @@ export const StrikethroughExtension = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 4,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const UnderthroughExtension = InlineMarkdownExtension({
  name: 'underthrough',
-  pattern: /.*~{1}([^\s][^~]*[^\s~])~{1}$|.*~{1}([^\s~])~{1}$/,
+  pattern: /(?:~)([^\s~](?:[^~]*?[^\s~])?)(?:~)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

    inlineEditor.insertText(
@@ -283,20 +296,26 @@ export const UnderthroughExtension = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 2,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const CodeExtension = InlineMarkdownExtension({
  name: 'code',
-  pattern: /.*`([^\s][^`]*[^\s])`$|.*`([^\s`])`$/,
+  pattern: /(?:`)([^\s`](?:[^`]*?[^\s`])?)(?:`)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
    const startIndex = inlineRange.index - annotatedText.length;

+    if (prefixText.match(/^([* \n]+)$/g)) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+
    inlineEditor.insertText(
      {
        index: startIndex + annotatedText.length,
@@ -338,20 +357,23 @@ export const CodeExtension = InlineMarkdownExtension({
      index: startIndex + annotatedText.length - 2,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

 export const LinkExtension = InlineMarkdownExtension({
  name: 'link',
-  pattern: /.*\[(.+?)\]\((.+?)\)$/,
+  pattern: /(?:\[(.+?)\])(?:\((.+?)\))$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const linkText = match[1];
-    const linkUrl = match[2];
-    const annotatedText = match[0].slice(-linkText.length - linkUrl.length - 4);
-    const startIndex = inlineRange.index - annotatedText.length;
+    const startIndex = prefixText.search(pattern);
+    const matchedText = prefixText.match(pattern)?.[0];
+    const hrefText = prefixText.match(/(?:\[(.*?)\])/g)?.[0];
+    const hrefLink = prefixText.match(/(?:\((.*?)\))/g)?.[0];
+    if (startIndex === -1 || !matchedText || !hrefText || !hrefLink) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const start = inlineRange.index - matchedText.length;

    inlineEditor.insertText(
      {
@@ -367,37 +389,35 @@ export const LinkExtension = InlineMarkdownExtension({

    undoManager.stopCapturing();

-    // aaa[bbb](baidu.com) + space
-
-    // delete (baidu.com) + space
-    inlineEditor.deleteText({
-      index: startIndex + 1 + linkText.length + 1,
-      length: 1 + linkUrl.length + 1 + 1,
-    });
-    // delete [ and ]
-    inlineEditor.deleteText({
-      index: startIndex + 1 + linkText.length,
-      length: 1,
-    });
-    inlineEditor.deleteText({
-      index: startIndex,
-      length: 1,
-    });
-
    inlineEditor.formatText(
      {
-        index: startIndex,
-        length: linkText.length,
+        index: start,
+        length: hrefText.length,
      },
      {
-        link: linkUrl,
+        link: hrefLink.slice(1, hrefLink.length - 1),
      }
    );

+    inlineEditor.deleteText({
+      index: inlineRange.index + matchedText.length,
+      length: 1,
+    });
+    inlineEditor.deleteText({
+      index: inlineRange.index - hrefLink.length - 1,
+      length: hrefLink.length + 1,
+    });
+    inlineEditor.deleteText({
+      index: start,
+      length: 1,
+    });
+
    inlineEditor.setInlineRange({
-      index: startIndex + linkText.length,
+      index: start + hrefText.length - 1,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

@@ -408,7 +428,9 @@ export const LatexExtension = InlineMarkdownExtension({
    /(?:\$\$)(?<content>[^$]+)(?:\$\$)$|(?<blockPrefix>\$\$\$\$)|(?<inlinePrefix>\$\$)$/g,
  action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
    const match = pattern.exec(prefixText);
-    if (!match || !match.groups) return;
+    if (!match || !match.groups) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
    const content = match.groups['content'];
    const inlinePrefix = match.groups['inlinePrefix'];
    const blockPrefix = match.groups['blockPrefix'];
@@ -428,19 +450,19 @@ export const LatexExtension = InlineMarkdownExtension({

      undoManager.stopCapturing();

-      if (!inlineEditor.rootElement) return;
+      if (!inlineEditor.rootElement) return KEYBOARD_ALLOW_DEFAULT;
      const blockComponent =
        inlineEditor.rootElement.closest<BlockComponent>('[data-block-id]');
-      if (!blockComponent) return;
+      if (!blockComponent) return KEYBOARD_ALLOW_DEFAULT;

      const doc = blockComponent.doc;
      const parentComponent = blockComponent.parentComponent;
-      if (!parentComponent) return;
+      if (!parentComponent) return KEYBOARD_ALLOW_DEFAULT;

      const index = parentComponent.model.children.indexOf(
        blockComponent.model
      );
-      if (index === -1) return;
+      if (index === -1) return KEYBOARD_ALLOW_DEFAULT;

      inlineEditor.deleteText({
        index: inlineRange.index - 4,
@@ -466,7 +488,7 @@ export const LatexExtension = InlineMarkdownExtension({
        })
        .catch(console.error);

-      return;
+      return KEYBOARD_PREVENT_DEFAULT;
    }

    if (inlinePrefix === '$$') {
@@ -523,10 +545,12 @@ export const LatexExtension = InlineMarkdownExtension({
        })
        .catch(console.error);

-      return;
+      return KEYBOARD_PREVENT_DEFAULT;
    }

-    if (!content || content.length === 0) return;
+    if (!content || content.length === 0) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }

    inlineEditor.insertText(
      {
@@ -568,6 +592,8 @@ export const LatexExtension = InlineMarkdownExtension({
      index: startIndex + 1,
      length: 0,
    });
+
+    return KEYBOARD_PREVENT_DEFAULT;
  },
 });

@@ -25,7 +25,6 @@ export interface FootNoteNodeConfig {
  customPopupRenderer?: FootNotePopupRenderer;
  interactive?: boolean;
  hidePopup?: boolean;
-  disableHoverEffect?: boolean;
  onPopupClick?: FootNotePopupClickHandler;
 }

@@ -34,9 +33,7 @@ export class FootNoteNodeConfigProvider {
  private _customPopupRenderer?: FootNotePopupRenderer;
  private _hidePopup: boolean;
  private _interactive: boolean;
-  private _disableHoverEffect: boolean;
  private _onPopupClick?: FootNotePopupClickHandler;
-
  get customNodeRenderer() {
    return this._customNodeRenderer;
  }
@@ -61,10 +58,6 @@ export class FootNoteNodeConfigProvider {
    return this._interactive;
  }

-  get disableHoverEffect() {
-    return this._disableHoverEffect;
-  }
-
  constructor(
    config: FootNoteNodeConfig,
    readonly std: BlockStdScope
@@ -73,7 +66,6 @@ export class FootNoteNodeConfigProvider {
    this._customPopupRenderer = config.customPopupRenderer;
    this._hidePopup = config.hidePopup ?? false;
    this._interactive = config.interactive ?? true;
-    this._disableHoverEffect = config.disableHoverEffect ?? false;
    this._onPopupClick = config.onPopupClick;
  }

@@ -93,10 +85,6 @@ export class FootNoteNodeConfigProvider {
    this._interactive = interactive;
  }

-  setDisableHoverEffect(disableHoverEffect: boolean) {
-    this._disableHoverEffect = disableHoverEffect;
-  }
-
  setPopupClick(onPopupClick: FootNotePopupClickHandler) {
    this._onPopupClick = onPopupClick;
  }
@@ -19,7 +19,6 @@ import { shift } from '@floating-ui/dom';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
-import { classMap } from 'lit-html/directives/class-map.js';
 import { ref } from 'lit-html/directives/ref.js';

 import { HoverController } from '../../../../../hover/controller';
@@ -38,7 +37,7 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {

    .footnote-content-default {
      display: inline-block;
-      background: ${unsafeCSSVarV2('block/footnote/numberBgHover')};
+      background: ${unsafeCSSVarV2('button/primary')};
      color: ${unsafeCSSVarV2('button/pureWhiteText')};
      width: 14px;
      height: 14px;
@@ -49,21 +48,6 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
      text-align: center;
      text-overflow: ellipsis;
      font-family: ${unsafeCSS(baseTheme.fontSansFamily)};
-      transition: background 0.3s ease-in-out;
-    }
-
-    .footnote-node.hover-effect {
-      .footnote-content-default {
-        color: var(--affine-text-primary-color);
-        background: ${unsafeCSSVarV2('block/footnote/numberBg')};
-      }
-    }
-
-    .footnote-node.hover-effect:hover {
-      .footnote-content-default {
-        color: ${unsafeCSSVarV2('button/pureWhiteText')};
-        background: ${unsafeCSSVarV2('block/footnote/numberBgHover')};
-      }
    }
  `;

@@ -83,10 +67,6 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
    return this.config?.hidePopup;
  }

-  get disableHoverEffect() {
-    return this.config?.disableHoverEffect;
-  }
-
  get onPopupClick() {
    return this.config?.onPopupClick;
  }
@@ -162,7 +142,7 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
        },
      };
    },
-    { enterDelay: 300 }
+    { enterDelay: 500 }
  );

  override render() {
@@ -176,14 +156,9 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
      ? this.customNodeRenderer(footnote, this.std)
      : this._FootNoteDefaultContent(footnote);

-    const nodeClasses = classMap({
-      'footnote-node': true,
-      'hover-effect': !this.disableHoverEffect,
-    });
-
    return html`<span
      ${this.hidePopup ? '' : ref(this._whenHover.setReference)}
-      class=${nodeClasses}
+      class="footnote-node"
      >${node}<v-text .str=${ZERO_WIDTH_NON_JOINER}></v-text
    ></span>`;
  }
@@ -14,7 +14,6 @@ export class FootNotePopupChip extends LitElement {
      gap: 4px;
      box-sizing: border-box;
      cursor: default;
-      transition: width 0.3s ease-in-out;
    }

    .prefix-icon,
@@ -26,6 +26,7 @@ export class FootNotePopup extends SignalWatcher(WithDisposable(LitElement)) {
    .footnote-popup-container {
      border-radius: 4px;
      box-shadow: ${unsafeCSSVar('overlayPanelShadow')};
+      border-radius: 4px;
      background-color: ${unsafeCSSVarV2('layer/background/primary')};
      border: 0.5px solid ${unsafeCSSVarV2('layer/insideBorder/border')};
    }
@@ -20,14 +20,8 @@ export const textFormatKeymap = (std: BlockStdScope) =>
            const textSelection = selection.find(TextSelection);
            if (!textSelection) return;

-            const allowed = config.textChecker?.(std.host) ?? true;
-            if (!allowed) return;
-
-            const event = ctx.get('keyboardState').raw;
-            event.stopPropagation();
-            event.preventDefault();
-
            config.action(std.host);
+            ctx.get('keyboardState').raw.preventDefault();
            return true;
          },
        };
@@ -3,10 +3,12 @@ import { ShadowlessElement } from '@blocksuite/block-std';
 import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 import {
  type AttributeRenderer,
+  createInlineKeyDownHandler,
  type DeltaInsert,
  InlineEditor,
  type InlineRange,
  type InlineRangeProvider,
+  type KeyboardBindingContext,
  type VLine,
 } from '@blocksuite/inline';
 import { Text } from '@blocksuite/store';
@@ -17,7 +19,6 @@ import { classMap } from 'lit/directives/class-map.js';
 import * as Y from 'yjs';
 import { z } from 'zod';

-import type { InlineMarkdownMatch } from './extension/type.js';
 import { onVBeforeinput, onVCompositionEnd } from './hooks.js';
 import type { AffineInlineEditor } from './inline/index.js';

@@ -180,40 +181,20 @@ export class RichText extends WithDisposable(ShadowlessElement) {
    }
    const inlineEditor = this._inlineEditor;

-    const markdownMatches = this.markdownMatches;
-    if (markdownMatches) {
+    const markdownShortcutHandler = this.markdownShortcutHandler;
+    if (markdownShortcutHandler) {
+      const keyDownHandler = createInlineKeyDownHandler(inlineEditor, {
+        inputRule: {
+          key: [' ', 'Enter'],
+          handler: context =>
+            markdownShortcutHandler(context, this.undoManager),
+        },
+      });
+
      inlineEditor.disposables.addFromEvent(
        this.inlineEventSource ?? this.inlineEditorContainer,
        'keydown',
-        (e: KeyboardEvent) => {
-          if (e.key !== ' ' && e.key !== 'Enter') return;
-
-          const inlineRange = inlineEditor.getInlineRange();
-          if (!inlineRange || inlineRange.length > 0) return;
-
-          const nearestLineBreakIndex = inlineEditor.yTextString
-            .slice(0, inlineRange.index)
-            .lastIndexOf('\n');
-          const prefixText = inlineEditor.yTextString.slice(
-            nearestLineBreakIndex + 1,
-            inlineRange.index
-          );
-
-          for (const match of markdownMatches) {
-            const { pattern, action } = match;
-            if (prefixText.match(pattern)) {
-              action({
-                inlineEditor,
-                prefixText,
-                inlineRange,
-                pattern,
-                undoManager: this.undoManager,
-              });
-              e.preventDefault();
-              break;
-            }
-          }
-        }
+        keyDownHandler
      );
    }

@@ -428,7 +409,12 @@ export class RichText extends WithDisposable(ShadowlessElement) {
  accessor inlineRangeProvider: InlineRangeProvider | undefined = undefined;

  @property({ attribute: false })
-  accessor markdownMatches: InlineMarkdownMatch<AffineTextAttributes>[] = [];
+  accessor markdownShortcutHandler:
+    | (<TextAttributes extends AffineTextAttributes = AffineTextAttributes>(
+        context: KeyboardBindingContext<TextAttributes>,
+        undoManager: Y.UndoManager
+      ) => boolean)
+    | undefined = undefined;

  @property({ attribute: false })
  accessor readonly = false;
@@ -23,7 +23,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "date-fns": "^4.0.0",
    "lit": "^3.2.0",
    "yjs": "^13.6.21",
@@ -43,5 +43,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -26,7 +26,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "zod": "^3.23.8"
@@ -41,5 +41,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -1 +1,2 @@
 export * from './frame-panel';
+export * from './tool';
@@ -1,7 +1,6 @@
+import type { NavigatorMode } from '@blocksuite/affine-block-frame';
 import { BaseTool } from '@blocksuite/block-std/gfx';

-import type { NavigatorMode } from './frame-manager';
-
 type PresentToolOption = {
  mode?: NavigatorMode;
 };
@@ -25,7 +25,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@vanilla-extract/css": "^1.17.0",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
@@ -41,5 +41,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -17,7 +17,7 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "fractional-indexing": "^3.2.0",
    "yjs": "^13.6.21",
    "zod": "^3.23.8"
@@ -31,5 +31,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -63,6 +63,10 @@ export class BrushElementModel extends GfxPrimitiveElementModel<BrushProps> {
    return 'brush';
  }

+  static override propsToY(props: BrushProps) {
+    return props;
+  }
+
  override containsBound(bounds: Bound) {
    const points = getPointsFromBoundWithRotation(this);
    return points.some(point => bounds.containsPoint(point));
@@ -125,8 +125,8 @@ export class ConnectorElementModel extends GfxPrimitiveElementModel<ConnectorEle
    return 'connector';
  }

-  static propsToY(props: ConnectorElementProps) {
-    if (typeof props.text === 'string') {
+  static override propsToY(props: ConnectorElementProps) {
+    if (props.text && !(props.text instanceof Y.Text)) {
      props.text = new Y.Text(props.text);
    }

@@ -35,8 +35,8 @@ export class GroupElementModel extends GfxGroupLikeElementModel<GroupElementProp
    return 'group';
  }

-  static propsToY(props: Record<string, unknown>) {
-    if (typeof props.title === 'string') {
+  static override propsToY(props: Record<string, unknown>) {
+    if ('title' in props && !(props.title instanceof Y.Text)) {
      props.title = new Y.Text(props.title as string);
    }

@@ -180,7 +180,7 @@ export class MindmapElementModel extends GfxGroupLikeElementModel<MindmapElement
    return 'mindmap';
  }

-  static propsToY(props: Record<string, unknown>) {
+  static override propsToY(props: Record<string, unknown>) {
    if (
      props.children &&
      !isNodeType(props.children as Record<string, unknown>) &&
@@ -67,8 +67,8 @@ export class ShapeElementModel extends GfxPrimitiveElementModel<ShapeProps> {
    return 'shape';
  }

-  static propsToY(props: ShapeProps) {
-    if (typeof props.text === 'string') {
+  static override propsToY(props: ShapeProps) {
+    if (props.text && !(props.text instanceof Y.Text)) {
      props.text = new Y.Text(props.text);
    }

@@ -30,9 +30,9 @@ export class TextElementModel extends GfxPrimitiveElementModel<TextElementProps>
    return 'text';
  }

-  static propsToY(props: Record<string, unknown>) {
-    if (typeof props.text === 'string') {
-      props.text = new Y.Text(props.text);
+  static override propsToY(props: Record<string, unknown>) {
+    if (props.text && !(props.text instanceof Y.Text)) {
+      props.text = new Y.Text(props.text as string);
    }

    return props;
@@ -1,11 +1,3 @@
-import type { GfxModel } from '@blocksuite/block-std/gfx';
-
-import type {
-  BrushElementModel,
-  ConnectorElementModel,
-  GroupElementModel,
-} from '../elements';
-
 export type EmbedCardStyle =
  | 'horizontal'
  | 'horizontalThin'
@@ -25,8 +17,3 @@ export type LinkPreviewData = {
  image: string | null;
  title: string | null;
 };
-
-export type Connectable = Exclude<
-  GfxModel,
-  ConnectorElementModel | BrushElementModel | GroupElementModel
->;
@@ -22,7 +22,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "@types/hast": "^3.0.4",
    "@types/mdast": "^4.0.4",
    "dompurify": "^3.2.4",
@@ -77,5 +77,5 @@
    "@types/lodash.mergewith": "^4",
    "vitest": "3.0.6"
  },
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -14,7 +14,7 @@ import {
  type InlineDeltaMatcher,
 } from '../types/adapter.js';
 import type { HtmlAST, InlineHtmlAST } from '../types/hast.js';
-import { AdapterTextUtils } from '../utils/text.js';
+import { TextUtils } from '../utils/text.js';

 export type InlineDeltaToHtmlAdapterMatcher = InlineDeltaMatcher<InlineHtmlAST>;

@@ -119,7 +119,7 @@ export class HtmlDeltaConverter extends DeltaASTConverter<
    options: DeltaASTConverterOptions = Object.create(null)
  ): DeltaInsert<AffineTextAttributes>[] {
    return this._spreadAstToDelta(ast, options).reduce((acc, cur) => {
-      return AdapterTextUtils.mergeDeltas(acc, cur);
+      return TextUtils.mergeDeltas(acc, cur);
    }, [] as DeltaInsert<AffineTextAttributes>[]);
  }

@@ -1,44 +0,0 @@
-import type { TransformerMiddleware } from '@blocksuite/store';
-
-const customDocLinkBaseUrlMiddleware = (
-  baseUrl: string,
-  collectionId: string
-): TransformerMiddleware => {
-  return ({ adapterConfigs }) => {
-    const docLinkBaseUrl = baseUrl
-      ? `${baseUrl}/workspace/${collectionId}`
-      : '';
-    adapterConfigs.set('docLinkBaseUrl', docLinkBaseUrl);
-  };
-};
-
-export const docLinkBaseURLMiddlewareBuilder = (
-  baseUrl: string,
-  collectionId: string
-) => {
-  let middleware = customDocLinkBaseUrlMiddleware(baseUrl, collectionId);
-  return {
-    get: () => middleware,
-    set: (url: string) => {
-      middleware = customDocLinkBaseUrlMiddleware(url, collectionId);
-    },
-  };
-};
-
-const defaultDocLinkBaseURLMiddlewareBuilder = (collectionId: string) =>
-  docLinkBaseURLMiddlewareBuilder(
-    typeof window !== 'undefined' ? window.location.origin : '.',
-    collectionId
-  );
-
-export const docLinkBaseURLMiddleware = (collectionId: string) =>
-  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).get();
-
-export const setDocLinkBaseURLMiddleware = (collectionId: string) =>
-  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).set;
-
-export const embedSyncedDocMiddleware =
-  (type: 'content'): TransformerMiddleware =>
-  ({ adapterConfigs }) => {
-    adapterConfigs.set('embedSyncedDocExportType', type);
-  };
@@ -1,23 +0,0 @@
-import type { TransformerMiddleware } from '@blocksuite/store';
-
-export const fileNameMiddleware =
-  (fileName?: string): TransformerMiddleware =>
-  ({ slots }) => {
-    slots.beforeImport.on(payload => {
-      if (payload.type !== 'page') {
-        return;
-      }
-      if (!fileName) {
-        return;
-      }
-      payload.snapshot.meta.title = fileName;
-      payload.snapshot.blocks.props.title = {
-        '$blocksuite:internal:text$': true,
-        delta: [
-          {
-            insert: fileName,
-          },
-        ],
-      };
-    });
-  };
@@ -1,8 +1,4 @@
 export * from './code';
 export * from './copy';
-export * from './doc-link';
-export * from './file-name';
 export * from './paste';
-export * from './replace-id';
 export * from './surface-ref-to-embed';
-export * from './title';
@@ -1,11 +0,0 @@
-import type { DocMeta, TransformerMiddleware } from '@blocksuite/store';
-
-export const titleMiddleware =
-  (metas: DocMeta[]): TransformerMiddleware =>
-  ({ slots, adapterConfigs }) => {
-    slots.beforeExport.on(() => {
-      for (const meta of metas) {
-        adapterConfigs.set('title:' + meta.id, meta.title);
-      }
-    });
-  };
@@ -86,7 +86,7 @@ function generateDocUrl(
  return url;
 }

-export const AdapterTextUtils = {
+export const TextUtils = {
  mergeDeltas,
  isNullish,
  createText,
@@ -13,20 +13,10 @@ export class SpecBuilder {

  extend(extensions: ExtensionType[]) {
    this._value = [...this._value, ...extensions];
-    return this;
  }

  omit(target: ExtensionType) {
    this._value = this._value.filter(extension => extension !== target);
-    return this;
-  }
-
-  hasAll(target: ExtensionType[]) {
-    return target.every(t => this._value.includes(t));
-  }
-
-  hasOneOf(target: ExtensionType[]) {
-    return target.some(t => this._value.includes(t));
  }

  replace(target: ExtensionType[], newExtension: ExtensionType[]) {
@@ -34,6 +24,5 @@ export class SpecBuilder {
      ...this._value.filter(extension => !target.includes(extension)),
      ...newExtension,
    ];
-    return this;
  }
 }
@@ -3,38 +3,31 @@ import type { ExtensionType } from '@blocksuite/store';

 import { SpecBuilder } from './spec-builder.js';

-type SpecId =
-  | 'store'
-  | 'page'
-  | 'edgeless'
-  | 'preview:page'
-  | 'preview:edgeless';
-
 export class SpecProvider {
  static instance: SpecProvider;

-  private readonly specMap = new Map<SpecId, ExtensionType[]>();
+  private readonly specMap = new Map<string, ExtensionType[]>();

  private constructor() {}

-  static get _() {
+  static getInstance() {
    if (!SpecProvider.instance) {
      SpecProvider.instance = new SpecProvider();
    }
    return SpecProvider.instance;
  }

-  addSpec(id: SpecId, spec: ExtensionType[]) {
+  addSpec(id: string, spec: ExtensionType[]) {
    if (!this.specMap.has(id)) {
      this.specMap.set(id, spec);
    }
  }

-  clearSpec(id: SpecId) {
+  clearSpec(id: string) {
    this.specMap.delete(id);
  }

-  extendSpec(id: SpecId, newSpec: ExtensionType[]) {
+  extendSpec(id: string, newSpec: ExtensionType[]) {
    const existingSpec = this.specMap.get(id);
    if (!existingSpec) {
      console.error(`Spec not found for ${id}`);
@@ -43,17 +36,26 @@ export class SpecProvider {
    this.specMap.set(id, [...existingSpec, ...newSpec]);
  }

-  getSpec(id: SpecId) {
+  getSpec(id: string) {
    const spec = this.specMap.get(id);
    assertExists(spec, `Spec not found for ${id}`);
    return new SpecBuilder(spec);
  }

-  hasSpec(id: SpecId) {
+  hasSpec(id: string) {
    return this.specMap.has(id);
  }

-  omitSpec(id: SpecId, targetSpec: ExtensionType) {
+  cloneSpec(id: string, targetId: string) {
+    const existingSpec = this.specMap.get(id);
+    if (!existingSpec) {
+      console.error(`Spec not found for ${id}`);
+      return;
+    }
+    this.specMap.set(targetId, [...existingSpec]);
+  }
+
+  omitSpec(id: string, targetSpec: ExtensionType) {
    const existingSpec = this.specMap.get(id);
    if (!existingSpec) {
      console.error(`Spec not found for ${id}`);
@@ -66,7 +68,7 @@ export class SpecProvider {
    );
  }

-  replaceSpec(id: SpecId, targetSpec: ExtensionType, newSpec: ExtensionType) {
+  replaceSpec(id: string, targetSpec: ExtensionType, newSpec: ExtensionType) {
    const existingSpec = this.specMap.get(id);
    if (!existingSpec) {
      console.error(`Spec not found for ${id}`);
@@ -1,4 +1,7 @@
-import { type Viewport } from '@blocksuite/block-std/gfx';
+import {
+  GfxControllerIdentifier,
+  type Viewport,
+} from '@blocksuite/block-std/gfx';
 import { Pane } from 'tweakpane';

 import { getSentenceRects, segmentSentences } from './text-utils.js';
@@ -100,13 +103,28 @@ export function initTweakpane(
  debugPane.title = 'Viewport Turbo Renderer';

  debugPane
-    .addBinding({ paused: false }, 'paused', {
+    .addBinding({ paused: true }, 'paused', {
      label: 'Paused',
    })
    .on('change', ({ value }) => {
      renderer.state = value ? 'paused' : 'monitoring';
    });
-  debugPane.addButton({ title: 'Invalidate' }).on('click', () => {
-    renderer.invalidate();
+
+  debugPane
+    .addBinding({ keepDOM: true }, 'keepDOM', {
+      label: 'Keep DOM',
+    })
+    .on('change', ({ value }) => {
+      const container = viewportElement.querySelector('gfx-viewport')!;
+      (container as HTMLElement).style.display = value ? 'block' : 'none';
+    });
+
+  debugPane.addButton({ title: 'Fit Viewport' }).on('click', () => {
+    const gfx = renderer.std.get(GfxControllerIdentifier);
+    gfx.fitToScreen();
+  });
+
+  debugPane.addButton({ title: 'Force Refresh' }).on('click', () => {
+    renderer.refresh(true).catch(console.error);
  });
 }
@@ -50,35 +50,33 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
  }

  override mounted() {
-    const mountPoint = document.querySelector('.affine-edgeless-viewport');
-    if (mountPoint) {
-      mountPoint.append(this.canvas);
-      initTweakpane(this, mountPoint as HTMLElement);
+    const viewportElement = document.querySelector('.affine-edgeless-viewport');
+    if (viewportElement) {
+      viewportElement.append(this.canvas);
+      initTweakpane(this, viewportElement as HTMLElement);
    }
-
-    this.viewport.elementReady.once(() => {
-      syncCanvasSize(this.canvas, this.std.host);
-      this.state = 'monitoring';
-      this.disposables.add(
-        this.viewport.viewportUpdated.on(() => {
-          this.refresh().catch(console.error);
-        })
-      );
+    syncCanvasSize(this.canvas, this.std.host);
+    this.viewport.viewportUpdated.on(() => {
+      this.refresh().catch(console.error);
    });

-    const debouncedRefresh = debounce(
-      () => {
-        this.refresh().catch(console.error);
-      },
-      1000, // During this period, fallback to DOM
-      { leading: false, trailing: true }
+    const debounceOptions = { leading: false, trailing: true };
+    const debouncedLayoutUpdate = debounce(
+      () => this.updateLayoutCache(),
+      500,
+      debounceOptions
    );
    this.disposables.add(
      this.std.store.slots.blockUpdated.on(() => {
-        this.invalidate();
-        debouncedRefresh();
+        this.clearTile();
+        debouncedLayoutUpdate();
      })
    );
+
+    document.fonts.load('15px Inter').then(() => {
+      // this.state = 'monitoring';
+      this.refresh().catch(console.error);
+    });
  }

  override unmounted() {
@@ -96,28 +94,22 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
    return this.std.get(GfxControllerIdentifier).viewport;
  }

-  async refresh() {
-    if (this.state === 'paused') return;
+  async refresh(force = false) {
+    if (this.state === 'paused' && !force) return;

-    this.clearCanvas();
    if (this.viewport.zoom > zoomThreshold) {
-      return;
+      this.clearCanvas();
    } else if (this.canUseBitmapCache()) {
      this.drawCachedBitmap(this.layoutCache!);
    } else {
+      // Unneeded most of the time, the DOM query is debounced after block update
      if (!this.layoutCache) {
        this.updateLayoutCache();
      }
-      const layout = this.layoutCache!;
-      await this.paintLayout(layout);
-      this.drawCachedBitmap(layout);
-    }
-  }

-  invalidate() {
-    this.layoutCache = null;
-    this.clearTile();
-    this.clearCanvas(); // Should clear immediately after content updates
+      await this.paintLayout(this.layoutCache!);
+      this.drawCachedBitmap(this.layoutCache!);
+    }
  }

  private updateLayoutCache() {
@@ -150,13 +142,17 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {

      this.worker.onmessage = (e: MessageEvent) => {
        if (e.data.type === 'bitmapPainted') {
-          this.handlePaintedBitmap(e.data.bitmap, resolve);
+          this.handlePaintedBitmap(e.data.bitmap, layout, resolve);
        }
      };
    });
  }

-  private handlePaintedBitmap(bitmap: ImageBitmap, resolve: () => void) {
+  private handlePaintedBitmap(
+    bitmap: ImageBitmap,
+    layout: ViewportLayout,
+    resolve: () => void
+  ) {
    if (this.tile) {
      this.tile.bitmap.close();
    }
@@ -164,6 +160,7 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
      bitmap,
      zoom: this.viewport.zoom,
    };
+    this.drawCachedBitmap(layout);
    resolve();
  }

@@ -28,7 +28,7 @@
    "@floating-ui/dom": "^1.6.10",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.11",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "zod": "^3.23.8"
@@ -43,5 +43,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -102,8 +102,8 @@ export class PreviewHelper {
    const editorSetting = std.get(EditorSettingProvider).peek();
    const query = this._calculateQuery(blockIds as string[], mode);
    const store = widget.doc.doc.getStore({ query });
-    const previewSpec = SpecProvider._.getSpec(
-      isEdgeless ? 'preview:edgeless' : 'preview:page'
+    const previewSpec = SpecProvider.getInstance().getSpec(
+      isEdgeless ? 'edgeless:preview' : 'page:preview'
    );
    const settingSignal = signal({ ...editorSetting });
    const extensions = [
@@ -1,15 +1,4 @@
-import { WidgetViewExtension } from '@blocksuite/block-std';
-import { literal, unsafeStatic } from 'lit/static-html.js';
-
-import { AFFINE_DRAG_HANDLE_WIDGET } from './consts';
-
 export * from './consts';
 export * from './drag-handle';
 export * from './utils';
 export type { DragBlockPayload } from './watchers/drag-event-watcher';
-
-export const dragHandleWidget = WidgetViewExtension(
-  'affine:page',
-  AFFINE_DRAG_HANDLE_WIDGET,
-  literal`${unsafeStatic(AFFINE_DRAG_HANDLE_WIDGET)}`
-);
@@ -1,16 +1,6 @@
 import type { SurfaceBlockModel } from '@blocksuite/affine-block-surface';
-import type { ConnectorElementModel } from '@blocksuite/affine-model';
 import type { BlockStdScope } from '@blocksuite/block-std';
-import {
-  GfxController,
-  type GfxModel,
-  isGfxGroupCompatibleModel,
-} from '@blocksuite/block-std/gfx';
-import {
-  assertType,
-  type IVec,
-  type SerializedXYWH,
-} from '@blocksuite/global/utils';
+import { isGfxGroupCompatibleModel } from '@blocksuite/block-std/gfx';
 import type { TransformerMiddleware } from '@blocksuite/store';

 /**
@@ -28,7 +18,6 @@ export const gfxBlocksFilter = (
  const surface = store.getBlocksByFlavour('affine:surface')[0]
    .model as SurfaceBlockModel;
  const idsToCheck = ids.slice();
-  const gfx = std.get(GfxController);

  for (const id of idsToCheck) {
    const blockOrElem = store.getBlock(id)?.model ?? surface.getElementById(id);
@@ -56,62 +45,5 @@ export const gfxBlocksFilter = (
        return;
      }
    });
-
-    slots.afterExport.on(payload => {
-      if (payload.type !== 'block') {
-        return;
-      }
-
-      if (payload.model.flavour === 'affine:surface') {
-        const { snapshot } = payload;
-        const elementsMap = snapshot.props.elements as Record<
-          string,
-          { type: string }
-        >;
-
-        Object.entries(elementsMap).forEach(([elementId, val]) => {
-          if (val.type === 'connector') {
-            assertType<{
-              type: 'connector';
-              source: { position: IVec; id?: string };
-              target: { position: IVec; id?: string };
-              xywh: SerializedXYWH;
-            }>(val);
-
-            const connectorElem = gfx.getElementById(
-              elementId
-            ) as ConnectorElementModel;
-
-            if (!connectorElem) {
-              delete elementsMap[elementId];
-              return;
-            }
-
-            // should be deleted during the import process
-            val.xywh = connectorElem.xywh;
-
-            ['source', 'target'].forEach(key => {
-              const endpoint = val[key as 'source' | 'target'];
-              if (endpoint.id && !selectedIds.has(endpoint.id)) {
-                const endElem = gfx.getElementById(endpoint.id);
-
-                if (!endElem) {
-                  delete elementsMap[elementId];
-                  return;
-                }
-
-                const endElemBound = (endElem as GfxModel).elementBound;
-
-                val[key as 'source' | 'target'] = {
-                  position: endElemBound.getRelativePoint(
-                    endpoint.position ?? [0.5, 0.5]
-                  ),
-                };
-              }
-            });
-          }
-        });
-      }
-    });
  };
 };
@@ -290,28 +290,13 @@ export function getSnapshotRect(snapshot: SliceSnapshot): Bound | null {
    if (block.flavour === 'affine:surface') {
      if (block.props.elements) {
        Object.values(
-          block.props.elements as Record<
-            string,
-            { type: string; xywh: SerializedXYWH }
-          >
+          block.props.elements as Record<string, { xywh: SerializedXYWH }>
        ).forEach(elem => {
          if (elem.xywh) {
            bound = bound
              ? bound.unite(Bound.deserialize(elem.xywh))
              : Bound.deserialize(elem.xywh);
          }
-
-          if (elem.type === 'connector') {
-            let connectorBound: Bound | undefined;
-
-            if (elem.xywh) {
-              connectorBound = Bound.deserialize(elem.xywh);
-            }
-
-            if (connectorBound) {
-              bound = bound ? bound.unite(connectorBound) : connectorBound;
-            }
-          }
        });
      }

--- a/Show More
+++ b/Show More