@jackuait/blok 0.10.3 → 0.10.5

package/src/components/i18n/locales/yi/messages.json

@@ -18,13 +18,15 @@
   "toolNames.numberedList": "נומעריקע ליסטע",
   "toolNames.todoList": "צו-טאָן ליסטע",
   "toolNames.toggleList": "אויפֿקלאַפּ ליסטע",
+  "toolNames.board": "טאָוול",
+  "toolNames.database": "דאַטאַבאַנק",
   "tools.link.addLink": "צולייגן לינק",
   "tools.link.invalidLink": "אומגילטיקער לינק",
   "tools.marker.textColor": "טעקסט",
   "tools.marker.background": "הינטערגרונט",
   "tools.marker.default": "שטאַנדאַרד",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "גרוי",
   "tools.colorPicker.color.brown": "ברוין",
   "tools.colorPicker.color.orange": "אָראַנזש",
@@ -71,6 +73,9 @@
   "tools.table.clickToAddColumn": "קליק צו צולייגן אַ נײַע שפּאַלט",
   "tools.table.dragToAddRemoveColumns": "שלעפּ צו צולייגן אָדער אויסמעקן שפּאַלטן",
   "blockSettings.delete": "אויסמעקן",
+  "blockSettings.copyLink": "קאָפּירן לינק צום בלאָק",
+  "blockSettings.lastEdited": "לעצט רעדאַקטירט",
+  "blockSettings.lastEditedBy": "לעצט רעדאַקטירט דורך {name}",
   "a11y.dragHandle": "שלעפּ צו באַוועגן בלאָק אָדער קליק פֿאַר מעניו",
   "a11y.dragHandleRole": "שלעפּ האַנטל",
   "a11y.dragStarted": "שלעפּט בלאָק",
@@ -143,6 +148,22 @@
   "tools.callout.emojiCategoryObjects": "זאַכן",
   "tools.callout.emojiCategorySymbols": "סימבאָלן",
   "tools.callout.emojiCategoryFlags": "פֿאָנען",
+  "tools.database.addCard": "צוגעבן קאַרטל",
+  "tools.database.newPage": "נייע בלאט",
+  "tools.database.addColumn": "צוגעבן שפּאַלט",
+  "tools.database.cardTitlePlaceholder": "ליידיק בלאַט",
+  "tools.database.columnTitlePlaceholder": "שפּאַלט",
+  "tools.database.deleteCard": "אויסמעקן קאַרטל",
+  "tools.database.editCardTitle": "רעדאַקטירן טיטל",
+  "tools.database.cardMenuLabel": "קאַרטל אָפּציעס",
+  "tools.database.deleteColumn": "אויסמעקן שפּאַלט",
+  "tools.database.emptyColumn": "קיין קארטן",
+  "tools.database.rowTitlePlaceholder": "ליידיק בלאַט",
+  "tools.database.addRow": "צוגעבן שורה",
+  "tools.database.newRow": "נייע שורה",
+  "tools.database.openRow": "עפֿענען שורה",
+  "tools.database.deleteRow": "אויסמעקן שורה",
+  "tools.database.renameColumn": "באַנענען שפּאַלט",
   "tools.callout.color": "קאָליר",
   "tools.callout.colorDefault": "שטאַנדאַרד",
   "tools.callout.colorGray": "גרוי",
@@ -184,5 +205,5 @@
   "searchTerms.code": "קאָד",
   "searchTerms.snippet": "שניצל",
   "searchTerms.program": "פּראָגראַם",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "פֿאָרמאַטירט"
 }

package/src/components/i18n/locales/zh/messages.json

@@ -18,13 +18,15 @@
   "toolNames.numberedList": "有序列表",
   "toolNames.todoList": "清单",
   "toolNames.toggleList": "折叠列表",
+  "toolNames.board": "看板",
+  "toolNames.database": "数据库",
   "tools.link.addLink": "添加链接",
   "tools.link.invalidLink": "链接无效",
   "tools.marker.textColor": "文字",
   "tools.marker.background": "背景",
   "tools.marker.default": "默认",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "灰色",
   "tools.colorPicker.color.brown": "棕色",
   "tools.colorPicker.color.orange": "橙色",
@@ -53,6 +55,9 @@
   "tools.toggle.ariaLabelCollapse": "折叠",
   "tools.toggle.ariaLabelExpand": "展开",
   "blockSettings.delete": "删除",
+  "blockSettings.copyLink": "复制块链接",
+  "blockSettings.lastEdited": "上次编辑",
+  "blockSettings.lastEditedBy": "{name} 上次编辑",
   "a11y.dragHandle": "拖动移动或点击打开菜单",
   "a11y.dragHandleRole": "拖动控件",
   "a11y.dragStarted": "正在拖动内容块",
@@ -143,6 +148,22 @@
   "tools.callout.emojiCategoryObjects": "物品",
   "tools.callout.emojiCategorySymbols": "符号",
   "tools.callout.emojiCategoryFlags": "旗帜",
+  "tools.database.addCard": "添加卡片",
+  "tools.database.newPage": "新页面",
+  "tools.database.addColumn": "添加列",
+  "tools.database.cardTitlePlaceholder": "空白页面",
+  "tools.database.columnTitlePlaceholder": "列",
+  "tools.database.deleteCard": "删除卡片",
+  "tools.database.editCardTitle": "编辑标题",
+  "tools.database.cardMenuLabel": "卡片选项",
+  "tools.database.deleteColumn": "删除列",
+  "tools.database.emptyColumn": "没有卡片",
+  "tools.database.rowTitlePlaceholder": "空白页面",
+  "tools.database.addRow": "添加行",
+  "tools.database.newRow": "新行",
+  "tools.database.openRow": "打开行",
+  "tools.database.deleteRow": "删除行",
+  "tools.database.renameColumn": "重命名列",
   "tools.callout.color": "颜色",
   "tools.callout.colorDefault": "默认",
   "tools.callout.colorGray": "灰色",
@@ -184,5 +205,5 @@
   "searchTerms.code": "代码",
   "searchTerms.snippet": "片段",
   "searchTerms.program": "程序",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "预格式化"
 }

package/src/components/icons/index.ts

@@ -399,6 +399,13 @@ export const IconCopy = `
 </svg>
 `;
 
+// Pencil/Rename icon
+export const IconPencil = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.5 5.5l2 2M4.5 13.5l8-8 2 2-8 8H4.5v-2z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 // Trash/Delete icon
 export const IconTrash = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -409,6 +416,15 @@ export const IconTrash = `
 </svg>
 `;
 
+// Horizontal dots / more options icon
+export const IconDotsHorizontal = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="5" cy="10" r="1.25" fill="currentColor"/>
+  <circle cx="10" cy="10" r="1.25" fill="currentColor"/>
+  <circle cx="15" cy="10" r="1.25" fill="currentColor"/>
+</svg>
+`;
+
 // Toggle Heading 1 icon (H1 with toggle arrow)
 export const IconToggleH1 = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -592,6 +608,55 @@ export const IconEmojiFlag = `
 </svg>
 `;
 
+export const IconDatabase = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <ellipse cx="10" cy="5.5" rx="6" ry="2.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M4 5.5v4c0 1.38 2.69 2.5 6 2.5s6-1.12 6-2.5v-4" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M4 9.5v4c0 1.38 2.69 2.5 6 2.5s6-1.12 6-2.5v-4" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+`;
+
+export const IconBoard = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M7.5 4v12M12.5 4v12" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="4.5" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="4.5" y="9" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="9" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="14" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+</svg>
+`;
+
+export const IconGallery = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="11" y="4" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="3" y="11" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="11" y="11" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+`;
+
+export const IconList = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="4.5" cy="6.5" r="1" fill="currentColor"/>
+  <circle cx="4.5" cy="10" r="1" fill="currentColor"/>
+  <circle cx="4.5" cy="13.5" r="1" fill="currentColor"/>
+  <path d="M7.5 6.5h9M7.5 10h9M7.5 13.5h9" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+</svg>
+`;
+
+// Calendar icon (date property type)
+export const IconCalendar = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4.5" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M3 8.5h14" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <path d="M7 3v3M13 3v3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <circle cx="7" cy="12" r="1" fill="currentColor"/>
+  <circle cx="10" cy="12" r="1" fill="currentColor"/>
+  <circle cx="13" cy="12" r="1" fill="currentColor"/>
+</svg>
+`;
+
 // Merge cells icon (two cells merging into one)
 export const IconMergeCells = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">

package/src/components/inline-tools/inline-tool-bold.ts

@@ -16,6 +16,7 @@ import {
 import {
   isRangeFormatted,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -212,6 +213,7 @@ export class BoldInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithBold(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutBold(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<strong>${html}</strong>`);
     const selection = window.getSelection();
@@ -308,8 +310,16 @@ export class BoldInlineTool implements InlineTool {
     BoldNormalizationPass.normalizeAroundSelection(selection);
 
     boldAncestors.forEach((element) => {
+      if (!element.isConnected) {
+        return;
+      }
+
       if (isElementEmpty(element)) {
         element.remove();
+      } else if (element.textContent.trim().length === 0) {
+        // Element contains only whitespace — unwrap it to preserve the whitespace
+        // as plain text while removing the bold formatting
+        this.unwrapElement(element);
       }
     });
 

package/src/components/inline-tools/inline-tool-code.ts

@@ -6,6 +6,7 @@ import {
   isRangeFormatted,
   findFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -168,13 +169,46 @@ export class CodeInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithCode(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutCode(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<code>${html}</code>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
     }
   }
 

package/src/components/inline-tools/inline-tool-italic.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -172,13 +173,48 @@ export class ItalicInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithItalic(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutItalic(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<i>${html}</i>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element.
+   * The browser's contenteditable engine will re-insert nbsp where needed for rendering
+   * (e.g. trailing spaces, consecutive spaces) on the next input event.
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
     }
   }
 

package/src/components/inline-tools/inline-tool-strikethrough.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -169,13 +170,46 @@ export class StrikethroughInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithStrikethrough(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutStrikethrough(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<s>${html}</s>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
     }
   }
 

package/src/components/inline-tools/inline-tool-underline.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -169,13 +170,46 @@ export class UnderlineInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithUnderline(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutUnderline(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<u>${html}</u>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
     }
   }
 

package/src/components/inline-tools/services/bold-normalization-pass.ts

@@ -201,7 +201,7 @@ export class BoldNormalizationPass {
   }
 
   /**
-   * Replace non-breaking spaces with regular spaces in a text node
+   * Replace non-breaking spaces with regular spaces in a text node.
    * @param textNode - The text node to process
    */
   private replaceNbspInTextNode(textNode: Text): void {
@@ -211,10 +211,8 @@ export class BoldNormalizationPass {
       return;
     }
 
-    const normalizedText = text.replace(/\u00A0/g, ' ');
-
     // eslint-disable-next-line no-param-reassign
-    textNode.textContent = normalizedText;
+    textNode.textContent = text.replace(/\u00A0/g, ' ');
   }
 
   /**

package/src/components/inline-tools/utils/formatting-range-utils.ts

@@ -132,6 +132,89 @@ export const isRangeFormatted = (
   return textNodes.every((textNode) => hasFormattingAncestor(textNode, predicate));
 };
 
+/**
+ * Walk down the `lastChild` chain of `node` and return the deepest last
+ * descendant that is a text node, or `null` if none exists.
+ */
+const findDeepestLastTextNode = (node: Node): Text | null => {
+  const last = node.lastChild;
+
+  if (last === null) {
+    return node.nodeType === Node.TEXT_NODE ? (node as Text) : null;
+  }
+
+  return findDeepestLastTextNode(last);
+};
+
+/**
+ * Extend the range to include any trailing whitespace characters that browsers
+ * exclude from selections (e.g. Ctrl+A on loaded text stops before trailing spaces).
+ *
+ * When text is loaded via innerHTML (e.g. `"hello "`), browsers keep trailing
+ * regular spaces (char 32) as-is in the text node, but Ctrl+A / selectAll
+ * in Chromium and WebKit places the range end *before* those trailing spaces.
+ * This means `range.cloneContents()` omits them, so formatting operations
+ * (bold, italic, etc.) silently drop any trailing whitespace.
+ *
+ * By contrast, text typed by the user is stored internally with a non-breaking
+ * space (`\u00A0`) which is always included in the selection.
+ *
+ * This function mutates the range in place to cover those excluded trailing
+ * spaces, so downstream formatting can include them.
+ *
+ * Two browser behaviours are handled:
+ *  1. `endContainer` is a text node — the range ends mid-text, so check whether
+ *     the remaining characters are all whitespace and extend if so.
+ *  2. `endContainer` is an element node — Ctrl+A / selectAll in Chromium and
+ *     WebKit places the range end on the element itself with `endOffset` equal
+ *     to the child count (i.e. after all children). In this case the last child
+ *     text node may still have trailing whitespace that was excluded; walk to
+ *     the deepest last text node and extend the range to its end if it ends with
+ *     only whitespace after the current offset (or fully consists of whitespace).
+ *
+ * @param range - The range to extend (mutated in place)
+ */
+export const extendRangeToTrailingWhitespace = (range: Range): void => {
+  const endContainer = range.endContainer;
+
+  if (endContainer.nodeType === Node.TEXT_NODE) {
+    const text = endContainer.textContent ?? '';
+    const endOffset = range.endOffset;
+
+    if (endOffset >= text.length) {
+      return;
+    }
+
+    // Check whether all characters between endOffset and end of text node are whitespace
+    const trailingSlice = text.slice(endOffset);
+
+    if (trailingSlice.length > 0 && trailingSlice.trim().length === 0) {
+      range.setEnd(endContainer, text.length);
+    }
+
+    return;
+  }
+
+  // endContainer is an element node (the common case for Ctrl+A on loaded content).
+  // Walk to the deepest last text node within it to find any trailing whitespace.
+  const lastTextNode = findDeepestLastTextNode(endContainer);
+
+  if (lastTextNode === null) {
+    return;
+  }
+
+  const text = lastTextNode.textContent ?? '';
+
+  if (text.length === 0) {
+    return;
+  }
+
+  // Extend range if the text ends with one or more whitespace characters.
+  if (/\s+$/.test(text)) {
+    range.setEnd(lastTextNode, text.length);
+  }
+};
+
 /**
  * Collect all unique formatting ancestors within a range
  * @param range - The range to search within

package/src/components/modules/api/tools.ts

@@ -11,6 +11,25 @@ export class ToolsAPI extends Module {
   public get methods(): ToolsAPIInterface {
     return {
       getBlockTools: () => Array.from(this.Blok.Tools.blockTools.values()),
+      getToolsConfig: () => {
+        const result: ReturnType<ToolsAPIInterface['getToolsConfig']> = {
+          tools: this.config.tools,
+        };
+
+        if (this.config.inlineToolbar !== undefined) {
+          result.inlineToolbar = this.config.inlineToolbar;
+        }
+
+        if (this.config.tunes !== undefined) {
+          result.tunes = this.config.tunes;
+        }
+
+        if (this.config.theme !== undefined) {
+          result.theme = this.config.theme;
+        }
+
+        return result;
+      },
     };
   }
 }

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

@@ -94,7 +94,13 @@ export class KeyboardNavigation extends BlockEventComposer {
     const isNavigated = event.shiftKey ? Caret.navigatePrevious(true) : Caret.navigateNext(true);
 
     /**
-     * If we have next Block/input to focus, then focus it. Otherwise, leave native Tab behaviour
+     * Prevent default Tab behaviour only when navigation occurred within the
+     * editor. When navigateNext/navigatePrevious returns false (no next/prev
+     * block), allow the browser default so focus can leave the editor to
+     * external elements (e.g. inputs after the editor).
+     *
+     * Nested editors (e.g. database card drawer) are safe because the table
+     * cell guard above returns early, and those editors handle Tab themselves.
      */
     if (isNavigated) {
       event.preventDefault();

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

@@ -300,6 +300,17 @@ export class BlockManager extends Module {
       eventsDispatcher: this.eventsDispatcher,
       getBlockIndex: (block) => this.repository.getBlockIndex(block),
       onBlockMutated: this.blockDidMutated.bind(this),
+      shouldHandleEvent: (event: Event) => {
+        const target = event.target;
+
+        if (target instanceof Element) {
+          const closestEditor = target.closest('[data-blok-testid="blok-editor"]');
+
+          return closestEditor === null || closestEditor === this.Blok.UI.nodes.wrapper;
+        }
+
+        return true;
+      },
     });
 
     // Initialize factory
@@ -438,6 +449,8 @@ export class BlockManager extends Module {
     parentId?: string;
     contentIds?: string[];
     bindEventsImmediately?: boolean;
+    lastEditedAt?: number;
+    lastEditedBy?: string | null;
   }): Block {
     return this.factory.composeBlock(options);
   }
@@ -1086,6 +1099,11 @@ export class BlockManager extends Module {
     // Also skip if a pointer drag is active — the browser can mutate contenteditable DOM across
     // cell boundaries during a drag, and we must not write that corrupted state to Yjs.
     if (mutationType === BlockChangedMutationType && !this.yjsSync.isSyncingFromYjs && !this._isPointerDragActive) {
+      // 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;
+
       void this.syncBlockDataToYjs(block);
     }
 
@@ -1140,5 +1158,9 @@ export class BlockManager extends Module {
     for (const [key, value] of Object.entries(savedData.data)) {
       this.Blok.YjsManager.updateBlockData(block.id, key, value);
     }
+
+    if (block.lastEditedAt !== undefined) {
+      this.Blok.YjsManager.updateBlockMetadata(block.id, block.lastEditedAt, block.lastEditedBy);
+    }
   }
 }