@jackuait/blok 0.10.5 → 0.10.7

package/dist/full.mjs

@@ -1,7 +1,7 @@
-import { n as e, t } from "./chunks/blok-DSP5zC_s.mjs";
-import { ur as n } from "./chunks/constants-B0Tns0mh.mjs";
+import { n as e, t } from "./chunks/blok-oWXfRfnM.mjs";
+import { ur as n } from "./chunks/constants-BQ1-lyZI.mjs";
 import { t as r } from "./chunks/objectSpread2-CWwMYL_U.mjs";
-import { a as i, b as a, c as o, g as s, i as c, l, n as u, o as d, s as f, t as p, v as m, y as h } from "./chunks/tools-KZmhOKEo.mjs";
+import { a as i, b as a, c as o, g as s, i as c, l, n as u, o as d, s as f, t as p, v as m, y as h } from "./chunks/tools-MuBQQyZ-.mjs";
 //#region src/full.ts
 var g = {
 	paragraph: {

package/dist/markdown.mjs

@@ -3932,7 +3932,7 @@ function Ei(e) {
 //#region src/markdown/index.ts
 var Di = /* @__PURE__ */ RegExp("\\$\\$[\\s\\S]+?\\$\\$|(?<!\\$)\\$(?!\\$)(?=\\S)[^$]+(?<=\\S)\\$(?!\\$)", "");
 async function Oi() {
-	let [{ math: e }, { mathFromMarkdown: t }] = await Promise.all([import("./chunks/micromark-extension-math-BbkUb36G.mjs"), import("./chunks/mdast-util-math-BlK2Zu-1.mjs")]);
+	let [{ math: e }, { mathFromMarkdown: t }] = await Promise.all([import("./chunks/micromark-extension-math-D-s54WWf.mjs"), import("./chunks/mdast-util-math-D56mMxhB.mjs")]);
 	return {
 		mathSyntax: e(),
 		mathFromMarkdown: t()

package/dist/react.mjs

@@ -1,5 +1,5 @@
-import { t as e } from "./chunks/blok-DSP5zC_s.mjs";
-import "./chunks/constants-B0Tns0mh.mjs";
+import { t as e } from "./chunks/blok-oWXfRfnM.mjs";
+import "./chunks/constants-BQ1-lyZI.mjs";
 import { t } from "./chunks/objectSpread2-CWwMYL_U.mjs";
 import { t as n } from "./chunks/objectWithoutProperties-D0XxKB4n.mjs";
 import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";

package/dist/tools.mjs

@@ -1,3 +1,3 @@
-import { m as e } from "./chunks/constants-B0Tns0mh.mjs";
-import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, y as b } from "./chunks/tools-KZmhOKEo.mjs";
+import { m as e } from "./chunks/constants-BQ1-lyZI.mjs";
+import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, y as b } from "./chunks/tools-MuBQQyZ-.mjs";
 export { u as Bold, c as Callout, v as Code, e as Convert, d as Database, m as DatabaseRow, o as Divider, b as Header, h as InlineCode, i as Italic, g as Link, y as List, p as Marker, r as Paragraph, a as Quote, l as Strikethrough, t as Table, s as Toggle, n as Underline, _ as defaultBlockTools, f as defaultInlineTools };

package/dist/vendor.LICENSE.txt

@@ -2287,70 +2287,6 @@ SOFTWARE.
 
 ---
 
-Name: lodash-es
-Version: 4.18.1
-License: MIT
-Private: false
-Description: Lodash exported as ES modules.
-Repository: undefined
-Homepage: https://lodash.com/custom-builds
-Author: John-David Dalton <john.david.dalton@gmail.com>
-Contributors:
-  John-David Dalton <john.david.dalton@gmail.com>
-  Mathias Bynens <mathias@qiwi.be>
-License Text:
-===
-
-Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
-
-Based on Underscore.js, copyright Jeremy Ashkenas,
-DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>
-
-This software consists of voluntary contributions made by many
-individuals. For exact contribution history, see the revision history
-available at https://github.com/lodash/lodash
-
-The following license applies to all parts of this software except as
-documented below:
-
-====
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-====
-
-Copyright and related rights for sample code are waived via CC0. Sample
-code is defined as all source code displayed within the prose of the
-documentation.
-
-CC0: http://creativecommons.org/publicdomain/zero/1.0/
-
-====
-
-Files located in the node_modules and vendor directories are externally
-maintained libraries used by this software which have their own
-licenses; we recommend you read them, as their terms may differ from the
-terms above.
-
----
-
 Name: mermaid
 Version: 11.14.0
 License: MIT
@@ -3946,6 +3882,70 @@ License Text:
 
 ---
 
+Name: lodash-es
+Version: 4.18.1
+License: MIT
+Private: false
+Description: Lodash exported as ES modules.
+Repository: undefined
+Homepage: https://lodash.com/custom-builds
+Author: John-David Dalton <john.david.dalton@gmail.com>
+Contributors:
+  John-David Dalton <john.david.dalton@gmail.com>
+  Mathias Bynens <mathias@qiwi.be>
+License Text:
+===
+
+Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+
+Based on Underscore.js, copyright Jeremy Ashkenas,
+DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>
+
+This software consists of voluntary contributions made by many
+individuals. For exact contribution history, see the revision history
+available at https://github.com/lodash/lodash
+
+The following license applies to all parts of this software except as
+documented below:
+
+====
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+====
+
+Copyright and related rights for sample code are waived via CC0. Sample
+code is defined as all source code displayed within the prose of the
+documentation.
+
+CC0: http://creativecommons.org/publicdomain/zero/1.0/
+
+====
+
+Files located in the node_modules and vendor directories are externally
+maintained libraries used by this software which have their own
+licenses; we recommend you read them, as their terms may differ from the
+terms above.
+
+---
+
 Name: @chevrotain/utils
 Version: 11.1.2
 License: Apache-2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
   "module": "dist/blok.mjs",
   "types": "./types/index.d.ts",
@@ -202,7 +202,8 @@
     "yjs": "13.6.30"
   },
   "resolutions": {
-    "@typescript-eslint/utils": "8.57.0"
+    "@typescript-eslint/utils": "8.57.0",
+    "lodash-es": "^4.18.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/block/index.ts

@@ -88,7 +88,7 @@ interface BlockConstructorOptions {
   /** Timestamp of the last edit to this block (milliseconds since epoch) */
   lastEditedAt?: number;
 
-  /** Display name of the user who last edited this block */
+  /** ID of the user who last edited this block */
   lastEditedBy?: string | null;
 }
 
@@ -146,7 +146,7 @@ export class Block extends EventsDispatcher<BlockEvents> {
   /** Timestamp of the last edit (ms since epoch). Updated by BlockManager on mutation. */
   public lastEditedAt: number | undefined;
 
-  /** Display name of the user who last edited. Updated by BlockManager on mutation. */
+  /** ID of the user who last edited. Updated by BlockManager on mutation. */
   public lastEditedBy: string | null;
 
   /**

package/src/components/block-tunes/block-tune-delete.ts

@@ -39,6 +39,7 @@ export class DeleteTune implements BlockTune {
       title: this.api.i18n.t('blockSettings.delete'),
       name: 'delete',
       isDestructive: true,
+      secondaryLabel: 'Del',
       onActivate: (): void => this.handleClick(),
     };
   }

package/src/components/modules/blockEvents/composers/markdownShortcuts.ts

@@ -1,5 +1,5 @@
 import type { Block } from '../../../block';
-import { HEADER_PATTERN, CHECKLIST_PATTERN, UNORDERED_LIST_PATTERN, ORDERED_LIST_PATTERN, TOGGLE_HEADER_PATTERN, TOGGLE_PATTERN, HEADER_TOOL_NAME, LIST_TOOL_NAME, TOGGLE_TOOL_NAME, DIVIDER_TOOL_NAME, DIVIDER_PATTERN } from '../constants';
+import { HEADER_PATTERN, CHECKLIST_PATTERN, UNORDERED_LIST_PATTERN, ORDERED_LIST_PATTERN, TOGGLE_HEADER_PATTERN, TOGGLE_PATTERN, HEADER_TOOL_NAME, LIST_TOOL_NAME, TOGGLE_TOOL_NAME, DIVIDER_TOOL_NAME, DIVIDER_PATTERN, QUOTE_TOOL_NAME, QUOTE_PATTERN, CODE_TOOL_NAME, CODE_PATTERN } from '../constants';
 
 import { BlockEventComposer } from './__base';
 
@@ -39,8 +39,10 @@ export class MarkdownShortcuts extends BlockEventComposer {
     const handledHeader = this.handleHeaderShortcut();
     const handledToggleHeader = this.handleToggleHeaderShortcut();
     const handledToggle = this.handleToggleShortcut();
+    const handledQuote = this.handleQuoteShortcut();
+    const handledCode = this.handleCodeShortcut();
 
-    return handledList || handledHeader || handledToggleHeader || handledToggle;
+    return handledList || handledHeader || handledToggleHeader || handledToggle || handledQuote || handledCode;
   }
 
   /**
@@ -402,6 +404,107 @@ export class MarkdownShortcuts extends BlockEventComposer {
     return true;
   }
 
+  /**
+   * Check if current block matches a quote shortcut pattern (" ") and convert it.
+   */
+  private handleQuoteShortcut(): boolean {
+    const { BlockManager, Tools } = this.Blok;
+    const currentBlock = BlockManager.currentBlock;
+
+    if (!currentBlock) {
+      return false;
+    }
+
+    if (!currentBlock.tool.isDefault) {
+      return false;
+    }
+
+    const quoteTool = Tools.blockTools.get(QUOTE_TOOL_NAME);
+
+    if (!quoteTool) {
+      return false;
+    }
+
+    const currentInput = currentBlock.currentInput;
+
+    if (!currentInput) {
+      return false;
+    }
+
+    const textContent = currentInput.textContent || '';
+    const match = QUOTE_PATTERN.exec(textContent);
+
+    if (!match) {
+      return false;
+    }
+
+    this.Blok.YjsManager.stopCapturing();
+
+    const shortcutLength = 2; // " " + space
+    const remainingHtml = this.extractRemainingHtml(currentInput, shortcutLength);
+    const caretOffset = this.getCaretOffset(currentInput) - shortcutLength;
+
+    const newBlock = BlockManager.replace(currentBlock, QUOTE_TOOL_NAME, {
+      text: remainingHtml,
+    });
+
+    this.setCaretAfterConversion(newBlock, caretOffset);
+
+    this.Blok.YjsManager.stopCapturing();
+
+    return true;
+  }
+
+  /**
+   * Check if current block matches a code shortcut pattern ("``` ") and convert it.
+   */
+  private handleCodeShortcut(): boolean {
+    const { BlockManager, Tools } = this.Blok;
+    const currentBlock = BlockManager.currentBlock;
+
+    if (!currentBlock) {
+      return false;
+    }
+
+    if (!currentBlock.tool.isDefault) {
+      return false;
+    }
+
+    const codeTool = Tools.blockTools.get(CODE_TOOL_NAME);
+
+    if (!codeTool) {
+      return false;
+    }
+
+    const currentInput = currentBlock.currentInput;
+
+    if (!currentInput) {
+      return false;
+    }
+
+    const textContent = currentInput.textContent || '';
+    const match = CODE_PATTERN.exec(textContent);
+
+    if (!match) {
+      return false;
+    }
+
+    this.Blok.YjsManager.stopCapturing();
+
+    const shortcutLength = 4; // "```" + space
+    const remainingHtml = this.extractRemainingHtml(currentInput, shortcutLength);
+
+    const newBlock = BlockManager.replace(currentBlock, CODE_TOOL_NAME, {
+      code: remainingHtml,
+    });
+
+    this.setCaretAfterConversion(newBlock, 0);
+
+    this.Blok.YjsManager.stopCapturing();
+
+    return true;
+  }
+
   /**
    * Match default header shortcuts like "# ", "## ", etc.
    */

package/src/components/modules/blockEvents/constants.ts

@@ -93,3 +93,27 @@ export const DIVIDER_TOOL_NAME = 'divider';
  * Matches exactly three hyphens with no other content.
  */
 export const DIVIDER_PATTERN = /^-{3}$/;
+
+/**
+ * Tool name for quote blocks.
+ */
+export const QUOTE_TOOL_NAME = 'quote';
+
+/**
+ * Regex pattern for detecting quote shortcuts.
+ * Matches " followed by a space at the start of text.
+ * Captures remaining content after the shortcut in group 1.
+ */
+export const QUOTE_PATTERN = /^"\s([\s\S]*)$/;
+
+/**
+ * Tool name for code blocks.
+ */
+export const CODE_TOOL_NAME = 'code';
+
+/**
+ * Regex pattern for detecting code block shortcuts.
+ * Matches ``` followed by a space at the start of text.
+ * Captures remaining content after the shortcut in group 1.
+ */
+export const CODE_PATTERN = /^```\s([\s\S]*)$/;

package/src/components/modules/blockManager/blockManager.ts

@@ -1102,7 +1102,7 @@ export class BlockManager extends Module {
       // eslint-disable-next-line no-param-reassign
       block.lastEditedAt = Date.now();
       // eslint-disable-next-line no-param-reassign
-      block.lastEditedBy = this.config.user?.name ?? null;
+      block.lastEditedBy = this.config.user?.id ?? null;
 
       void this.syncBlockDataToYjs(block);
     }

package/src/components/modules/blockManager/types.ts

@@ -28,7 +28,7 @@ export interface ComposeBlockOptions {
   bindEventsImmediately?: boolean;
   /** Timestamp of the last edit (milliseconds since epoch) */
   lastEditedAt?: number;
-  /** Display name of the user who last edited this block */
+  /** ID of the user who last edited this block */
   lastEditedBy?: string | null;
 }
 

package/src/components/modules/themeManager.ts

@@ -42,7 +42,7 @@ export class ThemeManager extends Module {
   public prepare(): void {
     state.activeInstances++;
     this.mode = this.config.theme ?? 'auto';
-    this.applyAttribute();
+    this.applyAttribute(false);
     this.resolved = this.deriveResolved();
 
     if (this.mode === 'auto') {
@@ -75,7 +75,7 @@ export class ThemeManager extends Module {
     }
 
     this.mode = mode;
-    this.applyAttribute();
+    this.applyAttribute(true);
     this.resolved = this.deriveResolved();
 
     if (this.mode === 'auto') {
@@ -102,7 +102,14 @@ export class ThemeManager extends Module {
 
   // ─── Private ───────────────────────────────────────────────────────────────
 
-  private applyAttribute(): void {
+  /**
+   * @param explicit - true when called from setMode() (consumer API);
+   *                   false when called from prepare() (initial construction).
+   *                   During prepare(), skip setting the attribute if another
+   *                   instance already controls it — prevents nested editors
+   *                   (e.g. inside Columns) from overriding the parent theme.
+   */
+  private applyAttribute(explicit: boolean): void {
     if (typeof document === 'undefined') {
       return;
     }
@@ -112,6 +119,9 @@ export class ThemeManager extends Module {
         this.removeAttribute();
       }
     } else {
+      if (!explicit && state.activeInstances > 1 && document.documentElement.hasAttribute(ATTR)) {
+        return;
+      }
       document.documentElement.setAttribute(ATTR, this.mode);
     }
   }

package/src/components/modules/toolbar/blockSettings.ts

@@ -113,6 +113,11 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
    */
   private flipperKeydownSource: HTMLElement | null = null;
 
+  /**
+   * Handler for Delete key shortcut, stored for cleanup
+   */
+  private deleteKeyHandler: ((event: KeyboardEvent) => void) | null = null;
+
   /**
    * Panel with block settings with 2 sections:
    *  - Tool's Settings
@@ -186,11 +191,13 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
       /** Get tool-specific tunes and common tunes (delete, move, etc.) */
       const { toolTunes, commonTunes } = block.getTunes();
 
+      const items = await this.getTunesItems(block, commonTunes, toolTunes);
+
       const PopoverClass = isMobileScreen() ? PopoverMobile : PopoverDesktop;
       const popoverParams: PopoverParams & { flipper?: Flipper } = {
         searchable: true,
         trigger: trigger || this.nodes.wrapper,
-        items: await this.getTunesItems(block, commonTunes, toolTunes),
+        items,
         messages: {
           nothingFound: this.Blok.I18n.t('popover.nothingFound'),
           search: this.Blok.I18n.t('popover.search'),
@@ -208,6 +215,8 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
 
       this.popover.on(PopoverEvent.Closed, this.onPopoverClose);
 
+      this.attachDeleteKeyListener(items);
+
       /**
        * Set opened flag AFTER popover is created to prevent race conditions
        * where close() is called during the async getTunesItems() call
@@ -272,6 +281,7 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
     }
 
     this.selection.clearSaved();
+    this.detachDeleteKeyListener();
     this.detachFlipperKeydownListener();
 
     /**
@@ -415,6 +425,7 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
         title: this.Blok.I18n.t('blockSettings.delete'),
         name: 'delete',
         isDestructive: true,
+        secondaryLabel: 'Del',
         closeOnActivate: true,
         onActivate: () => {
           const { BlockManager, Caret, Toolbar } = this.Blok;
@@ -445,7 +456,8 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
   }
 
   /**
-   * Creates the "Last edited by..." footer element for block settings.
+   * Creates the "Last edited" footer element for block settings.
+   * If a resolveUser callback is configured, resolves the user ID to a display name.
    * @param block - the block whose metadata to display
    * @returns the footer DOM element
    */
@@ -462,22 +474,46 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
 
     label.setAttribute('data-edit-meta-label', '');
 
-    if (block.lastEditedBy !== null && block.lastEditedBy !== undefined) {
-      label.textContent = this.Blok.I18n.t('blockSettings.lastEditedBy', { name: block.lastEditedBy });
-    } else {
-      label.textContent = this.Blok.I18n.t('blockSettings.lastEdited');
+    label.textContent = this.Blok.I18n.t('blockSettings.lastEdited');
+
+    if (block.lastEditedBy != null && this.config.resolveUser != null) {
+      void Promise.resolve(this.config.resolveUser(block.lastEditedBy)).then((userInfo) => {
+        if (userInfo?.name != null) {
+          label.textContent = this.Blok.I18n.t('blockSettings.lastEditedBy', { name: userInfo.name });
+        }
+      });
     }
 
     container.appendChild(label);
 
     if (block.lastEditedAt !== undefined) {
       const dateEl = document.createElement('div');
-      const formatted = new Intl.DateTimeFormat(undefined, {
-        dateStyle: 'medium',
-        timeStyle: 'short',
-      }).format(new Date(block.lastEditedAt));
 
-      dateEl.textContent = formatted;
+      dateEl.classList.add('mt-1');
+      const locale = this.Blok.I18n.getLocale();
+      const date = new Date(block.lastEditedAt);
+
+      const dateParts = new Intl.DateTimeFormat(locale, {
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
+      }).formatToParts(date);
+
+      /**
+       * Strip trailing literal parts that are abbreviations (contain a period),
+       * e.g. " г." in Russian or " р." in Ukrainian, while preserving essential
+       * trailing literals like "日" in Japanese/Chinese.
+       */
+      while (dateParts.length > 0
+        && dateParts[dateParts.length - 1].type === 'literal'
+        && dateParts[dateParts.length - 1].value.includes('.')) {
+        dateParts.pop();
+      }
+
+      const dateStr = dateParts.map(p => p.value).join('');
+      const timeStr = new Intl.DateTimeFormat(locale, { timeStyle: 'short' }).format(date);
+
+      dateEl.textContent = `${dateStr}, ${timeStr}`;
       container.appendChild(dateEl);
     }
 
@@ -893,4 +929,46 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
     this.flipperKeydownSource = null;
     this.flipperKeydownHandler = null;
   }
+
+  /**
+   * Attaches a keydown listener on the popover element to handle the Delete key shortcut
+   * @param items - popover items to search for the delete action
+   */
+  private attachDeleteKeyListener(items: PopoverItemParams[]): void {
+    this.detachDeleteKeyListener();
+
+    if (this.popover === null) {
+      return;
+    }
+
+    const deleteItem = items.find(
+      (item): item is PopoverItemParams & { name: string; onActivate: () => void } =>
+        'name' in item && item.name === 'delete' && 'onActivate' in item
+    );
+
+    if (deleteItem === undefined) {
+      return;
+    }
+
+    this.deleteKeyHandler = (event: KeyboardEvent) => {
+      if (event.key === 'Delete') {
+        event.preventDefault();
+        deleteItem.onActivate(deleteItem);
+        this.close();
+      }
+    };
+
+    this.popover.getElement().addEventListener('keydown', this.deleteKeyHandler);
+  }
+
+  /**
+   * Removes the Delete key shortcut listener from the popover element
+   */
+  private detachDeleteKeyListener(): void {
+    if (this.popover !== null && this.deleteKeyHandler !== null) {
+      this.popover.getElement().removeEventListener('keydown', this.deleteKeyHandler);
+    }
+
+    this.deleteKeyHandler = null;
+  }
 }

package/src/components/modules/yjs/document-store.ts

@@ -197,7 +197,7 @@ export class DocumentStore {
    * Update a block's edit metadata fields directly on the Y.Map.
    * @param id - Block id
    * @param lastEditedAt - Timestamp in milliseconds
-   * @param lastEditedBy - User display name, or null
+   * @param lastEditedBy - User ID, or null
    */
   public updateBlockMetadata(id: string, lastEditedAt: number, lastEditedBy: string | null): void {
     const yblock = this.getBlockById(id);

package/src/components/modules/yjs/index.ts

@@ -168,7 +168,7 @@ export class YjsManager extends Module {
    * Update a block's edit metadata.
    * @param id - Block id
    * @param lastEditedAt - Timestamp in milliseconds
-   * @param lastEditedBy - User display name, or null
+   * @param lastEditedBy - User ID, or null
    */
   public updateBlockMetadata(id: string, lastEditedAt: number, lastEditedBy: string | null): void {
     this.documentStore.updateBlockMetadata(id, lastEditedAt, lastEditedBy);

package/src/components/utils/popover/popover-abstract.ts

@@ -141,7 +141,16 @@ export abstract class PopoverAbstract<Nodes extends PopoverNodes = PopoverNodes>
       this.search.focus();
     }
 
+    /**
+     * Show hazes instantly on open (no transition), then restore transition for scroll-triggered changes
+     */
+    this.nodes.scrollHazeTop.style.transition = 'none';
+    this.nodes.scrollHazeBottom.style.transition = 'none';
     this.updateScrollHazes();
+    requestAnimationFrame(() => {
+      this.nodes.scrollHazeTop.style.transition = '';
+      this.nodes.scrollHazeBottom.style.transition = '';
+    });
 
     const { trigger } = this.params;
     const isRootWithTrigger = (this.params.nestingLevel ?? 0) === 0 && trigger !== undefined;

package/src/tools/code/index.ts

@@ -626,6 +626,7 @@ export class CodeTool implements BlockTool {
       icon: IconCodeBlock,
       title: 'Code',
       titleKey: 'code',
+      shortcut: '```',
       searchTerms: ['code', 'pre', 'snippet', 'program'],
       searchTermKeys: ['code', 'pre', 'snippet', 'program'],
     };

package/src/tools/quote/index.ts

@@ -226,6 +226,7 @@ export class Quote implements BlockTool {
       icon: IconQuote,
       title: 'Quote',
       titleKey: 'quote',
+      shortcut: '"',
       searchTerms: ['quote', 'blockquote', 'citation'],
       searchTermKeys: ['quote', 'blockquote', 'citation'],
     };