autumnnote 1.7.0 → 1.8.1

package/src/js/editing/Typing.js

@@ -17,6 +17,25 @@ const _FA_PATTERN = /\bfa-/;
 const isFAIcon = (n) => !!(n?.nodeName === 'I' && _FA_PATTERN.test(n.className || ''));
 const isZwsAnchor = (n) => !!(n?.nodeType === Node.TEXT_NODE && (n.textContent === '\u200B' || n.textContent === ''));
 
+/**
+ * Extracts the content from `startContainer:startOffset` to the end of `li`.
+ * Returns an empty fragment if the range is invalid (e.g. detached node).
+ * @param {Range} nativeRange
+ * @param {Element} li
+ * @returns {DocumentFragment}
+ */
+function extractAfterContent(nativeRange, li) {
+  try {
+    const r = document.createRange();
+    r.setStart(nativeRange.startContainer, nativeRange.startOffset);
+    r.setEnd(li, li.childNodes.length);
+    return r.extractContents();
+  } catch (_) {
+    void _;
+    return document.createDocumentFragment();
+  }
+}
+
 /**
  * Handles special keydown behaviour inside the editor.
  * @param {KeyboardEvent} event
@@ -312,16 +331,14 @@ export function handleKeydown(event, editable, options = {}) {
       if (!nativeRange.collapsed) {
         nativeRange.deleteContents();
         // nativeRange is now collapsed at the deletion point; re-read it
+        if (sel.rangeCount === 0 || !checkLi.isConnected) return true;
         nativeRange = sel.getRangeAt(0);
       }
 
       // 3. Extract everything from cursor to end of li into afterFrag.
       //    Use startContainer/startOffset (cursor position after potential delete),
       //    NOT endContainer/endOffset which is wrong for non-collapsed ranges.
-      const afterRange = document.createRange();
-      afterRange.setStart(nativeRange.startContainer, nativeRange.startOffset);
-      afterRange.setEnd(checkLi, checkLi.childNodes.length);
-      const afterFrag = afterRange.extractContents();
+      const afterFrag = extractAfterContent(nativeRange, checkLi);
 
       // 4. Build the new checklist item with the extracted "after" content.
       const newLi = document.createElement('li');

package/src/js/i18n/de.js

@@ -151,6 +151,7 @@ export const de = {
     findPlaceholder:    'Suchen…',
     searchAriaLabel:    'Suchtext',
     caseSensitive:      '\u00a0Groß-/Kleinschreibung',
+    wholeWord:          'Ganzes Wort',
     prevBtn:            '← Zurück',
     nextBtn:            'Weiter →',
     replacePlaceholder: 'Ersetzen durch…',
@@ -293,7 +294,16 @@ export const de = {
       columnWidth:        'Spaltenbreite',
       rowHeight:          'Zeilenhöhe',
       tableBorderWidth:   'Tabellenrahmenbreite',
+      tableBorderColor:   'Tabellenrahmenfarbe',
       deleteTable:        'Tabelle löschen',
+      cellAlignLeft:      'Linksbündig',
+      cellAlignCenter:    'Zentrieren',
+      cellAlignRight:     'Rechtsbündig',
+      cellAlignJustify:   'Blocksatz',
+      toggleHeaderRow:    'Kopfzeile umschalten',
+      cellBackground:     'Zellhintergrund',
+      noShading:          'Kein Hintergrund',
+      noBorderColor:      'Keine Rahmenfarbe',
       columnWidthPx:      'Spaltenbreite (px)',
       rowHeightPx:        'Zeilenhöhe (px)',
       tableBorderWidthPx: 'Tabellenrahmenbreite (px)',
@@ -325,4 +335,11 @@ export const de = {
     imageSize: (maxSize) =>
       `Die Bilddatei ist zu groß. Die maximal zulässige Größe beträgt ${maxSize} MB.`,
   },
+
+  autoSaveRestore: {
+    found:   'Entwurf gefunden. Wiederherstellen?',
+    foundAt: 'Entwurf vom {date}. Wiederherstellen?',
+    restore: 'Wiederherstellen',
+    discard: 'Verwerfen',
+  },
 };

package/src/js/i18n/en.js

@@ -153,6 +153,7 @@ export const en = {
     findPlaceholder:  'Find\u2026',
     searchAriaLabel:  'Search text',
     caseSensitive:    '\u00a0Case sensitive',
+    wholeWord:        'Whole Word',
     prevBtn:          '\u2190 Prev',
     nextBtn:          'Next \u2192',
     replacePlaceholder: 'Replace with\u2026',
@@ -164,6 +165,13 @@ export const en = {
     close:              '\u00d7',
   },
 
+  autoSaveRestore: {
+    found:   'Draft found. Restore?',
+    foundAt: 'Draft from {date}. Restore?',
+    restore: 'Restore',
+    discard: 'Discard',
+  },
+
   shortcutsDialog: {
     title:     'Keyboard Shortcuts',
     ariaLabel: 'Keyboard Shortcuts',

package/src/js/i18n/es.js

@@ -151,6 +151,7 @@ export const es = {
     findPlaceholder:    'Buscar…',
     searchAriaLabel:    'Texto de búsqueda',
     caseSensitive:      '\u00a0Distinguir mayúsculas',
+    wholeWord:          'Palabra completa',
     prevBtn:            '← Anterior',
     nextBtn:            'Siguiente →',
     replacePlaceholder: 'Reemplazar con…',
@@ -293,7 +294,16 @@ export const es = {
       columnWidth:        'Ancho de columna',
       rowHeight:          'Alto de fila',
       tableBorderWidth:   'Grosor del borde de la tabla',
+      tableBorderColor:   'Color del borde de la tabla',
       deleteTable:        'Eliminar tabla',
+      cellAlignLeft:      'Alinear a la izquierda',
+      cellAlignCenter:    'Centrar',
+      cellAlignRight:     'Alinear a la derecha',
+      cellAlignJustify:   'Justificar',
+      toggleHeaderRow:    'Activar fila de encabezado',
+      cellBackground:     'Fondo de celda',
+      noShading:          'Sin fondo',
+      noBorderColor:      'Sin color de borde',
       columnWidthPx:      'Ancho de columna (px)',
       rowHeightPx:        'Alto de fila (px)',
       tableBorderWidthPx: 'Grosor del borde (px)',
@@ -325,4 +335,11 @@ export const es = {
     imageSize: (maxSize) =>
       `El archivo de imagen es demasiado grande. El tamaño máximo permitido es ${maxSize} MB.`,
   },
+
+  autoSaveRestore: {
+    found:   'Borrador encontrado. ¿Restaurar?',
+    foundAt: 'Borrador del {date}. ¿Restaurar?',
+    restore: 'Restaurar',
+    discard: 'Descartar',
+  },
 };

package/src/js/i18n/fr.js

@@ -152,6 +152,7 @@ export const fr = {
     findPlaceholder:    'Rechercher\u2026',
     searchAriaLabel:    'Texte à rechercher',
     caseSensitive:      '\u00a0Respecter la casse',
+    wholeWord:          'Mot entier',
     prevBtn:            '\u2190 Préc.',
     nextBtn:            'Suiv. \u2192',
     replacePlaceholder: 'Remplacer par\u2026',
@@ -294,7 +295,16 @@ export const fr = {
       columnWidth:        'Largeur de colonne',
       rowHeight:          'Hauteur de ligne',
       tableBorderWidth:   'Épaisseur des bordures',
+      tableBorderColor:   'Couleur de bordure',
       deleteTable:        'Supprimer le tableau',
+      cellAlignLeft:      'Aligner \u00e0 gauche',
+      cellAlignCenter:    'Centrer',
+      cellAlignRight:     'Aligner \u00e0 droite',
+      cellAlignJustify:   'Justifier',
+      toggleHeaderRow:    'Ligne d\'en-t\u00eate',
+      cellBackground:     'Couleur de fond',
+      noShading:          'Aucun fond',
+      noBorderColor:      'Aucune bordure',
       columnWidthPx:      'Largeur de colonne (px)',
       rowHeightPx:        'Hauteur de ligne (px)',
       tableBorderWidthPx: 'Épaisseur des bordures (px)',
@@ -326,4 +336,11 @@ export const fr = {
     imageSize: (maxSize) =>
       `Le fichier image est trop volumineux. La taille maximale autorisée est de ${maxSize}\u00a0Mo.`,
   },
-};
+
+  autoSaveRestore: {
+    found:   'Brouillon trouvé. Restaurer ?',
+    foundAt: 'Brouillon du {date}. Restaurer ?',
+    restore: 'Restaurer',
+    discard: 'Ignorer',
+  },
+};

package/src/js/i18n/ja.js

@@ -152,6 +152,7 @@ export const ja = {
     findPlaceholder:    '検索\u2026',
     searchAriaLabel:    '検索テキスト',
     caseSensitive:      '\u00a0大文字/小文字を区別',
+    wholeWord:          '単語単位',
     prevBtn:            '\u2190 前へ',
     nextBtn:            '次へ \u2192',
     replacePlaceholder: '置換後\u2026',
@@ -294,7 +295,16 @@ export const ja = {
       columnWidth:        '列幅',
       rowHeight:          '行の高さ',
       tableBorderWidth:   'テーブルの枠幅',
+      tableBorderColor:   'テーブルの枠線色',
       deleteTable:        'テーブルを削除',
+      cellAlignLeft:      '左揃え',
+      cellAlignCenter:    '中央揃え',
+      cellAlignRight:     '右揃え',
+      cellAlignJustify:   '両端揃え',
+      toggleHeaderRow:    'ヘッダー行の切り替え',
+      cellBackground:     'セル背景色',
+      noShading:          '背景色なし',
+      noBorderColor:      '枠線色なし',
       columnWidthPx:      '列幅 (px)',
       rowHeightPx:        '行の高さ (px)',
       tableBorderWidthPx: 'テーブルの枠幅 (px)',
@@ -326,4 +336,11 @@ export const ja = {
     imageSize: (maxSize) =>
       `画像ファイルが大きすぎます。最大許容サイズは ${maxSize} MB です。`,
   },
+
+  autoSaveRestore: {
+    found:   '下書きが見つかりました。復元しますか？',
+    foundAt: '{date} の下書きが見つかりました。復元しますか？',
+    restore: '復元',
+    discard: '破棄',
+  },
 };

package/src/js/i18n/ko.js

@@ -151,6 +151,7 @@ export const ko = {
     findPlaceholder:    '찾기…',
     searchAriaLabel:    '검색 텍스트',
     caseSensitive:      '\u00a0대소문자 구분',
+    wholeWord:          '전체 단어',
     prevBtn:            '← 이전',
     nextBtn:            '다음 →',
     replacePlaceholder: '바꿀 내용…',
@@ -293,7 +294,16 @@ export const ko = {
       columnWidth:        '열 너비',
       rowHeight:          '행 높이',
       tableBorderWidth:   '표 테두리 너비',
+      tableBorderColor:   '표 테두리 색상',
       deleteTable:        '표 삭제',
+      cellAlignLeft:      '왼쪽 정렬',
+      cellAlignCenter:    '가운데 정렬',
+      cellAlignRight:     '오른쪽 정렬',
+      cellAlignJustify:   '양쪽 정렬',
+      toggleHeaderRow:    '머리글 행 전환',
+      cellBackground:     '셀 배경색',
+      noShading:          '배경 없음',
+      noBorderColor:      '테두리 색 없음',
       columnWidthPx:      '열 너비 (px)',
       rowHeightPx:        '행 높이 (px)',
       tableBorderWidthPx: '표 테두리 너비 (px)',
@@ -325,4 +335,11 @@ export const ko = {
     imageSize: (maxSize) =>
       `이미지 파일이 너무 큽니다. 최대 허용 크기는 ${maxSize} MB입니다.`,
   },
+
+  autoSaveRestore: {
+    found:   '초안을 찾았습니다. 복원하시겠습니까?',
+    foundAt: '{date}의 초안을 찾았습니다. 복원하시겠습니까?',
+    restore: '복원',
+    discard: '삭제',
+  },
 };

package/src/js/i18n/vi.js

@@ -152,6 +152,7 @@ export const vi = {
     findPlaceholder:  'Tìm\u2026',
     searchAriaLabel:  'Văn bản tìm kiếm',
     caseSensitive:    '\u00a0Phân biệt hoa thường',
+    wholeWord:        'Toàn bộ từ',
     prevBtn:          '\u2190 Trước',
     nextBtn:          'Tiếp \u2192',
     replacePlaceholder: 'Thay thế bằng\u2026',
@@ -294,9 +295,16 @@ export const vi = {
       columnWidth:        'Chiều rộng cột',
       rowHeight:          'Chiều cao hàng',
       tableBorderWidth:   'Độ rộng viền bảng',
+      tableBorderColor:   'Màu viền bảng',
       deleteTable:        'Xóa bảng',
+      cellAlignLeft:      'Căn trái',
+      cellAlignCenter:    'Căn giữa',
+      cellAlignRight:     'Căn phải',
+      cellAlignJustify:   'Căn đều',
+      toggleHeaderRow:    'Bật/tắt hàng tiêu đề',
       cellBackground:     'Màu Nền Ô',
       noShading:          'Xóa Màu Nền',
+      noBorderColor:      'Xóa màu viền',
       columnWidthPx:      'Chiều rộng cột (px)',
       rowHeightPx:        'Chiều cao hàng (px)',
       tableBorderWidthPx: 'Độ rộng viền bảng (px)',
@@ -328,4 +336,11 @@ export const vi = {
     imageSize: (maxSize) =>
       `Tệp hình ảnh quá lớn. Kích thước tối đa cho phép là ${maxSize} MB.`,
   },
+
+  autoSaveRestore: {
+    found:   'Tìm thấy bản nháp. Khôi phục?',
+    foundAt: 'Bản nháp từ {date}. Khôi phục?',
+    restore: 'Khôi phục',
+    discard: 'Bỏ qua',
+  },
 };

package/src/js/i18n/zh.js

@@ -152,6 +152,7 @@ export const zh = {
     findPlaceholder:    '查找\u2026',
     searchAriaLabel:    '搜索文字',
     caseSensitive:      '\u00a0区分大小写',
+    wholeWord:          '全字匹配',
     prevBtn:            '\u2190 上一个',
     nextBtn:            '下一个 \u2192',
     replacePlaceholder: '替换为\u2026',
@@ -294,7 +295,16 @@ export const zh = {
       columnWidth:        '列宽',
       rowHeight:          '行高',
       tableBorderWidth:   '表格边框宽度',
+      tableBorderColor:   '表格边框颜色',
       deleteTable:        '删除表格',
+      cellAlignLeft:      '左对齐',
+      cellAlignCenter:    '居中对齐',
+      cellAlignRight:     '右对齐',
+      cellAlignJustify:   '两端对齐',
+      toggleHeaderRow:    '切换标题行',
+      cellBackground:     '单元格背景',
+      noShading:          '无底纹',
+      noBorderColor:      '无边框颜色',
       columnWidthPx:      '列宽 (px)',
       rowHeightPx:        '行高 (px)',
       tableBorderWidthPx: '表格边框宽度 (px)',
@@ -326,4 +336,11 @@ export const zh = {
     imageSize: (maxSize) =>
       `图片文件过大。最大允许大小为 ${maxSize} MB。`,
   },
+
+  autoSaveRestore: {
+    found:   '找到草稿。是否恢复？',
+    foundAt: '发现 {date} 的草稿。是否恢复？',
+    restore: '恢复',
+    discard: '放弃',
+  },
 };

package/src/js/index.js

@@ -12,7 +12,7 @@
 // @ts-ignore
 import '../styles/autumnnote.scss';
 import { Context, _customModules, _globalPlugins } from './Context.js';
-import { registerButton } from './module/Buttons.js';
+import { registerButton, buttons } from './module/Buttons.js';
 import { defaultOptions } from './settings.js';
 
 // Snapshot of factory defaults taken at module-load time (before any setDefaults() calls)
@@ -140,8 +140,11 @@ const AutumnNote = {
    */
   registerButton(btnDef) { registerButton(btnDef); return this; },
 
+  /** All pre-built button definitions — accessible in every module format including UMD/CJS. */
+  buttons,
+
   /** Library version */
-  version: '1.7.0',
+  version: '1.8.0',
 };
 
 // ---------------------------------------------------------------------------

package/src/js/module/Buttons.js

@@ -348,3 +348,52 @@ export const defaultToolbar = [
   [hrBtn, linkBtn, imageBtn, videoBtn, tableBtn, emojiBtn, iconBtn],
   [removeFormatBtn, codeviewBtn, fullscreenBtn, findBtn, printBtn, shortcutsBtn],
 ];
+
+// ---------------------------------------------------------------------------
+// Buttons namespace — all pre-built button definitions in a single object.
+// Exposed as AutumnNote.buttons so UMD / CJS consumers can access them
+// without named imports: AutumnNote.buttons.boldBtn, etc.
+// ---------------------------------------------------------------------------
+
+export const buttons = {
+  boldBtn,
+  italicBtn,
+  underlineBtn,
+  strikeBtn,
+  superscriptBtn,
+  subscriptBtn,
+  alignLeftBtn,
+  alignCenterBtn,
+  alignRightBtn,
+  alignJustifyBtn,
+  ulBtn,
+  olBtn,
+  indentBtn,
+  outdentBtn,
+  undoBtn,
+  redoBtn,
+  hrBtn,
+  linkBtn,
+  imageBtn,
+  videoBtn,
+  emojiBtn,
+  iconBtn,
+  tableBtn,
+  fontSizeBtn,
+  removeFormatBtn,
+  directionBtn,
+  fontFamilyBtn,
+  paragraphStyleBtn,
+  lineHeightBtn,
+  codeviewBtn,
+  fullscreenBtn,
+  shortcutsBtn,
+  findBtn,
+  findReplaceBtn,
+  inlineCodeBtn,
+  checklistBtn,
+  printBtn,
+  foreColorBtn,
+  backColorBtn,
+  defaultToolbar,
+};

package/src/js/module/Clipboard.js

@@ -187,6 +187,18 @@ export class Clipboard {
     const forcePlain = this._forcePlain;
     this._forcePlain = false;
 
+    // Enforce maxPasteSize limit (default 5 MB)
+    const maxBytes = (this.options.maxPasteSize ?? 5) * 1024 * 1024;
+    if (maxBytes > 0) {
+      const text = clipboardData.getData('text/plain') || '';
+      const html = clipboardData.getData('text/html') || '';
+      const size = Math.max(text.length, html.length);
+      if (size > maxBytes) {
+        event.preventDefault();
+        return;
+      }
+    }
+
     // 1. Image file in clipboard (screenshot, copy-image-from-browser, etc.)
     if (clipboardData.items) {
       const imageItems = Array.from(clipboardData.items).filter(
@@ -353,7 +365,7 @@ export class Clipboard {
     const mime = /:(.*?);/.exec(header)?.[1] ?? 'image/png';
     const binary = atob(b64);
     const arr = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) arr[i] = binary.codePointAt(i);
+    for (let i = 0; i < binary.length; i++) arr[i] = binary.charCodeAt(i);
     return new Blob([arr], { type: mime });
   }
 

package/src/js/module/FindReplace.js

@@ -31,6 +31,7 @@ export class FindReplace extends BaseDialog {
     this._currentIndex = -1;
     this._caseSensitive = false;
     this._useRegex = false;
+    this._wholeWord = false;
     /** @type {'find'|'replace'} */
     this._mode = 'find';
 
@@ -39,6 +40,7 @@ export class FindReplace extends BaseDialog {
     this._lastQuery = null;
     this._lastCaseSensitive = null;
     this._lastUseRegex = null;
+    this._lastWholeWord = null;
 
     this._focusTimer = null;
   }
@@ -179,6 +181,14 @@ export class FindReplace extends BaseDialog {
     });
     regexBtn.textContent = '.*';
 
+    const wholeWordBtn = createElement('button', {
+      type: 'button',
+      class: 'an-fr-icon-btn',
+      title: L.wholeWord,
+      'aria-label': L.wholeWord,
+    });
+    wholeWordBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="18" height="10" rx="2"/><line x1="7" y1="21" x2="7" y2="17"/><line x1="17" y1="21" x2="17" y2="17"/></svg>`;
+
     const prevBtn = createElement('button', {
       type: 'button',
       class: 'an-fr-icon-btn',
@@ -198,7 +208,7 @@ export class FindReplace extends BaseDialog {
     const counter = createElement('span', { class: 'an-fr-counter' });
     this._counterEl = counter;
 
-    searchBar.append(findInput, caseCheckbox, caseBtn, regexBtn, prevBtn, nextBtn, counter);
+    searchBar.append(findInput, caseCheckbox, caseBtn, regexBtn, wholeWordBtn, prevBtn, nextBtn, counter);
     box.appendChild(searchBar);
 
     // ---- Replace row: [input] [Replace] [All]  (hidden by default) ----
@@ -266,7 +276,14 @@ export class FindReplace extends BaseDialog {
       this._lastQuery = null;
       this._onSearch();
     });
-    this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex);
+    const dWholeWord = on(wholeWordBtn, 'click', () => {
+      this._wholeWord = !this._wholeWord;
+      wholeWordBtn.classList.toggle('an-fr-icon-btn--active', this._wholeWord);
+      this._queryRegex = null;
+      this._lastQuery = null;
+      this._onSearch();
+    });
+    this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex, dWholeWord);
 
     return overlay;
   }
@@ -341,13 +358,14 @@ export class FindReplace extends BaseDialog {
    */
   _findRawMatches(query, root) {
     const results = [];
-    // Reuse compiled regex when query, case-sensitivity, and regex mode haven't changed
-    if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex) {
+    // Reuse compiled regex when query, case-sensitivity, regex mode, and whole-word haven't changed
+    if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex || this._lastWholeWord !== this._wholeWord) {
       const flags = this._caseSensitive ? 'g' : 'gi';
       try {
-        const pattern = this._useRegex
+        let pattern = this._useRegex
           ? query
           : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+        if (this._wholeWord) pattern = `\\b${pattern}\\b`;
         this._queryRegex = new RegExp(pattern, flags);
       } catch (_) {
         this._queryRegex = null;
@@ -355,6 +373,7 @@ export class FindReplace extends BaseDialog {
       this._lastQuery = query;
       this._lastCaseSensitive = this._caseSensitive;
       this._lastUseRegex = this._useRegex;
+      this._lastWholeWord = this._wholeWord;
     }
     if (!this._queryRegex) return results;
     const re = this._queryRegex;

package/src/js/module/ImageDialog.js

@@ -107,6 +107,7 @@ export class ImageDialog extends BaseDialog {
   // ---------------------------------------------------------------------------
 
   _onFileChange() {
+    if (this.context._alive === false) return;
     const file = this._fileInput?.files?.[0];
     if (!file?.type?.startsWith('image/')) return;
 

package/src/js/module/ImageResizer.js

@@ -204,6 +204,7 @@ export class ImageResizer {
     const isCorner = pos.length === 2; // 'nw','ne','se','sw'
 
     const editable = this.context.layoutInfo.editable;
+    const minSz = this.context.options?.minImageSize ?? 20;
     let _raf = null; // rAF handle — ensures at most one write per paint frame
 
     const onMove = (me) => {
@@ -218,19 +219,19 @@ export class ImageResizer {
         let newW = startW;
         let newH = startH;
 
-        if (pos.includes('e')) newW = Math.max(20, startW + dx);
-        if (pos.includes('w')) newW = Math.max(20, startW - dx);
-        if (pos.includes('s')) newH = Math.max(20, startH + dy);
-        if (pos.includes('n')) newH = Math.max(20, startH - dy);
+        if (pos.includes('e')) newW = Math.max(minSz, startW + dx);
+        if (pos.includes('w')) newW = Math.max(minSz, startW - dx);
+        if (pos.includes('s')) newH = Math.max(minSz, startH + dy);
+        if (pos.includes('n')) newH = Math.max(minSz, startH - dy);
 
         newW = Math.min(newW, maxW);
 
         if (isCorner) {
           if (Math.abs(dx) >= Math.abs(dy)) {
-            newH = Math.max(20, Math.round(newW / aspectRatio));
+            newH = Math.max(minSz, Math.round(newW / aspectRatio));
           } else {
-            newW = Math.min(Math.max(20, Math.round(newH * aspectRatio)), maxW);
-            newH = Math.max(20, Math.round(newW / aspectRatio));
+            newW = Math.min(Math.max(minSz, Math.round(newH * aspectRatio)), maxW);
+            newH = Math.max(minSz, Math.round(newW / aspectRatio));
           }
         }
 

package/src/js/module/Mention.js

@@ -17,6 +17,7 @@
  *   debounce:     200,
  *   onSearch:     (query, callback) => void,
  *   onInsert:     (item) => string | null,
+ *   onError:      (err: Error) => void,
  *   mentionClass: 'an-mention',
  *   allowSpaces:  false,
  * }
@@ -277,9 +278,19 @@ export class Mention {
         this._renderItems(items);
         this._showDropdown();
       };
-      const result = this._cfg.onSearch(this._query, cb);
+      let result;
+      try {
+        result = this._cfg.onSearch(this._query, cb);
+      } catch (err) {
+        this._hideDropdown();
+        if (typeof this._cfg.onError === 'function') this._cfg.onError(err);
+        return;
+      }
       if (result && typeof result.then === 'function') {
-        result.then(cb).catch(() => this._hideDropdown());
+        result.then(cb).catch((err) => {
+          this._hideDropdown();
+          if (typeof this._cfg.onError === 'function') this._cfg.onError(err);
+        });
       }
     }, this._cfg.debounce);
   }

package/src/js/module/TableTooltip.js

@@ -1470,9 +1470,30 @@ export class TableTooltip {
         : bText.localeCompare(aText);
     });
     rows.forEach((row) => tbody.appendChild(row));
+    this._markSortIndicator(table, colIdx, direction);
     this.context.invoke('editor.afterCommand');
   }
 
+  /**
+   * Marks the header cell of the sorted column with `an-sort-asc`/`an-sort-desc`
+   * so the active sort column and direction are visible, and clears any previous
+   * indicator. No-op for tables without a `<thead>` (no header row to mark).
+   * @param {HTMLTableElement} table
+   * @param {number} colIdx
+   * @param {'asc'|'desc'} direction
+   */
+  _markSortIndicator(table, colIdx, direction) {
+    const thead = table.querySelector('thead');
+    if (!thead) return;
+    thead.querySelectorAll('.an-sort-asc, .an-sort-desc').forEach((el) => {
+      el.classList.remove('an-sort-asc', 'an-sort-desc');
+    });
+    const headerRow = thead.querySelector('tr');
+    if (!headerRow) return;
+    const headerCell = getCellAtVisualCol(headerRow, colIdx);
+    if (headerCell) headerCell.classList.add(direction === 'asc' ? 'an-sort-asc' : 'an-sort-desc');
+  }
+
   _exportTableCSV() {
     const table = this._activeTable;
     if (!table) return;

package/src/styles/autumnnote.scss

@@ -31,9 +31,13 @@
 
   &.an-focused {
     border-color: var(--an-focus-color, #{$an-primary});
-    // color-mix() blends the focus colour with transparent for the glow ring.
-    // Falls back gracefully to the default blue glow in older browsers.
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #{$an-primary}) 18%, transparent);
+    // Fallback glow for browsers without color-mix() (pre-Chrome 111, Safari 15.3, Firefox 112).
+    // Uses the static $an-primary value so --an-focus-color overrides are ignored in those browsers.
+    box-shadow: 0 0 0 3px rgba($an-primary, 0.18);
+    // Modern browsers get a fully themeable glow that respects --an-focus-color.
+    @supports (color: color-mix(in srgb, red, blue)) {
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #{$an-primary}) 18%, transparent);
+    }
   }
 
   &.an-disabled {
@@ -431,6 +435,11 @@
   padding: $an-editable-pad;
   min-height: 0;
   outline: none;
+
+  &:focus-visible {
+    outline: 2px solid var(--an-focus-color, #{$an-primary});
+    outline-offset: -2px;
+  }
   line-height: $an-line-height;
   color: $an-text;
   overflow-y: auto;
@@ -565,6 +574,17 @@
     th {
       background: $an-bg-toolbar;
       font-weight: 600;
+
+      // Sort indicator — shows the active sorted column and direction
+      &.an-sort-asc::after,
+      &.an-sort-desc::after {
+        display: inline-block;
+        margin-left: 6px;
+        font-size: 0.7em;
+        opacity: 0.6;
+      }
+      &.an-sort-asc::after { content: '\25B2'; }
+      &.an-sort-desc::after { content: '\25BC'; }
     }
   }
 }