@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-block-note/configs/toolbar.js

@@ -8,6 +8,7 @@ import { computed } from '@preact/signals-core';
 import { html } from 'lit';
 import { changeNoteDisplayMode } from '../commands/index.js';
 import { NoteConfigExtension } from '../config.js';
+import { NOTE_TOAST_ADDED_TO_PAGE_BODY, NOTE_TOAST_DISPLAYED_IN_PAGE_MODE, NOTE_TOAST_REMOVED_FROM_PAGE_BODY, NOTE_TOAST_VIEW_IN_TOC, NOTE_TOOLBAR_AUTO_HEIGHT, NOTE_TOOLBAR_CUSTOMIZED_HEIGHT, NOTE_TOOLBAR_CUTTING_MODE, NOTE_TOOLBAR_DISPLAY_IN_PAGE, NOTE_TOOLBAR_DISPLAYED_IN_PAGE, NOTE_TOOLBAR_REMOVE_FROM_PAGE_TOOLTIP, NOTE_TOOLBAR_SIZE, NOTE_TOOLBAR_SLICER, } from '../translations.js';
 const trackBaseProps = {
     category: 'note',
 };
@@ -32,6 +33,7 @@ const builtinSurfaceToolbarConfig = {
                 };
                 return html `
           <edgeless-note-display-mode-dropdown-menu
+            .std=${ctx.std}
             @select=${onSelect}
             .displayMode="${displayMode}"
           >
@@ -54,9 +56,10 @@ const builtinSurfaceToolbarConfig = {
                 const firstModel = models[0];
                 const shouldShowTooltip$ = computed(() => firstModel.props.displayMode$.value ===
                     NoteDisplayMode.DocAndEdgeless);
-                const label$ = computed(() => firstModel.props.displayMode$.value === NoteDisplayMode.EdgelessOnly
-                    ? 'Display in Page'
-                    : 'Displayed in Page');
+                const label$ = computed(() => translateKey(ctx.std, ...(firstModel.props.displayMode$.value ===
+                    NoteDisplayMode.EdgelessOnly
+                    ? NOTE_TOOLBAR_DISPLAY_IN_PAGE
+                    : NOTE_TOOLBAR_DISPLAYED_IN_PAGE)));
                 const onSelect = () => {
                     const newMode = firstModel.props.displayMode === NoteDisplayMode.EdgelessOnly
                         ? NoteDisplayMode.DocAndEdgeless
@@ -75,7 +78,7 @@ const builtinSurfaceToolbarConfig = {
                     content: html `<editor-icon-button
             aria-label="${label$.value}"
             .showTooltip="${shouldShowTooltip$.value}"
-            .tooltip="${'This note is part of Page Mode. Click to remove it from the page.'}"
+            .tooltip="${translateKey(ctx.std, ...NOTE_TOOLBAR_REMOVE_FROM_PAGE_TOOLTIP)}"
             data-testid="display-in-page"
             @click=${() => onSelect()}
           >
@@ -112,24 +115,27 @@ const builtinSurfaceToolbarConfig = {
         },
         {
             id: 'e.slicer',
-            label: 'Slicer',
             icon: ScissorsIcon(),
-            tooltip: html `<affine-tooltip-content-with-shortcut
-        data-tip="${'Cutting mode'}"
-        data-shortcut="${'-'}"
-      ></affine-tooltip-content-with-shortcut>`,
             active: false,
             when(ctx) {
                 return (ctx.getSurfaceModelsByType(NoteBlockModel).length === 1 &&
                     ctx.features.getFlag('enable_advanced_block_visibility'));
             },
-            run(ctx) {
-                ctx.std.get(EdgelessLegacySlotIdentifier).toggleNoteSlicer.next();
+            generate(ctx) {
+                return {
+                    label: translateKey(ctx.std, ...NOTE_TOOLBAR_SLICER),
+                    tooltip: html `<affine-tooltip-content-with-shortcut
+            data-tip="${translateKey(ctx.std, ...NOTE_TOOLBAR_CUTTING_MODE)}"
+            data-shortcut="${'-'}"
+          ></affine-tooltip-content-with-shortcut>`,
+                    run(ctx) {
+                        ctx.std.get(EdgelessLegacySlotIdentifier).toggleNoteSlicer.next();
+                    },
+                };
             },
         },
         {
             id: 'f.auto-height',
-            label: 'Size',
             when(ctx) {
                 const elements = ctx.getSurfaceModelsByType(NoteBlockModel);
                 return (elements.length > 0 &&
@@ -145,15 +151,16 @@ const builtinSurfaceToolbarConfig = {
                 const { collapse } = firstModel.props.edgeless$.value;
                 const options = collapse
                     ? {
-                        tooltip: 'Auto height',
+                        tooltip: translateKey(ctx.std, ...NOTE_TOOLBAR_AUTO_HEIGHT),
                         icon: AutoHeightIcon(),
                     }
                     : {
-                        tooltip: 'Customized height',
+                        tooltip: translateKey(ctx.std, ...NOTE_TOOLBAR_CUSTOMIZED_HEIGHT),
                         icon: CustomizedHeightIcon(),
                     };
                 return {
                     ...options,
+                    label: translateKey(ctx.std, ...NOTE_TOOLBAR_SIZE),
                     run(ctx) {
                         ctx.store.captureSync();
                         for (const model of models) {
@@ -245,22 +252,22 @@ function setDisplayMode(ctx, model, newMode) {
     const data = newMode === NoteDisplayMode.EdgelessOnly
         ? {
             title: translateKey(ctx.std, ...TOAST_NOTE_REMOVED_FROM_PAGE),
-            message: 'Content removed from your page.',
+            message: translateKey(ctx.std, ...NOTE_TOAST_REMOVED_FROM_PAGE_BODY),
         }
         : {
-            title: 'Note displayed in Page Mode',
-            message: 'Content added to your page.',
+            title: translateKey(ctx.std, ...NOTE_TOAST_DISPLAYED_IN_PAGE_MODE),
+            message: translateKey(ctx.std, ...NOTE_TOAST_ADDED_TO_PAGE_BODY),
         };
     const notification = ctx.std.getOptional(NotificationProvider);
     notification?.notifyWithUndoAction({
         title: data.title,
-        message: `${data.message} Find it in the TOC for quick navigation.`,
+        message: data.message,
         accent: 'success',
         duration: 5 * 1000,
         actions: [
             {
                 key: 'view-in-toc',
-                label: 'View in Toc',
+                label: translateKey(ctx.std, ...NOTE_TOAST_VIEW_IN_TOC),
                 onClick: () => {
                     const sidebar = ctx.std.getOptional(SidebarExtensionIdentifier);
                     sidebar?.open('outline');

package/dist/_pkgs/affine-block-note/configs/tooltips.js

@@ -1,5 +1,7 @@
 import { HEADING_SCALE, headingLineBox, } from '../../affine-shared/consts/index.js';
+import { BLOCK_NAME_BULLETED_LIST, BLOCK_NAME_CODE_BLOCK, BLOCK_NAME_DIVIDER, BLOCK_NAME_NUMBERED_LIST, BLOCK_NAME_QUOTE, BLOCK_NAME_TEXT, BLOCK_NAME_TODO_LIST, } from '../../affine-shared/services/index.js';
 import { html, svg } from 'lit';
+import { NOTE_TOOLTIP_BOLD_TEXT, NOTE_TOOLTIP_HEADING_1, NOTE_TOOLTIP_HEADING_2, NOTE_TOOLTIP_HEADING_3, NOTE_TOOLTIP_HEADING_4, NOTE_TOOLTIP_HEADING_5, NOTE_TOOLTIP_HEADING_6, NOTE_TOOLTIP_ITALIC, NOTE_TOOLTIP_STRIKETHROUGH, NOTE_TOOLTIP_UNDERLINE, } from '../translations.js';
 // prettier-ignore
 const TextTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="170" height="68" rx="2" fill="white"/>
@@ -7,7 +9,7 @@ const TextTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68" fill
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_868)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan><tspan x="8" y="43.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="55.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="71.6364">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="83.6364">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="95.6364">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="107.636">other users.&#10;</tspan><tspan x="8" y="123.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="135.636">those changes to their version of the document.</tspan></text>
+<rect x="8" y="8.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="20.1364" width="126.5" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="36.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="48.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="64.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="76.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="88.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="100.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
 </svg>
 `;
@@ -87,24 +89,32 @@ export function headingPreviewBodyLines(level) {
     return lines;
 }
 /**
- * A heading preview drawn at the heading's real size, weight and line box
- * (from `HEADING_SCALE`), above as many lines of body text as the card shows
- * whole (`headingPreviewBodyLines`).
+ * A heading preview drawn at the heading's real size and line box (from
+ * `HEADING_SCALE`), above as many lines of body text as the card shows whole
+ * (`headingPreviewBodyLines`). No preview carries text: every line — the
+ * heading title and each body line — is a skeleton bar, so no illustration
+ * ever needs a translation. The heading bar keeps deriving its width and
+ * height from `fontSize`, so H1's bar stays visibly larger than H2's, and so
+ * on down the scale (i18n lot L4).
  */
 // prettier-ignore
 function headingTooltip(level) {
-    const { fontSize, fontWeight, letterSpacing } = HEADING_SCALE[level];
+    const { fontSize } = HEADING_SCALE[level];
     const lineBox = headingLineBox(level);
     const maskId = `mask_heading_tooltip_${level}`;
-    const body = headingPreviewBodyLines(level).map(line => svg `<tspan x="8" y=${line.y}>${line.text}</tspan>`);
+    /** Same convention as the rest of this lot's redrawn previews. */
+    const barWidth = (text, size) => Math.min(text.replace(/\n/g, '').length * 0.55 * size, 170 - 8);
+    const headingLabel = `Heading ${level.slice(1)}`;
+    const headingY = interBaseline(PREVIEW_PADDING_TOP, lineBox, fontSize);
+    const body = headingPreviewBodyLines(level).map(line => svg `<rect x="8" y=${line.y - 0.75 * BODY_FONT_SIZE} width=${barWidth(line.text, BODY_FONT_SIZE)} height=${0.8 * BODY_FONT_SIZE} rx=${0.4 * BODY_FONT_SIZE} fill="#121212" fill-opacity="0.3"/>`);
     return html `<svg width="170" height="68" viewBox="0 0 170 68" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="170" height="68" rx="2" fill="white"/>
 <mask id=${maskId} style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="170" height="68">
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#${maskId})">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size=${fontSize} font-weight=${fontWeight} letter-spacing="${letterSpacing}em"><tspan x="8" y=${interBaseline(PREVIEW_PADDING_TOP, lineBox, fontSize)}>Heading ${level.slice(1)}</tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size=${BODY_FONT_SIZE} letter-spacing="0px">${body}</text>
+<rect x="8" y=${headingY - 0.75 * fontSize} width=${barWidth(headingLabel, fontSize)} height=${0.8 * fontSize} rx=${0.4 * fontSize} fill="#121212" fill-opacity="0.3"/>
+${body}
 </g>
 </svg>
 `;
@@ -122,12 +132,12 @@ const CodeBlockTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68"
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_915)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="47.5742" y="17.46"> </tspan><tspan x="126.723" y="17.46">: </tspan><tspan x="166.297" y="17.46"> {&#10;</tspan><tspan x="8" y="32.46">    </tspan><tspan x="100.34" y="32.46"> helloTo </tspan><tspan x="166.297" y="32.46"> &#34;World&#34;&#10;</tspan><tspan x="8" y="47.46">    </tspan><tspan x="54.1699" y="47.46"> body: </tspan><tspan x="126.723" y="47.46"> </tspan><tspan x="159.701" y="47.46"> {&#10;</tspan><tspan x="8" y="62.46">        </tspan><tspan x="87.1484" y="62.46">(</tspan><tspan x="219.062" y="62.46">)&#10;</tspan><tspan x="8" y="77.46">}&#10;</tspan><tspan x="8" y="92.46">}</tspan></text>
-<text fill="#0782A0" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="8" y="17.46">struct</tspan><tspan x="73.957" y="32.46"> var</tspan><tspan x="159.701" y="32.46">=</tspan><tspan x="34.3828" y="47.46">var</tspan><tspan x="100.34" y="47.46">some</tspan><tspan x="139.914" y="62.46">\(</tspan></text>
-<text fill="#842ED3" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="54.1699" y="17.46">ContentView</tspan></text>
-<text fill="#C62222" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="139.914" y="17.46">View</tspan><tspan x="34.3828" y="32.46">@State</tspan><tspan x="133.318" y="47.46">View</tspan></text>
-<text fill="#2159D3" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="60.7656" y="62.46">Text</tspan></text>
-<text fill="#D34F0B" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="93.7441" y="62.46">&#34;Hello </tspan><tspan x="153.105" y="62.46">helloTo)!&#34;</tspan></text>
+<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="47.5742" y="17.46"> </tspan><tspan x="126.723" y="17.46">: </tspan><tspan x="166.297" y="17.46"> {&#10;</tspan><tspan x="8" y="32.46">    </tspan><tspan x="8" y="47.46">    </tspan><tspan x="126.723" y="47.46"> </tspan><tspan x="159.701" y="47.46"> {&#10;</tspan><tspan x="8" y="62.46">        </tspan><tspan x="87.1484" y="62.46">(</tspan><tspan x="219.062" y="62.46">)&#10;</tspan><tspan x="8" y="77.46">}&#10;</tspan><tspan x="8" y="92.46">}</tspan></text><rect x="100.34" y="24.21" width="54.45" height="8.8" rx="4.4" fill="#121212" fill-opacity="0.3"/><rect x="166.297" y="24.21" width="3.703" height="8.8" rx="4.4" fill="#121212" fill-opacity="0.3"/><rect x="54.1699" y="39.21" width="42.35" height="8.8" rx="4.4" fill="#121212" fill-opacity="0.3"/>
+<text fill="#0782A0" xml:space="preserve" style="white-space: pre" font-family="var(--affine-font-code-family)" font-size="11" letter-spacing="0em"><tspan x="159.701" y="32.46">=</tspan><tspan x="139.914" y="62.46">\(</tspan></text><rect x="8" y="9.21" width="36.3" height="8.8" rx="4.4" fill="#0782A0" fill-opacity="0.3"/><rect x="73.957" y="24.21" width="24.2" height="8.8" rx="4.4" fill="#0782A0" fill-opacity="0.3"/><rect x="34.3828" y="39.21" width="18.15" height="8.8" rx="4.4" fill="#0782A0" fill-opacity="0.3"/><rect x="100.34" y="39.21" width="24.2" height="8.8" rx="4.4" fill="#0782A0" fill-opacity="0.3"/>
+<rect x="54.1699" y="9.21" width="66.55" height="8.8" rx="4.4" fill="#842ED3" fill-opacity="0.3"/>
+<rect x="139.914" y="9.21" width="24.2" height="8.8" rx="4.4" fill="#C62222" fill-opacity="0.3"/><rect x="34.3828" y="24.21" width="36.3" height="8.8" rx="4.4" fill="#C62222" fill-opacity="0.3"/><rect x="133.318" y="39.21" width="24.2" height="8.8" rx="4.4" fill="#C62222" fill-opacity="0.3"/>
+<rect x="60.7656" y="54.21" width="24.2" height="8.8" rx="4.4" fill="#2159D3" fill-opacity="0.3"/>
+<rect x="93.7441" y="54.21" width="42.35" height="8.8" rx="4.4" fill="#D34F0B" fill-opacity="0.3"/><rect x="153.105" y="54.21" width="16.895" height="8.8" rx="4.4" fill="#D34F0B" fill-opacity="0.3"/>
 </g>
 </svg>
 `;
@@ -139,7 +149,7 @@ const QuoteTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68" fil
 </mask>
 <g mask="url(#mask0_16460_920)">
 <rect x="12" y="14" width="2" height="33" rx="1" fill="#C2C1C5"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="24" y="26.6364">In a decentralized system, we can have a </tspan><tspan x="24" y="40.6364">kaleidoscopic complexity to our data.&#10;…</tspan></text>
+<rect x="24" y="19.1364" width="146" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="24" y="33.1364" width="146" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
 </svg>
 `;
@@ -150,7 +160,7 @@ const DividerTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68" f
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_928)">
-<text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="16.6364">In a decentralized system, we can have a </tspan><tspan x="8" y="30.6364">kaleidoscopic complexity to our data.&#10;</tspan><tspan x="8" y="54.6364">Any user may have a different perspective </tspan><tspan x="8" y="68.6364">on what data they either have, choose to </tspan><tspan x="8" y="82.6364">share, or accept.&#10;</tspan><tspan x="8" y="106.636">For example, one user&#x2019;s edits to a </tspan><tspan x="8" y="120.636">document might be on their laptop on an </tspan><tspan x="8" y="134.636">airplane; when the plane lands and the </tspan><tspan x="8" y="148.636">computer reconnects, those changes are </tspan><tspan x="8" y="162.636">distributed to other users.&#10;</tspan><tspan x="8" y="186.636">Other users might choose to accept all, </tspan><tspan x="8" y="200.636">some, or none of those changes to their </tspan><tspan x="8" y="214.636">version of the document.</tspan></text>
+<rect x="8" y="9.1364" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="23.1364" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="47.1364" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="61.1364" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="75.1364" width="93.5" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="99.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="113.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="127.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="141.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="155.136" width="148.5" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="179.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="193.136" width="162" height="8" rx="4" fill="black" fill-opacity="0.3"/><rect x="8" y="207.136" width="132" height="8" rx="4" fill="black" fill-opacity="0.3"/>
 <line x1="8.25" y1="40.75" x2="169.75" y2="40.75" stroke="#E3E2E4" stroke-width="0.5" stroke-linecap="round"/>
 </g>
 </svg>
@@ -163,9 +173,9 @@ const BulletedListTooltip = html `<svg width="170" height="68" viewBox="0 0 170
 </mask>
 <g mask="url(#mask0_16460_934)">
 <circle cx="14" cy="26" r="1.5" fill="#1C81D9"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="22" y="29.6364">Here&#39;s an example of a bulleted list.</tspan></text>
+<rect x="22" y="22.1364" width="148" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 <circle cx="14" cy="42" r="1.5" fill="#1C81D9"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="22" y="45.6364">You can list your plans such as this</tspan></text>
+<rect x="22" y="38.1364" width="148" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
 </svg>
 `;
@@ -179,11 +189,11 @@ const NumberedListTooltip = html `<svg width="170" height="68" viewBox="0 0 170
 <g clip-path="url(#clip0_16460_947)">
 <text fill="#1C81D9" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="10" y="29.6364">1.</tspan></text>
 </g>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="24" y="29.6364">Here&#39;s an example of a numbered list.</tspan></text>
+<rect x="24" y="22.1364" width="146" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 <g clip-path="url(#clip1_16460_947)">
 <text fill="#1C81D9" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="10" y="45.6364">2.</tspan></text>
 </g>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="24" y="45.6364">You can list your plans such as this</tspan></text>
+<rect x="24" y="38.1364" width="146" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
 <defs>
 <clipPath id="clip0_16460_947">
@@ -202,8 +212,8 @@ export const BoldTextTooltip = html `<svg width="170" height="68" viewBox="0 0 1
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_971)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="43.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="55.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="71.6364">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="83.6364">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="95.6364">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="107.636">other users.&#10;</tspan><tspan x="8" y="123.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="135.636">those changes to their version of the document.</tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" font-weight="bold" letter-spacing="0px"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan></text>
+<rect x="8" y="36.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="48.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="64.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="76.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="88.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="100.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
+<rect x="8" y="7.5364" width="162" height="9.2" rx="4.6" fill="#121212" fill-opacity="0.65"/><rect x="8" y="19.5364" width="126.5" height="9.2" rx="4.6" fill="#121212" fill-opacity="0.65"/>
 </g>
 </svg>
 `;
@@ -214,8 +224,8 @@ export const ItalicTooltip = html `<svg width="170" height="68" viewBox="0 0 170
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_976)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="43.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="55.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="71.6364">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="83.6364">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="95.6364">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="107.636">other users.&#10;</tspan><tspan x="8" y="123.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="135.636">those changes to their version of the document.</tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" font-style="italic" letter-spacing="0px"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan></text>
+<rect x="8" y="36.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="48.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="64.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="76.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="88.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="100.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
+<g transform="translate(89 12.1364) skewX(-28) translate(-89 -12.1364)"><rect x="8" y="8.1364" width="162" height="8" rx="1" fill="#121212" fill-opacity="0.3"/></g><g transform="translate(71.25 24.1364) skewX(-28) translate(-71.25 -24.1364)"><rect x="8" y="20.1364" width="126.5" height="8" rx="1" fill="#121212" fill-opacity="0.3"/></g>
 </g>
 </svg>
 `;
@@ -226,8 +236,8 @@ export const StrikethroughTooltip = html `<svg width="170" height="68" viewBox="
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_986)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="43.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="55.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="71.6364">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="83.6364">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="95.6364">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="107.636">other users.&#10;</tspan><tspan x="8" y="123.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="135.636">those changes to their version of the document.</tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px" text-decoration="line-through"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan></text>
+<rect x="8" y="36.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="48.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="64.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="76.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="88.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="100.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
+<rect x="8" y="8.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="20.1364" width="126.5" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="11.5364" width="162" height="1.2" fill="#121212"/><rect x="8" y="23.5364" width="126.5" height="1.2" fill="#121212"/>
 </g>
 </svg>
 `;
@@ -238,8 +248,8 @@ export const UnderlineTooltip = html `<svg width="170" height="68" viewBox="0 0
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_981)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="43.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="55.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="71.6364">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="83.6364">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="95.6364">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="107.636">other users.&#10;</tspan><tspan x="8" y="123.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="135.636">those changes to their version of the document.</tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px" text-decoration="underline"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan></text>
+<rect x="8" y="36.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="48.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="64.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="76.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="88.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="100.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
+<rect x="8" y="8.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="20.1364" width="126.5" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="18.1364" width="162" height="1.2" fill="#121212"/><rect x="8" y="30.1364" width="126.5" height="1.2" fill="#121212"/>
 </g>
 </svg>
 `;
@@ -251,9 +261,9 @@ export const TodoTooltip = html `<svg width="170" height="68" viewBox="0 0 170 6
 </mask>
 <g mask="url(#mask0_5604_203551)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6667 19C12.7462 19 12 19.7462 12 20.6667V27.3333C12 28.2538 12.7462 29 13.6667 29H20.3333C21.2538 29 22 28.2538 22 27.3333V20.6667C22 19.7462 21.2538 19 20.3333 19H13.6667ZM12.9091 20.6667C12.9091 20.2483 13.2483 19.9091 13.6667 19.9091H20.3333C20.7517 19.9091 21.0909 20.2483 21.0909 20.6667V27.3333C21.0909 27.7517 20.7517 28.0909 20.3333 28.0909H13.6667C13.2483 28.0909 12.9091 27.7517 12.9091 27.3333V20.6667Z" fill="#77757D"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="28" y="27.6364">Here is an example of todo list.</tspan></text>
+<rect x="28" y="20.1364" width="142" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 40.6667C12 39.7462 12.7462 39 13.6667 39H20.3333C21.2538 39 22 39.7462 22 40.6667V47.3333C22 48.2538 21.2538 49 20.3333 49H13.6667C12.7462 49 12 48.2538 12 47.3333V40.6667ZM19.7457 42.5032C19.9232 42.3257 19.9232 42.0379 19.7457 41.8604C19.5681 41.6829 19.2803 41.6829 19.1028 41.8604L16.0909 44.8723L15.2002 43.9816C15.0227 43.8041 14.7349 43.8041 14.5574 43.9816C14.3799 44.1591 14.3799 44.4469 14.5574 44.6244L15.7695 45.8366C15.947 46.0141 16.2348 46.0141 16.4123 45.8366L19.7457 42.5032Z" fill="#1E96EB"/>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="28" y="47.6364">Make a list for building preview.</tspan></text>
+<rect x="28" y="40.1364" width="142" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 </g>
 </svg>
 `;
@@ -261,69 +271,86 @@ export const tooltips = {
     Text: {
         figure: TextTooltip,
         caption: 'Text',
+        captionWording: BLOCK_NAME_TEXT,
     },
     'Heading 1': {
         figure: Heading1Tooltip,
         caption: 'Heading #1',
+        captionWording: NOTE_TOOLTIP_HEADING_1,
     },
     'Heading 2': {
         figure: Heading2Tooltip,
         caption: 'Heading #2',
+        captionWording: NOTE_TOOLTIP_HEADING_2,
     },
     'Heading 3': {
         figure: Heading3Tooltip,
         caption: 'Heading #3',
+        captionWording: NOTE_TOOLTIP_HEADING_3,
     },
     'Heading 4': {
         figure: Heading4Tooltip,
         caption: 'Heading #4',
+        captionWording: NOTE_TOOLTIP_HEADING_4,
     },
     'Heading 5': {
         figure: Heading5Tooltip,
         caption: 'Heading #5',
+        captionWording: NOTE_TOOLTIP_HEADING_5,
     },
     'Heading 6': {
         figure: Heading6Tooltip,
         caption: 'Heading #6',
+        captionWording: NOTE_TOOLTIP_HEADING_6,
     },
     'Code Block': {
         figure: CodeBlockTooltip,
         caption: 'Code Block',
+        captionWording: BLOCK_NAME_CODE_BLOCK,
     },
     Quote: {
         figure: QuoteTooltip,
         caption: 'Quote',
+        captionWording: BLOCK_NAME_QUOTE,
     },
     Divider: {
         figure: DividerTooltip,
         caption: 'Divider',
+        captionWording: BLOCK_NAME_DIVIDER,
     },
     'Bulleted List': {
         figure: BulletedListTooltip,
         caption: 'Bulleted List',
+        captionWording: BLOCK_NAME_BULLETED_LIST,
     },
     'Numbered List': {
         figure: NumberedListTooltip,
         caption: 'Numbered List',
+        captionWording: BLOCK_NAME_NUMBERED_LIST,
     },
     Bold: {
         figure: BoldTextTooltip,
         caption: 'Bold Text',
+        captionWording: NOTE_TOOLTIP_BOLD_TEXT,
     },
     Italic: {
         figure: ItalicTooltip,
         caption: 'Italic',
+        captionWording: NOTE_TOOLTIP_ITALIC,
     },
     Underline: {
         figure: UnderlineTooltip,
         caption: 'Underline',
+        captionWording: NOTE_TOOLTIP_UNDERLINE,
     },
     Strikethrough: {
         figure: StrikethroughTooltip,
         caption: 'Strikethrough',
+        captionWording: NOTE_TOOLTIP_STRIKETHROUGH,
     },
     'To-do List': {
         figure: TodoTooltip,
         caption: 'To-do List',
+        captionWording: BLOCK_NAME_TODO_LIST,
     },
 };

package/dist/_pkgs/affine-block-note/move-block.js

@@ -1,3 +1,4 @@
+import { TOOLBAR_MOVE_DOWN, TOOLBAR_MOVE_UP, } from '../affine-shared/services/index.js';
 import { BlockSelection, TextSelection } from '../std/index.js';
 const getSelection = (std) => std.selection;
 function getBlockSelectionBySide(std, tail) {
@@ -11,9 +12,14 @@ function getTextSelection(std) {
     return selection.find(TextSelection);
 }
 const pathToBlock = (std, blockId) => std.view.getBlock(blockId);
+// `name` is an internal label — read by nobody, never rendered (only
+// `hotkey` and `action` below are), which is why it borrows the shared
+// wording's own English fallback (`TOOLBAR_MOVE_UP[1]` / `_DOWN[1]`, said by
+// the slash menu's "Actions" group too) rather than restating the word as an
+// unkeyed literal that would drift the day either wording's fallback changes.
 export const moveBlockConfigs = [
     {
-        name: 'Move Up',
+        name: TOOLBAR_MOVE_UP[1],
         hotkey: ['Mod-Alt-ArrowUp', 'Mod-Shift-ArrowUp'],
         action: std => {
             const doc = std.store;
@@ -54,7 +60,7 @@ export const moveBlockConfigs = [
         },
     },
     {
-        name: 'Move Down',
+        name: TOOLBAR_MOVE_DOWN[1],
         hotkey: ['Mod-Alt-ArrowDown', 'Mod-Shift-ArrowDown'],
         action: std => {
             const doc = std.store;

package/dist/_pkgs/affine-block-note/translations.d.ts

@@ -0,0 +1,91 @@
+import { type ChromeWording, NOTE_SHADOW_BOX, NOTE_SHADOW_FILM, NOTE_SHADOW_NONE, NOTE_SHADOW_PAPER, NOTE_SHADOW_STICKER, TOOLBAR_MOVE_DOWN, TOOLBAR_MOVE_UP } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the note block's edgeless style panel, its slash-menu tooltip captions,
+ * and the surface toolbar's notifications. Words this package shares with
+ * ANOTHER of this lot's packages (the block-type names, the shadow options,
+ * the two move verbs, and — L7 dedupe — the bold/italic/underline/
+ * strikethrough formats, the border-style label, the fill-colour label and
+ * the display-mode words) live in `chrome.ts` instead and are re-exported or
+ * reused here; see the doc comment on each.
+ */
+export declare const NOTE_TOOLTIP_HEADING_1: ChromeWording;
+export declare const NOTE_TOOLTIP_HEADING_2: ChromeWording;
+export declare const NOTE_TOOLTIP_HEADING_3: ChromeWording;
+export declare const NOTE_TOOLTIP_HEADING_4: ChromeWording;
+export declare const NOTE_TOOLTIP_HEADING_5: ChromeWording;
+export declare const NOTE_TOOLTIP_HEADING_6: ChromeWording;
+export declare const NOTE_TOOLTIP_BOLD_TEXT: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_ITALIC}, one key. */
+export declare const NOTE_TOOLTIP_ITALIC: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_UNDERLINE}, one key. */
+export declare const NOTE_TOOLTIP_UNDERLINE: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_STRIKETHROUGH}, one key. */
+export declare const NOTE_TOOLTIP_STRIKETHROUGH: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_BOLD}, one key. */
+export declare const NOTE_SLASH_FORMAT_BOLD: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_ITALIC}, one key. */
+export declare const NOTE_SLASH_FORMAT_ITALIC: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_UNDERLINE}, one key. */
+export declare const NOTE_SLASH_FORMAT_UNDERLINE: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TEXT_FORMAT_STRIKETHROUGH}, one key. */
+export declare const NOTE_SLASH_FORMAT_STRIKETHROUGH: ChromeWording;
+export declare const NOTE_OTHER_HEADINGS: ChromeWording;
+/**
+ * `name` -> wording, for every conversion/format item this package's slash
+ * menu can offer. Reuses `BLOCK_NAME_*` (this lot's shared block-type names)
+ * where the borrowed `name` matches one, and this file's own format-name
+ * wordings otherwise.
+ */
+export declare const NOTE_SLASH_ITEM_NAME_WORDINGS: Readonly<Record<string, ChromeWording>>;
+export { TOOLBAR_MOVE_DOWN as NOTE_MOVE_DOWN, TOOLBAR_MOVE_UP as NOTE_MOVE_UP };
+export { NOTE_SHADOW_BOX, NOTE_SHADOW_FILM, NOTE_SHADOW_NONE, NOTE_SHADOW_PAPER, NOTE_SHADOW_STICKER, };
+export declare const NOTE_SHADOW_FLOATING: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link FILL_COLOR_LABEL}, one key. */
+export declare const NOTE_STYLE_FILL_COLOR: ChromeWording;
+export declare const NOTE_STYLE_SHADOW_SECTION: ChromeWording;
+export declare const NOTE_STYLE_BORDER_SECTION: ChromeWording;
+export declare const NOTE_STYLE_CORNER_RADIUS: ChromeWording;
+export declare const NOTE_STYLE_BACK: ChromeWording;
+export declare const NOTE_STYLE_CUSTOM_COLOR: ChromeWording;
+export declare const NOTE_STYLE_PANEL_LABEL: ChromeWording;
+/**
+ * An alias (L7 dedupe): the same word as {@link BOARD_BORDER_STYLE_LABEL},
+ * one key.
+ */
+export declare const NOTE_BORDER_STYLE_LABEL: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link DISPLAY_MODE_SHOW_IN}, one key. */
+export declare const NOTE_DISPLAY_MODE_SHOW_IN: ChromeWording;
+export declare const NOTE_DISPLAY_MODE_LABEL: ChromeWording;
+export declare const NOTE_DISPLAY_MODE_TOOLTIP: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link DISPLAY_MODE_BOTH}, one key. */
+export declare const NOTE_DISPLAY_MODE_BOTH: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link DISPLAY_MODE_EDGELESS}, one key. */
+export declare const NOTE_DISPLAY_MODE_EDGELESS: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link DISPLAY_MODE_PAGE}, one key. */
+export declare const NOTE_DISPLAY_MODE_PAGE: ChromeWording;
+export declare const NOTE_TOAST_DISPLAYED_IN_PAGE_MODE: ChromeWording;
+export declare const NOTE_TOAST_REMOVED_FROM_PAGE_BODY: ChromeWording;
+export declare const NOTE_TOAST_ADDED_TO_PAGE_BODY: ChromeWording;
+export declare const NOTE_TOAST_VIEW_IN_TOC: ChromeWording;
+export declare const NOTE_TOOLBAR_DISPLAY_IN_PAGE: ChromeWording;
+export declare const NOTE_TOOLBAR_DISPLAYED_IN_PAGE: ChromeWording;
+export declare const NOTE_TOOLBAR_REMOVE_FROM_PAGE_TOOLTIP: ChromeWording;
+export declare const NOTE_TOOLBAR_SLICER: ChromeWording;
+export declare const NOTE_TOOLBAR_CUTTING_MODE: ChromeWording;
+export declare const NOTE_TOOLBAR_SIZE: ChromeWording;
+export declare const NOTE_TOOLBAR_AUTO_HEIGHT: ChromeWording;
+export declare const NOTE_TOOLBAR_CUSTOMIZED_HEIGHT: ChromeWording;
+/**
+ * Every wording DECLARED IN THIS FILE (not re-exported from `chrome.ts`), in
+ * declaration order — walked by `PACKAGE_WORDINGS` in
+ * `packages/affine/all/src/translations.ts`. The chrome re-exports
+ * (`NOTE_MOVE_UP`/`_DOWN`, `NOTE_SHADOW_*` other than `_FLOATING`, and — L7
+ * dedupe — `NOTE_TOOLTIP_ITALIC`/`_UNDERLINE`/`_STRIKETHROUGH`,
+ * `NOTE_SLASH_FORMAT_BOLD`/`_ITALIC`/`_UNDERLINE`/`_STRIKETHROUGH`,
+ * `NOTE_STYLE_FILL_COLOR`, `NOTE_BORDER_STYLE_LABEL`,
+ * `NOTE_DISPLAY_MODE_SHOW_IN`/`_BOTH`/`_EDGELESS`/`_PAGE`) are not listed
+ * again here, same rule `SLASH_MENU_WORDINGS` already follows for its own
+ * chrome aliases.
+ */
+export declare const NOTE_WORDINGS: readonly ChromeWording[];