@jackuait/blok 0.13.0 → 0.13.1

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

@@ -25,7 +25,7 @@
   "toolNames.database": "Databas",
   "tools.link.addLink": "Lägg till länk",
   "tools.link.invalidLink": "Ogiltig länk",
-  "tools.marker.textColor": "Text",
+  "tools.marker.textColor": "Textfärg",
   "tools.marker.background": "Bakgrund",
   "tools.marker.default": "Standard",
   "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
@@ -207,7 +207,7 @@
   "tools.code.lineNumbers": "Radnummer",
   "searchTerms.code": "kod",
   "searchTerms.snippet": "kodsnutt",
-  "searchTerms.program": "program",
+  "searchTerms.program": "programkod",
   "searchTerms.pre": "förformaterad",
   "toolNames.image": "Bild",
   "blockSettings.blocksSelected": "{count} block",
@@ -218,7 +218,7 @@
   "tools.link.emailAddress": "E-postadress",
   "tools.link.jumpToSection": "Gå till avsnitt",
   "tools.link.webLink": "Länk till webbsida",
-  "tools.code.autoDetected": "auto",
+  "tools.code.autoDetected": "automatiskt",
   "tools.code.plainText": "Oformaterad text",
   "tools.image.alignment": "Justering",
   "tools.image.alignmentLeft": "Vänster",
@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "Zooma ut",
   "tools.image.resetZoom": "Återställ zoom",
   "tools.image.errorUploadFailed": "Uppladdningen misslyckades",
+  "tools.image.errorUploadFailedTitle": "Uppladdningen misslyckades",
   "tools.image.errorSourceOffline": "Källan kan ha flyttats eller vara offline.",
   "tools.image.errorUnavailable": "Bild ej tillgänglig",
+  "tools.image.errorImageFailedToLoad": "Det gick inte att läsa in bilden",
   "tools.image.errorDefaultTitle": "Bilden kunde inte läsas in",
   "tools.image.errorDefaultMessage": "URL:en returnerade ett fel. Prova en annan källa eller ladda upp filen igen.",
   "tools.image.errorRetry": "Försök igen",
@@ -273,7 +275,7 @@
   "tools.image.emptyChooseFile": "Välj fil",
   "tools.image.emptyOrDropHere": "eller släpp en bild här",
   "tools.image.emptyDropToUpload": "Släpp för att ladda upp",
-  "tools.image.emptyMaxSize": "max {size}",
+  "tools.image.emptyMaxSize": "högst {size}",
   "tools.image.emptyUrlPlaceholder": "Klistra in en bild-URL…",
   "tools.image.emptyUrlAria": "Bild-URL",
   "tools.image.emptySourceAria": "Bildkälla",
@@ -283,7 +285,7 @@
   "tools.image.cropRatio4to3": "4:3",
   "tools.image.cropRatio16to9": "16:9",
   "tools.image.cropRatioCircle": "Cirkel",
-  "tools.image.cropRatioOval": "Oval",
+  "tools.image.cropRatioOval": "Ellips",
   "tools.image.cropReset": "Återställ",
   "tools.image.cropCancel": "Avbryt",
   "tools.image.cropDone": "Klar",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "Klar",
   "tools.database.defaultViewBoard": "Tavla"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "Kuza nje",
   "tools.image.resetZoom": "Weka upya ukuzaji",
   "tools.image.errorUploadFailed": "Upakiaji umeshindikana",
+  "tools.image.errorUploadFailedTitle": "Upakiaji umeshindwa",
   "tools.image.errorSourceOffline": "Chanzo kinaweza kuwa kimehamishwa au nje ya mtandao.",
   "tools.image.errorUnavailable": "Picha haipatikani",
+  "tools.image.errorImageFailedToLoad": "Imeshindwa kupakia picha",
   "tools.image.errorDefaultTitle": "Haikuweza kupakia picha",
   "tools.image.errorDefaultMessage": "URL imerudisha hitilafu. Jaribu chanzo kingine au pakia faili tena.",
   "tools.image.errorRetry": "Jaribu tena",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "Imekamilika",
   "tools.database.defaultViewBoard": "Ubao"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "சிறிதாக்கு",
   "tools.image.resetZoom": "பெரிதாக்கத்தை மீட்டமை",
   "tools.image.errorUploadFailed": "பதிவேற்றம் தோல்வி",
+  "tools.image.errorUploadFailedTitle": "பதிவேற்றம் தோல்வி",
   "tools.image.errorSourceOffline": "மூலம் நகர்த்தப்பட்டிருக்கலாம் அல்லது ஆஃப்லைனில் இருக்கலாம்.",
   "tools.image.errorUnavailable": "படம் கிடைக்கவில்லை",
+  "tools.image.errorImageFailedToLoad": "படத்தை ஏற்ற முடியவில்லை",
   "tools.image.errorDefaultTitle": "படத்தை ஏற்ற முடியவில்லை",
   "tools.image.errorDefaultMessage": "URL ஒரு பிழையை வழங்கியது. வேறு மூலத்தை முயற்சிக்கவும் அல்லது கோப்பை மீண்டும் பதிவேற்றவும்.",
   "tools.image.errorRetry": "மீண்டும் முயற்சி",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "முடிந்தது",
   "tools.database.defaultViewBoard": "பலகை"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "జూమ్ అవుట్",
   "tools.image.resetZoom": "జూమ్ రీసెట్",
   "tools.image.errorUploadFailed": "అప్‌లోడ్ విఫలమైంది",
+  "tools.image.errorUploadFailedTitle": "అప్‌లోడ్ విఫలమైంది",
   "tools.image.errorSourceOffline": "మూలం తరలించబడి ఉండవచ్చు లేదా ఆఫ్‌లైన్‌లో ఉండవచ్చు.",
   "tools.image.errorUnavailable": "చిత్రం అందుబాటులో లేదు",
+  "tools.image.errorImageFailedToLoad": "చిత్రాన్ని లోడ్ చేయడంలో విఫలమైంది",
   "tools.image.errorDefaultTitle": "చిత్రాన్ని లోడ్ చేయలేకపోయాము",
   "tools.image.errorDefaultMessage": "URL లోపాన్ని తిరిగి ఇచ్చింది. వేరే మూలాన్ని ప్రయత్నించండి లేదా ఫైల్‌ను మళ్లీ అప్‌లోడ్ చేయండి.",
   "tools.image.errorRetry": "మళ్లీ ప్రయత్నించు",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "పూర్తయింది",
   "tools.database.defaultViewBoard": "బోర్డ్"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "ย่อ",
   "tools.image.resetZoom": "รีเซ็ตการซูม",
   "tools.image.errorUploadFailed": "อัปโหลดล้มเหลว",
+  "tools.image.errorUploadFailedTitle": "อัปโหลดไม่สำเร็จ",
   "tools.image.errorSourceOffline": "แหล่งที่มาอาจถูกย้ายหรือออฟไลน์",
   "tools.image.errorUnavailable": "ไม่มีรูปภาพ",
+  "tools.image.errorImageFailedToLoad": "โหลดรูปภาพไม่สำเร็จ",
   "tools.image.errorDefaultTitle": "ไม่สามารถโหลดรูปภาพได้",
   "tools.image.errorDefaultMessage": "URL คืนค่าผิดพลาด ลองแหล่งอื่นหรืออัปโหลดไฟล์อีกครั้ง",
   "tools.image.errorRetry": "ลองอีกครั้ง",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "เสร็จสิ้น",
   "tools.database.defaultViewBoard": "บอร์ด"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "Uzaklaştır",
   "tools.image.resetZoom": "Yakınlaştırmayı sıfırla",
   "tools.image.errorUploadFailed": "Yükleme başarısız",
+  "tools.image.errorUploadFailedTitle": "Yükleme başarısız",
   "tools.image.errorSourceOffline": "Kaynak taşınmış veya çevrimdışı olabilir.",
   "tools.image.errorUnavailable": "Görsel kullanılamıyor",
+  "tools.image.errorImageFailedToLoad": "Görsel yüklenemedi",
   "tools.image.errorDefaultTitle": "Görsel yüklenemedi",
   "tools.image.errorDefaultMessage": "URL bir hata döndürdü. Farklı bir kaynak deneyin veya dosyayı yeniden yükleyin.",
   "tools.image.errorRetry": "Yeniden dene",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "Tamamlandı",
   "tools.database.defaultViewBoard": "Pano"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "كىچىكلىتىش",
   "tools.image.resetZoom": "چوڭايتىشنى ئەسلىگە كەلتۈرۈش",
   "tools.image.errorUploadFailed": "چىقىرىش مەغلۇپ بولدى",
+  "tools.image.errorUploadFailedTitle": "يۈكلەش مەغلۇپ بولدى",
   "tools.image.errorSourceOffline": "مەنبە يۆتكەلگەن ياكى ئوفلىن بولۇشى مۇمكىن.",
   "tools.image.errorUnavailable": "رەسىم ئىشلەتكىلى بولمايدۇ",
+  "tools.image.errorImageFailedToLoad": "رەسىمنى يۈكلىگىلى بولمىدى",
   "tools.image.errorDefaultTitle": "رەسىم يۈكلەنمىدى",
   "tools.image.errorDefaultMessage": "URL خاتالىق قايتۇردى. باشقا مەنبە سىناڭ ياكى ھۆججەتنى قايتا يۈكلەڭ.",
   "tools.image.errorRetry": "قايتا سىناش",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "تاماملاندى",
   "tools.database.defaultViewBoard": "تاختا"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "Зменшити",
   "tools.image.resetZoom": "Скинути масштаб",
   "tools.image.errorUploadFailed": "Не вдалося завантажити",
+  "tools.image.errorUploadFailedTitle": "Помилка завантаження",
   "tools.image.errorSourceOffline": "Джерело могло бути переміщене або недоступне.",
   "tools.image.errorUnavailable": "Зображення недоступне",
+  "tools.image.errorImageFailedToLoad": "Не вдалося завантажити зображення",
   "tools.image.errorDefaultTitle": "Не вдалося завантажити зображення",
   "tools.image.errorDefaultMessage": "Сервер повернув помилку. Спробуйте інше джерело або завантажте файл знову.",
   "tools.image.errorRetry": "Повторити",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "Готово",
   "tools.database.defaultViewBoard": "Дошка"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "زوم آؤٹ",
   "tools.image.resetZoom": "زوم ری سیٹ",
   "tools.image.errorUploadFailed": "اپ لوڈ ناکام",
+  "tools.image.errorUploadFailedTitle": "اپ لوڈ ناکام",
   "tools.image.errorSourceOffline": "ممکن ہے ذریعہ منتقل ہو گیا ہو یا آف لائن ہو۔",
   "tools.image.errorUnavailable": "تصویر دستیاب نہیں",
+  "tools.image.errorImageFailedToLoad": "تصویر لوڈ نہ ہو سکی",
   "tools.image.errorDefaultTitle": "تصویر لوڈ نہیں ہو سکی",
   "tools.image.errorDefaultMessage": "URL نے خرابی واپس کی۔ دوسرا ذریعہ آزمائیں یا فائل دوبارہ اپ لوڈ کریں۔",
   "tools.image.errorRetry": "دوبارہ کوشش کریں",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "مکمل",
   "tools.database.defaultViewBoard": "بورڈ"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "Thu nhỏ",
   "tools.image.resetZoom": "Đặt lại thu phóng",
   "tools.image.errorUploadFailed": "Tải lên thất bại",
+  "tools.image.errorUploadFailedTitle": "Tải lên thất bại",
   "tools.image.errorSourceOffline": "Nguồn có thể đã di chuyển hoặc ngoại tuyến.",
   "tools.image.errorUnavailable": "Không có hình ảnh",
+  "tools.image.errorImageFailedToLoad": "Không thể tải ảnh",
   "tools.image.errorDefaultTitle": "Không thể tải hình ảnh",
   "tools.image.errorDefaultMessage": "URL trả về lỗi. Hãy thử nguồn khác hoặc tải lại tệp.",
   "tools.image.errorRetry": "Thử lại",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "Hoàn thành",
   "tools.database.defaultViewBoard": "Bảng"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "פארקלענערן",
   "tools.image.resetZoom": "ריסעט זום",
   "tools.image.errorUploadFailed": "אפלאד דורכגעפאלן",
+  "tools.image.errorUploadFailedTitle": "אויפֿלאָדן געפֿעלט",
   "tools.image.errorSourceOffline": "די מקור קען זיין אריבערגעטראגן אדער אפליין.",
   "tools.image.errorUnavailable": "בילד נישט דא",
+  "tools.image.errorImageFailedToLoad": "בילד האט נישט געקענט לאדן",
   "tools.image.errorDefaultTitle": "בילד האט זיך נישט געלאדן",
   "tools.image.errorDefaultMessage": "די URL האט צוריקגעקערט א טעות. פרובירט אן אנדערן מקור אדער לאדט ווידער די טעקע.",
   "tools.image.errorRetry": "פרובירט ווידער",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "פארטיק",
   "tools.database.defaultViewBoard": "ברעט"
 }
-

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

@@ -260,8 +260,10 @@
   "tools.image.zoomOut": "缩小",
   "tools.image.resetZoom": "重置缩放",
   "tools.image.errorUploadFailed": "上传失败",
+  "tools.image.errorUploadFailedTitle": "上传失败",
   "tools.image.errorSourceOffline": "来源可能已更改或离线。",
   "tools.image.errorUnavailable": "图片不可用",
+  "tools.image.errorImageFailedToLoad": "无法加载图片",
   "tools.image.errorDefaultTitle": "无法加载图片",
   "tools.image.errorDefaultMessage": "URL 返回错误。请尝试其他来源或重新上传文件。",
   "tools.image.errorRetry": "重试",
@@ -317,4 +319,3 @@
   "tools.database.defaultStatusDone": "已完成",
   "tools.database.defaultViewBoard": "看板"
 }
-

package/src/components/icons/index.ts

@@ -719,9 +719,9 @@ export const IconCollapseFullscreen = wrapImageSvg('<path d="M9 3v6H3"/><path d=
 export const IconExpandFullscreen = wrapImageSvg('<path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="m21 3-7 7"/><path d="m3 21 7-7"/>');
 export const IconDownload = wrapImageSvg('<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/>');
 export const IconCaption = wrapImageSvg('<rect x="3" y="3.5" width="18" height="12" rx="2.5"/><path d="M5 19h14"/><path d="M8 22h8"/>');
-// Replace (image) — opposing horizontal arrows. Distinct from IconReplace
-// (20×20 looping arrows) used by the inline-toolbar convert-to feature.
-export const IconReplaceImage = wrapImageSvg('<path d="M4 7h15"/><path d="m15 3 4 4-4 4"/><path d="M20 17H5"/><path d="m9 13-4 4 4 4"/>');
+// Replace (image) — IconReplace geometry scaled to the 24×24 / 1.75-stroke
+// image-toolbar spec so it sits at the same optical size as its neighbours.
+export const IconReplaceImage = wrapImageSvg('<path d="m17.5 8 2.5-2.5L17.5 3"/><path d="M20 5.5h-5.5a6 6 0 0 0-6 6V13"/><path d="m6.5 16-2.5 2.5L6.5 21"/><path d="M4 18.5h5.5a6 6 0 0 0 6-6V11"/>');
 export const IconCrop = wrapImageSvg('<path d="M6 2v14a2 2 0 0 0 2 2h14"/><path d="M2 6h14a2 2 0 0 1 2 2v14"/>');
 
 // More-options (horizontal 3 dots) — filled circles
@@ -733,6 +733,9 @@ export const IconCloseThick = '<svg viewBox="0 0 24 24" fill="none" stroke="curr
 // Broken image alert — error state
 export const IconImageBroken = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14.5 4.5H6A2.5 2.5 0 0 0 3.5 7v10A2.5 2.5 0 0 0 6 19.5h12a2.5 2.5 0 0 0 2.5-2.5v-6.25"/><path d="m14.5 4.5 1.75 2.25 2.25-1.25 2 2.75"/><circle cx="8" cy="9" r="1.2" fill="currentColor" stroke="none"/><path d="m3.8 16.25 3.45-3.45 2.5 2.5 3.5-3.5 4 4"/></svg>';
 
+// Cloud with a strike-through — upload-failed error state
+export const IconUploadFailed = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 16.5A4.5 4.5 0 0 0 17 8.25a6 6 0 0 0-11.7 1.5A4 4 0 0 0 6 17.5"/><path d="M12 12v5"/><path d="m9.5 14.5 2.5-2.5 2.5 2.5"/><path d="m4 4 16 16" stroke-width="2"/></svg>';
+
 export const IconUpload = wrapImageSvg('<path d="M12 4v10"/><path d="m7.5 8.5 4.5-4.5 4.5 4.5"/><path d="M5 14v3.5A2.5 2.5 0 0 0 7.5 20h9a2.5 2.5 0 0 0 2.5-2.5V14"/>');
 export const IconLinkExternal = wrapImageSvg('<path d="M10 14a5 5 0 0 0 7.07 0l2.83-2.83a5 5 0 0 0-7.07-7.07L11.5 5.5"/><path d="M14 10a5 5 0 0 0-7.07 0l-2.83 2.83a5 5 0 0 0 7.07 7.07l1.33-1.33"/>');
 export const IconArrowDownLine = wrapImageSvg('<path d="M12 4v12"/><path d="m6.5 10.5 5.5 5.5 5.5-5.5"/><path d="M4 18h16"/>');

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

@@ -17,6 +17,7 @@ import { createColorPicker } from '../shared/color-picker';
 import type { ColorPickerHandle } from '../shared/color-picker';
 import { colorVarName } from '../shared/color-presets';
 import { mapToNearestPresetName } from '../utils/color-mapping';
+import { isDefaultDarkBackground, isDefaultWhiteBackground } from '../utils/default-page-colors';
 
 /**
  * Color mode type — either text color or background color
@@ -88,6 +89,17 @@ export class MarkerInlineTool implements InlineTool {
           }
         }
 
+        /**
+         * Strip default page background-colors (white / near-black) so a
+         * pasted <mark> from another editor doesn't persist a bg that was
+         * really just the source page background.
+         */
+        const bg = style.getPropertyValue('background-color');
+
+        if (bg && (isDefaultWhiteBackground(bg) || isDefaultDarkBackground(bg))) {
+          style.removeProperty('background-color');
+        }
+
         /**
          * When text color is set without an explicit background-color,
          * add transparent background to override the browser's default

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

@@ -8,6 +8,7 @@ import { Block } from '../../block';
 import { BlockAPI } from '../../block/api';
 import { capitalize } from '../../utils';
 import { normalizeTableChildParents } from '../../utils/data-model-transform';
+import { highlightBlockArrival } from '../../utils/highlight-block-arrival';
 
 import { logLabeled } from './../../utils';
 
@@ -597,5 +598,7 @@ export class BlocksAPI extends Module {
     if (block !== undefined) {
       this.Blok.BlockSelection.selectBlock(block);
     }
+
+    highlightBlockArrival(el);
   }
 }

package/src/components/modules/paste/google-docs-preprocessor.ts

@@ -1,4 +1,8 @@
 import { mapToNearestPresetColor } from '../../utils/color-mapping';
+import {
+  isDefaultDarkBackground as isDefaultDarkBackgroundShared,
+  isDefaultWhiteBackground as isDefaultWhiteBackgroundShared,
+} from '../../utils/default-page-colors';
 
 /**
  * Pre-process Google Docs clipboard HTML before sanitization.
@@ -112,10 +116,31 @@ function splitAncestorsAroundImage(img: Element, topLevel: Element): { before: N
   return reduce(img, null, null);
 }
 
+function hasTableAncestorWithin(node: Element, wrapper: HTMLElement): boolean {
+  const parent = node.parentElement;
+
+  if (parent === null || parent === wrapper) {
+    return false;
+  }
+
+  if (parent.tagName === 'TABLE') {
+    return true;
+  }
+
+  return hasTableAncestorWithin(parent, wrapper);
+}
+
 function promoteImages(wrapper: HTMLElement): void {
   const imgs = Array.from(wrapper.querySelectorAll('img'));
 
   for (const img of imgs) {
+    /**
+     * Images inside a <table> must stay in their cell. Promoting them would
+     * split the table around the image boundary, destroying the original
+     * row/column layout and scattering the cell contents across half-tables.
+     */
+    if (hasTableAncestorWithin(img, wrapper)) continue;
+
     const topLevel = findTopLevelAncestor(img, wrapper);
 
     if (!topLevel) continue;
@@ -263,31 +288,12 @@ function computeRelativeLuminance(color: string): number {
 }
 
 /**
- * Check whether a CSS background-color value is the default white page background.
- * When the browser natively copies from a contenteditable, it adds computed styles
- * including `background-color: rgb(255, 255, 255)` — the resolved page background.
- * These should not be treated as intentional marker formatting.
+ * Re-exports for backward compatibility with table-cell-clipboard and other
+ * callers that still import these helpers from this module. The canonical
+ * implementations live in `src/components/utils/default-page-colors.ts`.
  */
-function isDefaultWhiteBackground(bgColor: string): boolean {
-  const normalized = bgColor.replace(/\s/g, '').toLowerCase();
-
-  return normalized === 'rgb(255,255,255)' || normalized === '#ffffff' || normalized === 'white';
-}
-
-/**
- * Check whether a CSS background-color value is a near-black (dark mode page) background.
- * When the browser natively copies from a contenteditable in dark mode, it adds computed
- * styles including the resolved dark page background (e.g. rgb(25, 25, 24) for Blok's
- * #191918 dark background). These should not be treated as intentional marker formatting.
- *
- * Uses relative luminance < 0.12, which is below all Blok dark background presets
- * (~18% minimum lightness for #2f2f2f) while catching typical dark page backgrounds.
- */
-function isDefaultDarkBackground(bgColor: string): boolean {
-  const luminance = computeRelativeLuminance(bgColor);
-
-  return luminance >= 0 && luminance < 0.12;
-}
+export const isDefaultWhiteBackground = isDefaultWhiteBackgroundShared;
+export const isDefaultDarkBackground = isDefaultDarkBackgroundShared;
 
 /**
  * Check whether a CSS color value is a near-white (dark mode default text) color.
@@ -348,9 +354,31 @@ function buildMarkWrapper(
  *
  * @returns replacement HTML string, or `null` if the span should be left as-is
  */
+const HEADING_TAGS = new Set(['H1', 'H2', 'H3', 'H4', 'H5', 'H6']);
+
+function hasHeadingAncestor(node: Element): boolean {
+  const parent = node.parentElement;
+
+  if (parent === null) {
+    return false;
+  }
+
+  if (HEADING_TAGS.has(parent.tagName)) {
+    return true;
+  }
+
+  return hasHeadingAncestor(parent);
+}
+
 function convertSpanToSemanticHtml(span: Element, isGoogleDocs: boolean): string | null {
   const style = span.getAttribute('style') ?? '';
-  const isBold = /font-weight\s*:\s*(700|bold)/i.test(style);
+  /**
+   * Headings are already rendered bold. A span with font-weight:700 inside a
+   * heading is the default weight Google Docs writes — treating it as bold
+   * would wrap the text in `<b>`, producing `<strong>` in saved data and
+   * visibly doubling the weight.
+   */
+  const isBold = /font-weight\s*:\s*(700|bold)/i.test(style) && !hasHeadingAncestor(span);
   const isItalic = /font-style\s*:\s*italic/i.test(style);
 
   const colorMatch = /(?<![a-z-])color\s*:\s*([^;]+)/i.exec(style);
@@ -362,9 +390,17 @@ function convertSpanToSemanticHtml(span: Element, isGoogleDocs: boolean): string
   const hasColor = isGoogleDocs
     ? color !== undefined && !isDefaultBlack(color)
     : color !== undefined && !isDefaultBlack(color) && !isDefaultLightText(color);
-  const hasBgColor = isGoogleDocs
-    ? bgColor !== undefined && bgColor !== 'transparent'
-    : bgColor !== undefined && bgColor !== 'transparent' && !isDefaultWhiteBackground(bgColor) && !isDefaultDarkBackground(bgColor);
+  /**
+   * Default page backgrounds (white/near-white, near-black) are filtered for both
+   * branches. Google Docs writes the page background-color onto every <span> in
+   * the clipboard payload — without this filter, the nearest-preset color mapping
+   * would attach a default-bg styled <mark> to every paragraph.
+   */
+  const hasBgColor =
+    bgColor !== undefined &&
+    bgColor !== 'transparent' &&
+    !isDefaultWhiteBackground(bgColor) &&
+    !isDefaultDarkBackground(bgColor);
 
   if (!isBold && !isItalic && !hasColor && !hasBgColor) {
     return null;

package/src/components/modules/paste/sanitizer-config.ts

@@ -93,7 +93,16 @@ export class SanitizerConfigBuilder {
    * Special handling for table sanitization.
    */
   public sanitizeTable(table: HTMLElement, config: SanitizerConfig): HTMLElement | null {
-    const cleanTableHTML = clean(table.outerHTML, config);
+    /**
+     * Allow `<img>` inside table cells so pasted images (e.g. from Google Docs
+     * tables) survive sanitization and end up in the cell's paragraph content
+     * rather than being stripped silently.
+     */
+    const tableConfig: SanitizerConfig = {
+      ...config,
+      img: { src: true, alt: true, width: true, height: true },
+    };
+    const cleanTableHTML = clean(table.outerHTML, tableConfig);
     const tmpWrapper = document.createElement('div');
 
     tmpWrapper.innerHTML = cleanTableHTML;

package/src/components/modules/renderer.ts

@@ -8,6 +8,7 @@ import {
   analyzeDataFormat,
   expandToHierarchical,
   normalizeTableChildParents,
+  reclaimDetachedTableCells,
   shouldExpandToHierarchical,
   type DataFormatAnalysis,
 } from '../utils/data-model-transform';
@@ -100,12 +101,17 @@ export class Renderer extends Module {
           ? expandToHierarchical(blocksData)
           : blocksData;
 
+        // Recover migrated cells whose text a pre-fix save detached to root:
+        // re-attach `cell-<row>-<col>`-id orphans back into their empty cell.
+        // Runs before normalize so reclaimed refs get parented in the same pass.
+        const reclaimedBlocks = reclaimDetachedTableCells(expandedBlocks);
+
         // Tables persist child references via `data.content[r][c].blocks = [<id>]`
         // rather than an explicit `parent` field on each child. Pre-normalize
         // those parent references so downstream code that gates on parentId
         // (read-only cell mounter, saver filter, hierarchy queries) correctly
         // recognizes the children as belonging to their table.
-        const processedBlocks = normalizeTableChildParents(expandedBlocks);
+        const processedBlocks = normalizeTableChildParents(reclaimedBlocks);
 
         // Note: Yjs data layer is loaded via BlockManager.insertMany() with the correct block IDs
 

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

@@ -13,7 +13,7 @@ import { getConvertibleToolsForBlock, getConvertibleToolsForBlocks } from '../..
 import type { PopoverItemParams, Popover } from '../../utils/popover';
 import { PopoverDesktop, PopoverMobile, PopoverItemType } from '../../utils/popover';
 import { css as popoverItemCls } from '../../utils/popover/components/popover-item';
-import { translateToolTitle } from '../../utils/tools';
+import { translateToolName, translateToolTitle } from '../../utils/tools';
 
 import type { PopoverParams } from '@/types/utils/popover/popover';
 import { PopoverEvent } from '@/types/utils/popover/popover-event';
@@ -198,9 +198,20 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
 
       const items = await this.getTunesItems(block, commonTunes, toolTunes);
 
-      const contextLabel = hasMultipleBlocksSelected
-        ? `${selectedBlocks.length} blocks`
-        : (await block.getActiveToolboxEntry())?.title ?? block.name;
+      const activeEntry = hasMultipleBlocksSelected
+        ? undefined
+        : await block.getActiveToolboxEntry();
+      const contextLabel = ((): string => {
+        if (hasMultipleBlocksSelected) {
+          return `${selectedBlocks.length} blocks`;
+        }
+
+        if (activeEntry) {
+          return translateToolTitle(this.Blok.I18n, activeEntry, block.name);
+        }
+
+        return translateToolName(this.Blok.I18n, undefined, block.name);
+      })();
 
       const PopoverClass = isMobileScreen() ? PopoverMobile : PopoverDesktop;
       const popoverParams: PopoverParams & { flipper?: Flipper } = {
@@ -237,11 +248,22 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
       this.opened = true;
       this.isOpening = false;
 
-      /** Tell to subscribers that block settings is opened */
-      this.eventsDispatcher.emit(this.events.opened);
-
+      /**
+       * Show the popover BEFORE dispatching the `opened` event.
+       *
+       * Listeners of that event toggle a data attribute on the UI wrapper
+       * (`data-blok-block-settings-opened=true`) whose Tailwind rule hides the
+       * settings toggler via `display:none`. If we emit first, the trigger
+       * element collapses to a zero rect before `show()` reads it, and the
+       * popover ends up positioned at the viewport's top-left corner.
+       * Measure + place the popover while the trigger is still visible,
+       * then announce state change.
+       */
       this.popover.show();
       this.attachFlipperKeydownListener(block);
+
+      /** Tell to subscribers that block settings is opened */
+      this.eventsDispatcher.emit(this.events.opened);
     } catch {
       this.isOpening = false;
     }
@@ -324,9 +346,34 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
     const items = [] as MenuConfigItem[];
     const selectedBlocks = this.Blok.BlockSelection.selectedBlocks;
     const hasMultipleBlocksSelected = selectedBlocks.length > 1;
+    const isReadOnly = this.Blok.ReadOnly.isEnabled;
 
     const allBlockTools = Array.from(this.Blok.Tools.blockTools.values());
 
+    /**
+     * Read-only (Notion-style): expose only the copy-link tune, plus the
+     * edit-metadata footer if present. No convert-to, no delete, no moves,
+     * no tool-specific tunes.
+     */
+    if (isReadOnly) {
+      const copyLinkItems = commonTunes.filter(
+        (tune): tune is MenuConfigItem & { name: string } => 'name' in tune && tune.name === 'copy-link'
+      );
+
+      items.push(...copyLinkItems);
+
+      if (currentBlock.lastEditedAt !== undefined) {
+        items.push({ type: PopoverItemType.Separator });
+        items.push({
+          type: PopoverItemType.Html,
+          element: this.createEditMetadataFooter(currentBlock),
+          name: 'edit-metadata',
+        });
+      }
+
+      return items;
+    }
+
     /**
      * Tool-specific tunes come first (e.g. heading level selector)
      */