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

2026-07-05 11:35:34 +08:00 · 2025-02-21 17:10:06 +08:00
1026 changed files with 6918 additions and 16634 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
@@ -15,16 +15,11 @@ affine_common    = { path = "./packages/common/native" }
 affine_nbstore   = { path = "./packages/frontend/native/nbstore" }
 anyhow           = "1"
 base64-simd      = "0.8"
-block2           = "0.6"
 chrono           = "0.4"
-core-foundation  = "0.10"
-coreaudio-rs     = "0.12"
 criterion2       = { version = "2", default-features = false }
-dispatch2        = "0.2"
 dotenvy          = "0.15"
 file-format      = { version = "0.26", features = ["reader"] }
 homedir          = "0.3"
-libc             = "0.2"
 mimalloc         = "0.1"
 napi             = { version = "3.0.0-alpha.12", features = ["async", "chrono_date", "error_anyhow", "napi9", "serde"] }
 napi-build       = { version = "2" }
@@ -36,8 +31,6 @@ once_cell        = "1"
 parking_lot      = "0.12"
 rand             = "0.9"
 rayon            = "1.10"
-rubato           = "0.16"
-screencapturekit = "0.3"
 serde            = "1"
 serde_json       = "1"
 sha3             = "0.10"
@@ -98,5 +98,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -22,10 +22,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -21,10 +21,10 @@
    "@blocksuite/icons": "^2.2.3",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.3",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -5,11 +5,7 @@ import {
  type InsertToPosition,
 } from '@blocksuite/affine-shared/utils';
 import type { DataViewDataType } from '@blocksuite/data-view';
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';

 type Props = {
  title: string;
@@ -97,6 +93,3 @@ export const DataViewBlockSchema = defineBlockSchema({
    return new DataViewBlockModel();
  },
 });
-
-export const DataViewBlockSchemaExtension =
-  BlockSchemaExtension(DataViewBlockSchema);
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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="${() =>
@@ -20,10 +20,10 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -22,10 +22,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -22,10 +22,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -9,7 +9,6 @@ import {
  EMBED_CARD_WIDTH,
 } from '@blocksuite/affine-shared/consts';
 import { DocModeProvider } from '@blocksuite/affine-shared/services';
-import { findAncestorModel } from '@blocksuite/affine-shared/utils';
 import type { BlockService } from '@blocksuite/block-std';
 import type { GfxCompatibleProps } from '@blocksuite/block-std/gfx';
 import type { BlockModel } from '@blocksuite/store';
@@ -58,15 +57,7 @@ export class EmbedBlockComponent<
    ) {
      this.style.display = 'block';

-      const insideNote = findAncestorModel(
-        this.model,
-        m => m.flavour === 'affine:note'
-      );
-
-      if (
-        !insideNote &&
-        this.std.get(DocModeProvider).getEditorMode() === 'edgeless'
-      ) {
+      if (this.std.get(DocModeProvider).getEditorMode() === 'edgeless') {
        this.style.minWidth = `${EMBED_CARD_MIN_WIDTH}px`;
      }
    }
@@ -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,
@@ -2,7 +2,6 @@ import { css, html } from 'lit';

 export const styles = css`
  .affine-embed-github-block {
-    container: affine-embed-github-block / inline-size;
    box-sizing: border-box;
    display: flex;
    width: 100%;
@@ -25,7 +24,6 @@ export const styles = css`
    padding: 12px;
    border-radius: var(--1, 0px);
    opacity: var(--add, 1);
-    overflow: hidden;
  }

  .affine-embed-github-content-title {
@@ -378,15 +376,6 @@ export const styles = css`
      display: none;
    }
  }
-
-  @container affine-embed-github-block (width < 375px) {
-    .affine-embed-github-content {
-      width: 100%;
-    }
-    .affine-embed-github-banner {
-      display: none;
-    }
-  }
 `;

 export const GithubIcon = html`<svg
@@ -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>
          `,
@@ -26,9 +26,9 @@ import {
 } from '@blocksuite/affine-shared/utils';
 import {
  BlockSelection,
+  BlockServiceWatcher,
  BlockStdScope,
  type EditorHost,
-  LifeCycleWatcher,
 } from '@blocksuite/block-std';
 import {
  GfxControllerIdentifier,
@@ -116,39 +116,35 @@ 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) ??
      signal(GeneralSettingSchema.parse({}));

-    class EmbedSyncedDocWatcher extends LifeCycleWatcher {
-      static override key = 'embed-synced-doc-watcher';
+    class EmbedSyncedDocWatcher extends BlockServiceWatcher {
+      static override readonly flavour = 'affine:embed-synced-doc';

-      override mounted(): void {
-        const { view } = this.std;
-        view.viewUpdated.on(payload => {
-          if (
-            payload.type !== 'block' ||
-            payload.view.model.flavour !== 'affine:embed-synced-doc'
-          ) {
-            return;
-          }
-          const nextComponent = payload.view as EmbedSyncedDocBlockComponent;
-          if (payload.method === 'add') {
+      override mounted() {
+        const disposableGroup = this.blockService.disposables;
+        const slots = this.blockService.specSlots;
+        disposableGroup.add(
+          slots.viewConnected.on(({ component }) => {
+            const nextComponent = component as EmbedSyncedDocBlockComponent;
            nextComponent.depth = nextDepth;
            currentDisposables.add(() => {
              nextComponent.depth = 0;
            });
-            return;
-          }
-          if (payload.method === 'delete') {
+          })
+        );
+        disposableGroup.add(
+          slots.viewDisconnected.on(({ component }) => {
+            const nextComponent = component as EmbedSyncedDocBlockComponent;
            nextComponent.depth = 0;
-            return;
-          }
-        });
+          })
+        );
      }
    }

@@ -207,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>
          `,
@@ -218,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>
          `,
@@ -235,7 +231,6 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
            [theme]: true,
            surface: false,
            selected: this.selected$.value,
-            'show-hover-border': true,
          })}
          @click=${this._handleClick}
          style=${containerStyleMap}
@@ -57,13 +57,10 @@ export const blockStyles = css`
  }

  .affine-embed-synced-doc-container {
-    border: 1px solid transparent;
+    border: 1px solid var(--affine-border-color);
    border-radius: 8px;
    overflow: hidden;
  }
-  .affine-embed-synced-doc-container.show-hover-border:hover {
-    border-color: var(--affine-border-color);
-  }
  .affine-embed-synced-doc-container.page {
    display: block;
    width: 100%;
@@ -154,12 +151,7 @@ export const blockStyles = css`
  }

  .affine-embed-synced-doc-container.surface {
-    border-color: var(--affine-border-color);
    background: var(--affine-background-primary-color);
-
-    affine-preview-root {
-      padding: 0 24px;
-    }
  }

  .affine-embed-synced-doc-container
@@ -21,10 +21,10 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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';
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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';
@@ -21,10 +21,10 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -20,10 +20,10 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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}
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -20,10 +20,10 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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.13",
-    "@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;

@@ -423,9 +424,8 @@ export class SurfaceRefBlockComponent extends BlockComponent<SurfaceRefBlockMode

      override mounted() {
        const disposable = this.std.view.viewUpdated.on(payload => {
-          if (payload.type !== 'block') return;
          if (
-            payload.method === 'add' &&
+            payload.type === 'add' &&
            matchModels(payload.view.model, [RootBlockModel])
          ) {
            disposable.dispose();
@@ -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"
 }
@@ -50,11 +50,7 @@ export {
 } from './adapters/index.js';
 export type { SurfaceContext } from './surface-block.js';
 export { SurfaceBlockComponent } from './surface-block.js';
-export {
-  SurfaceBlockModel,
-  SurfaceBlockSchema,
-  SurfaceBlockSchemaExtension,
-} from './surface-model.js';
+export { SurfaceBlockModel, SurfaceBlockSchema } from './surface-model.js';
 export type { SurfaceBlockService } from './surface-service.js';
 export {
  EdgelessSurfaceBlockSpec,
@@ -5,7 +5,7 @@ import type {
 import type { SurfaceBlockProps } from '@blocksuite/block-std/gfx';
 import { SurfaceBlockModel as BaseSurfaceModel } from '@blocksuite/block-std/gfx';
 import { DisposableGroup } from '@blocksuite/global/utils';
-import { BlockSchemaExtension, defineBlockSchema } from '@blocksuite/store';
+import { defineBlockSchema } from '@blocksuite/store';
 import * as Y from 'yjs';

 import { elementsCtorMap } from './element-model/index.js';
@@ -36,9 +36,6 @@ export const SurfaceBlockSchema = defineBlockSchema({
  toModel: () => new SurfaceBlockModel(),
 });

-export const SurfaceBlockSchemaExtension =
-  BlockSchemaExtension(SurfaceBlockSchema);
-
 export type SurfaceMiddleware = (surface: SurfaceBlockModel) => () => void;

 export class SurfaceBlockModel extends BaseSurfaceModel {
@@ -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> = {};
@@ -22,7 +22,7 @@
    "@blocksuite/global": "workspace:*",
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/dom": "^1.6.10",
    "@preact/signals-core": "^1.8.0",
    "@vanilla-extract/css": "^1.17.0",
    "lit": "^3.2.0",
@@ -39,5 +39,5 @@
    "!src/__tests__",
    "!dist/__tests__"
  ],
-  "version": "0.20.0"
+  "version": "0.19.0"
 }
@@ -30,10 +30,7 @@ export const tableBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
      }
      const { walkerContext } = context;
      if (o.node.tagName === 'table') {
-        const astToDelta = context.deltaConverter.astToDelta.bind(
-          context.deltaConverter
-        );
-        const tableProps = parseTableFromHtml(o.node, astToDelta);
+        const tableProps = parseTableFromHtml(o.node);
        walkerContext.openNode(
          {
            type: 'block',
@@ -25,15 +25,12 @@ export const tableBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher = {
    enter: (o, context) => {
      const { walkerContext } = context;
      if (o.node.type === 'table') {
-        const astToDelta = context.deltaConverter.astToDelta.bind(
-          context.deltaConverter
-        );
        walkerContext.openNode(
          {
            type: 'block',
            id: nanoid(),
            flavour: TableModelFlavour,
-            props: parseTableFromMarkdown(o.node, astToDelta),
+            props: parseTableFromMarkdown(o.node),
            children: [],
          },
          'children'
@@ -7,7 +7,6 @@ import {
  BlockPlainTextAdapterExtension,
  type BlockPlainTextAdapterMatcher,
 } from '@blocksuite/affine-shared/adapters';
-import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';

 import { createTableProps, formatTable, processTable } from './utils.js';
@@ -22,14 +21,10 @@ export const tableBlockPlainTextAdapterMatcher: BlockPlainTextAdapterMatcher = {
      const text = o.node.content;
      const rowTexts = text.split('\n');
      if (rowTexts.length <= 1) return;
-      const rowTextLists: DeltaInsert[][][] = [];
+      const rowTextLists: string[][] = [];
      let columnCount: number | null = null;
      for (const row of rowTexts) {
-        const cells = row.split('\t').map<DeltaInsert[]>(text => [
-          {
-            insert: text,
-          },
-        ]);
+        const cells = row.split('\t');
        if (cells.length <= 1) return;
        if (columnCount == null) {
          columnCount = cells.length;
@@ -4,24 +4,12 @@ import type {
  TableColumn,
  TableRow,
 } from '@blocksuite/affine-model';
-import {
-  type HtmlAST,
-  type MarkdownAST,
-} from '@blocksuite/affine-shared/adapters';
-import { 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';
-import type { Element } from 'hast';
-import type { Table as MarkdownTable } from 'mdast';
-
-type RichTextType = DeltaInsert[];
-const createRichText = (text: RichTextType) => {
-  return {
-    '$blocksuite:internal:text$': true,
-    delta: text,
-  };
-};
+import type { Element, ElementContent } from 'hast';
+import type { PhrasingContent, Table as MarkdownTable, TableCell } from 'mdast';
 function calculateColumnWidths(rows: string[][]): number[] {
  return (
    rows[0]?.map((_, colIndex) =>
@@ -101,6 +89,15 @@ export const processTable = (
  });
  return table;
 };
+const getTextFromElement = (element: ElementContent): string => {
+  if (element.type === 'text') {
+    return element.value.trim();
+  }
+  if (element.type === 'element') {
+    return element.children.map(child => getTextFromElement(child)).join('');
+  }
+  return '';
+};

 const getAllTag = (node: Element | undefined, tagName: string): Element[] => {
  if (!node) {
@@ -120,7 +117,7 @@ const getAllTag = (node: Element | undefined, tagName: string): Element[] => {
  return [];
 };

-export const createTableProps = (deltasLists: RichTextType[][]) => {
+export const createTableProps = (rowTextLists: string[][]) => {
  const createIdAndOrder = (count: number) => {
    const result: { id: string; order: string }[] = Array.from({
      length: count,
@@ -135,8 +132,8 @@ export const createTableProps = (deltasLists: RichTextType[][]) => {
    }
    return result;
  };
-  const columnCount = Math.max(...deltasLists.map(row => row.length));
-  const rowCount = deltasLists.length;
+  const columnCount = Math.max(...rowTextLists.map(row => row.length));
+  const rowCount = rowTextLists.length;

  const columns: TableColumn[] = createIdAndOrder(columnCount).map(v => ({
    columnId: v.id,
@@ -156,9 +153,9 @@ export const createTableProps = (deltasLists: RichTextType[][]) => {
        continue;
      }
      const cellId = `${row.rowId}:${column.columnId}`;
-      const text = deltasLists[i]?.[j];
+      const text = rowTextLists[i]?.[j];
      cells[cellId] = {
-        text: createRichText(text ?? []),
+        text: TextUtils.createText(text ?? ''),
      };
    }
  }
@@ -172,8 +169,7 @@ export const createTableProps = (deltasLists: RichTextType[][]) => {
 };

 export const parseTableFromHtml = (
-  element: Element,
-  astToDelta: (ast: HtmlAST) => RichTextType
+  element: Element
 ): TableBlockPropsSerialized => {
  const headerRows = getAllTag(element, 'thead').flatMap(node =>
    getAllTag(node, 'tr').map(tr => getAllTag(tr, 'th'))
@@ -185,26 +181,33 @@ export const parseTableFromHtml = (
    getAllTag(node, 'tr').map(tr => getAllTag(tr, 'td'))
  );
  const allRows = [...headerRows, ...bodyRows, ...footerRows];
-  const rowTextLists: RichTextType[][] = [];
+  const rowTextLists: string[][] = [];
  allRows.forEach(cells => {
-    const row: RichTextType[] = [];
+    const row: string[] = [];
    cells.forEach(cell => {
-      row.push(astToDelta(cell));
+      row.push(getTextFromElement(cell));
    });
    rowTextLists.push(row);
  });
  return createTableProps(rowTextLists);
 };

-export const parseTableFromMarkdown = (
-  node: MarkdownTable,
-  astToDelta: (ast: MarkdownAST) => RichTextType
-) => {
-  const rowTextLists: RichTextType[][] = [];
+const getTextFromTableCell = (node: TableCell) => {
+  const getTextFromPhrasingContent = (node: PhrasingContent) => {
+    if (node.type === 'text') {
+      return node.value;
+    }
+    return '';
+  };
+  return node.children.map(child => getTextFromPhrasingContent(child)).join('');
+};
+
+export const parseTableFromMarkdown = (node: MarkdownTable) => {
+  const rowTextLists: string[][] = [];
  node.children.forEach(row => {
-    const rowText: RichTextType[] = [];
+    const rowText: string[] = [];
    row.children.forEach(cell => {
-      rowText.push(astToDelta(cell));
+      rowText.push(getTextFromTableCell(cell));
    });
    rowTextLists.push(rowText);
  });
@@ -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="${() =>
@@ -20,11 +20,11 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/dom": "^1.6.10",
    "@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 {
@@ -1,5 +1,5 @@
 import type { ColorScheme, Palette } from '@blocksuite/affine-model';
-import { DefaultTheme, resolveColor } from '@blocksuite/affine-model';
+import { resolveColor } from '@blocksuite/affine-model';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import { WithDisposable } from '@blocksuite/global/utils';
 import { html, LitElement } from 'lit';
@@ -188,7 +188,7 @@ export class EdgelessColorPickerButton extends WithDisposable(LitElement) {
  accessor menuButton!: EditorMenuButton;

  @property({ attribute: false })
-  accessor palettes: Palette[] = DefaultTheme.Palettes;
+  accessor palettes: Palette[] = [];

  @property({ attribute: false })
  accessor pick!: (event: PickColorEvent) => void;
@@ -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';
@@ -36,36 +35,19 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
      cursor: pointer;
    }

-    .footnote-node {
-      .footnote-content-default {
-        display: inline-block;
-        background: ${unsafeCSSVarV2('block/footnote/numberBgHover')};
-        color: ${unsafeCSSVarV2('button/pureWhiteText')};
-        width: 14px;
-        height: 14px;
-        line-height: 14px;
-        font-size: 10px;
-        font-weight: 400;
-        border-radius: 50%;
-        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')};
-      }
+    .footnote-content-default {
+      display: inline-block;
+      background: ${unsafeCSSVarV2('button/primary')};
+      color: ${unsafeCSSVarV2('button/pureWhiteText')};
+      width: 14px;
+      height: 14px;
+      line-height: 14px;
+      font-size: 10px;
+      font-weight: 400;
+      border-radius: 50%;
+      text-align: center;
+      text-overflow: ellipsis;
+      font-family: ${unsafeCSS(baseTheme.fontSansFamily)};
    }
  `;

@@ -85,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;
  }
@@ -164,7 +142,7 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
        },
      };
    },
-    { enterDelay: 300 }
+    { enterDelay: 500 }
  );

  override render() {
@@ -178,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;
@@ -13,11 +13,8 @@ export class ToggleButton extends WithDisposable(ShadowlessElement) {
    .toggle-icon {
      display: flex;
      align-items: start;
-      justify-content: start;
+      margin-top: 0.45em;
      position: absolute;
-      width: 16px;
-      height: 16px;
-      top: calc((1em - 16px) / 2 + 5px);
      left: 0;
      transform: translateX(-100%);
      border-radius: 4px;
@@ -25,7 +22,6 @@ export class ToggleButton extends WithDisposable(ShadowlessElement) {
      opacity: 0;
      transition: opacity 0.2s ease-in-out;
    }
-
    .toggle-icon:hover {
      background: var(--affine-hover-color);
    }
@@ -20,10 +20,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/store": "workspace:*",
    "@emotion/hash": "^0.9.2",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -3,30 +3,17 @@ import { propertyType } from '../../core/property/property-config.js';

 export const checkboxPropertyType = propertyType('checkbox');

-const FALSE_VALUES = new Set([
-  'false',
-  'no',
-  '0',
-  '',
-  'undefined',
-  'null',
-  '否',
-  '不',
-  '错',
-  '错误',
-  '取消',
-  '关闭',
-]);
-
 export const checkboxPropertyModelConfig =
  checkboxPropertyType.modelConfig<boolean>({
    name: 'Checkbox',
    type: () => t.boolean.instance(),
    defaultData: () => ({}),
    cellToString: ({ value }) => (value ? 'True' : 'False'),
-    cellFromString: ({ value }) => ({
-      value: !FALSE_VALUES.has((value?.trim() ?? '').toLowerCase()),
-    }),
+    cellFromString: ({ value }) => {
+      return {
+        value: value !== 'False',
+      };
+    },
    cellToJson: ({ value }) => value ?? null,
    cellFromJson: ({ value }) =>
      typeof value !== 'boolean' ? undefined : value,
@@ -23,10 +23,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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;
 };
@@ -22,10 +22,10 @@
    "@blocksuite/icons": "^2.2.1",
    "@blocksuite/inline": "workspace:*",
    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.13",
+    "@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"
 }
@@ -3,11 +3,7 @@ import type {
  GfxElementGeometry,
 } from '@blocksuite/block-std/gfx';
 import { GfxCompatible } from '@blocksuite/block-std/gfx';
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';

 import type { EmbedCardStyle } from '../../utils/index.js';
 import { AttachmentBlockTransformer } from './attachment-transformer.js';
@@ -90,10 +86,6 @@ export const AttachmentBlockSchema = defineBlockSchema({
  toModel: () => new AttachmentBlockModel(),
 });

-export const AttachmentBlockSchemaExtension = BlockSchemaExtension(
-  AttachmentBlockSchema
-);
-
 export class AttachmentBlockModel
  extends GfxCompatible<AttachmentBlockProps>(BlockModel)
  implements GfxElementGeometry {}
@@ -3,11 +3,7 @@ import type {
  GfxElementGeometry,
 } from '@blocksuite/block-std/gfx';
 import { GfxCompatible } from '@blocksuite/block-std/gfx';
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';

 import type { EmbedCardStyle, LinkPreviewData } from '../../utils/index.js';

@@ -58,9 +54,6 @@ export const BookmarkBlockSchema = defineBlockSchema({
  toModel: () => new BookmarkBlockModel(),
 });

-export const BookmarkBlockSchemaExtension =
-  BlockSchemaExtension(BookmarkBlockSchema);
-
 export class BookmarkBlockModel
  extends GfxCompatible<BookmarkBlockProps>(BlockModel)
  implements GfxElementGeometry {}
@@ -1,9 +1,4 @@
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-  type Text,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema, type Text } from '@blocksuite/store';

 interface CodeBlockProps {
  text: Text;
@@ -35,8 +30,6 @@ export const CodeBlockSchema = defineBlockSchema({
  toModel: () => new CodeBlockModel(),
 });

-export const CodeBlockSchemaExtension = BlockSchemaExtension(CodeBlockSchema);
-
 export class CodeBlockModel extends BlockModel<CodeBlockProps> {
  override text!: Text;
 }
@@ -1,9 +1,5 @@
 import type { Text } from '@blocksuite/store';
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';

 import type { Column, SerializedCells, ViewBasicDataType } from './types.js';

@@ -32,6 +28,3 @@ export const DatabaseBlockSchema = defineBlockSchema({
  },
  toModel: () => new DatabaseBlockModel(),
 });
-
-export const DatabaseBlockSchemaExtension =
-  BlockSchemaExtension(DatabaseBlockSchema);
@@ -1,8 +1,4 @@
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';

 export const DividerBlockSchema = defineBlockSchema({
  flavour: 'affine:divider',
@@ -19,6 +15,3 @@ type Props = {
 };

 export class DividerBlockModel extends BlockModel<Props> {}
-
-export const DividerBlockSchemaExtension =
-  BlockSchemaExtension(DividerBlockSchema);
@@ -3,11 +3,7 @@ import type {
  GfxElementGeometry,
 } from '@blocksuite/block-std/gfx';
 import { GfxCompatible } from '@blocksuite/block-std/gfx';
-import {
-  BlockModel,
-  BlockSchemaExtension,
-  defineBlockSchema,
-} from '@blocksuite/store';
+import { BlockModel, defineBlockSchema } from '@blocksuite/store';
 import { z } from 'zod';

 import {
@@ -80,10 +76,6 @@ export const EdgelessTextBlockSchema = defineBlockSchema({
  },
 });

-export const EdgelessTextBlockSchemaExtension = BlockSchemaExtension(
-  EdgelessTextBlockSchema
-);
-
 export class EdgelessTextBlockModel
  extends GfxCompatible<EdgelessTextProps>(BlockModel)
  implements GfxElementGeometry {}
@@ -1,5 +1,3 @@
-import { BlockSchemaExtension } from '@blocksuite/store';
-
 import { createEmbedBlockSchema } from '../../../utils/index.js';
 import {
  type EmbedFigmaBlockProps,
@@ -22,7 +20,3 @@ export const EmbedFigmaBlockSchema = createEmbedBlockSchema({
  toModel: () => new EmbedFigmaModel(),
  props: (): EmbedFigmaBlockProps => defaultEmbedFigmaProps,
 });
-
-export const EmbedFigmaBlockSchemaExtension = BlockSchemaExtension(
-  EmbedFigmaBlockSchema
-);
@@ -1,5 +1,3 @@
-import { BlockSchemaExtension } from '@blocksuite/store';
-
 import { createEmbedBlockSchema } from '../../../utils/index.js';
 import {
  type EmbedGithubBlockProps,
@@ -31,7 +29,3 @@ export const EmbedGithubBlockSchema = createEmbedBlockSchema({
  toModel: () => new EmbedGithubModel(),
  props: (): EmbedGithubBlockProps => defaultEmbedGithubProps,
 });
-
-export const EmbedGithubBlockSchemaExtension = BlockSchemaExtension(
-  EmbedGithubBlockSchema
-);
@@ -1,5 +1,3 @@
-import { BlockSchemaExtension } from '@blocksuite/store';
-
 import { createEmbedBlockSchema } from '../../../utils/index.js';
 import {
  type EmbedHtmlBlockProps,
@@ -20,6 +18,3 @@ export const EmbedHtmlBlockSchema = createEmbedBlockSchema({
  toModel: () => new EmbedHtmlModel(),
  props: (): EmbedHtmlBlockProps => defaultEmbedHtmlProps,
 });
-
-export const EmbedHtmlBlockSchemaExtension =
-  BlockSchemaExtension(EmbedHtmlBlockSchema);
--- a/Show More
+++ b/Show More