@formicoidea/labre-core 0.33.0 → 0.34.1

package/dist/_pkgs/affine-shared/services/translation-service/chrome.js

@@ -0,0 +1,201 @@
+/**
+ * The editor's own chrome wordings, as `[key, fallback]` pairs.
+ *
+ * ## Why they are a table and not forty literals
+ *
+ * "Copy", "Delete", "Card view" are the SAME word on a dozen toolbars — the
+ * bookmark's, the image's, the embed's, the linked doc's — and a literal per
+ * call site is a wording a host has to translate a dozen times and can get
+ * twelve different answers for. One pair per word, imported where it is
+ * rendered, is what makes the manifest's promise ("every key the library can
+ * ask for") describe a list a human can actually word.
+ *
+ * ## The tuple shape is load-bearing
+ *
+ * `translateKey(std, ...COPY)` spreads into `(std, key, fallback)`, so a call
+ * site names the wording once and cannot pair the wrong fallback with the right
+ * key. It is also what
+ * `packages/affine/all/src/__tests__/translations/manifest.unit.spec.ts` reads:
+ * the two adjacent literals below are the pair its drift check confirms the
+ * manifest against, which is why the wordings live in literals here rather than
+ * being derived from anything.
+ *
+ * Chrome, so every one of them ships an English default: a standalone
+ * playground with no `TranslationProvider` registered must read exactly as it
+ * did before these keys existed.
+ */
+/* ── Toasts ───────────────────────────────────────────────────────────── */
+/**
+ * The transient messages the editor puts on screen after a gesture.
+ *
+ * They were the last English strings left in a fully translated host (#182):
+ * silent while nobody injected a `NotificationProvider`, and English in the
+ * middle of a French UI the moment somebody did.
+ */
+export const TOAST_COPIED_TO_CLIPBOARD = [
+    'com.labre.toast.copied-to-clipboard',
+    'Copied to clipboard',
+];
+export const TOAST_LINKED_DOC_CREATED = [
+    'com.labre.toast.linked-doc-created',
+    'Linked doc created',
+];
+export const TOAST_NOTE_REMOVED_FROM_PAGE = [
+    'com.labre.toast.note-removed-from-page-mode',
+    'Note removed from Page Mode',
+];
+export const TOAST_FRAME_INSERTED_INTO_PAGE = [
+    'com.labre.toast.frame-inserted-into-page',
+    'Frame inserted into Page.',
+];
+export const TOAST_NO_LINK_FOUND = [
+    'com.labre.toast.no-link-found',
+    'No link found',
+];
+/* ── Toolbars and menus ───────────────────────────────────────────────── */
+export const TOOLBAR_BRING_TO_FRONT = [
+    'com.labre.toolbar.bring-to-front',
+    'Bring to Front',
+];
+export const TOOLBAR_SEND_TO_BACK = [
+    'com.labre.toolbar.send-to-back',
+    'Send to Back',
+];
+export const TOOLBAR_COPY = ['com.labre.toolbar.copy', 'Copy'];
+export const TOOLBAR_DUPLICATE = [
+    'com.labre.toolbar.duplicate',
+    'Duplicate',
+];
+export const TOOLBAR_DELETE = [
+    'com.labre.toolbar.delete',
+    'Delete',
+];
+export const TOOLBAR_LOCK = ['com.labre.toolbar.lock', 'Lock'];
+export const TOOLBAR_MORE = ['com.labre.toolbar.more', 'More'];
+export const TOOLBAR_LINK = ['com.labre.toolbar.link', 'Link'];
+export const TOOLBAR_CREATE_LINKED_DOC = [
+    'com.labre.toolbar.create-linked-doc',
+    'Create linked doc',
+];
+export const TOOLBAR_DRAW_CONNECTOR = [
+    'com.labre.toolbar.draw-connector',
+    'Draw connector',
+];
+/**
+ * The four wordings of the view switcher — the control that decides whether a
+ * link is drawn as words, as a card or as the document itself.
+ *
+ * One set for every block that offers it (bookmark, attachment, embed, linked
+ * doc, synced doc, iframe, the inline link and the inline reference): they are
+ * one control with one vocabulary, and a host that had to word "Card view"
+ * eight times would end up with eight wordings of it.
+ */
+export const TOOLBAR_SWITCH_VIEW = [
+    'com.labre.toolbar.switch-view',
+    'Switch view',
+];
+export const TOOLBAR_INLINE_VIEW = [
+    'com.labre.toolbar.inline-view',
+    'Inline view',
+];
+export const TOOLBAR_CARD_VIEW = [
+    'com.labre.toolbar.card-view',
+    'Card view',
+];
+export const TOOLBAR_EMBED_VIEW = [
+    'com.labre.toolbar.embed-view',
+    'Embed view',
+];
+/* ── What a linked-doc card says instead of a preview ─────────────────── */
+/**
+ * The four states a linked-doc card can be in with nothing to show: deleted,
+ * unreadable, empty, and — for the SYNCED card, which frames a page rather
+ * than a doc — empty in its own words.
+ *
+ * All four and not only the two the recette caught (#183): they are one
+ * sentence rendered by one ternary, and translating half of it would leave a
+ * card that changes language when the document it points at goes missing.
+ */
+export const LINKED_DOC_DELETED = [
+    'com.labre.embed.linked-doc.deleted',
+    'This linked doc is deleted.',
+];
+export const LINKED_DOC_FAILED = [
+    'com.labre.embed.linked-doc.failed',
+    'This linked doc failed to load.',
+];
+export const LINKED_DOC_EMPTY_PREVIEW = [
+    'com.labre.embed.linked-doc.empty-preview',
+    'Preview of the doc will be displayed here.',
+];
+export const SYNCED_DOC_EMPTY_PREVIEW = [
+    'com.labre.embed.synced-doc.empty-preview',
+    'Preview of the page will be displayed here.',
+];
+/* ── The board toolbars every framework shares ────────────────────────── */
+/**
+ * The resize toggle, which is the one entry EVERY framework board carries —
+ * Wardley, BPMN, C4, EDGY, Cynefin, Estuarine and the two DDD boards all
+ * register the same always-on button (`docs/adr/0009`: a stored board must stay
+ * usable with its framework switched off).
+ *
+ * Declared here rather than once per framework because it is not a framework's
+ * own word: it names a behaviour of the generic frame primitive, and eight
+ * copies of it in eight manifests would be eight keys for one tooltip.
+ */
+export const BOARD_RESIZE_TOGGLE = [
+    'com.labre.board.toolbar.resize-toggle',
+    'Enable / lock resizing',
+];
+/**
+ * The legend button, in the two wordings the boards actually use: the notation
+ * boards say "notation", Wardley says "components".
+ *
+ * Two keys and not one interpolated sentence, for the reason the interchange
+ * counts already ran on — the seam has no interpolation, so the smallest honest
+ * unit is the whole sentence.
+ */
+export const BOARD_LEGEND_NOTATION = [
+    'com.labre.board.toolbar.legend',
+    'Generate the legend (notation present)',
+];
+export const BOARD_LEGEND_COMPONENTS = [
+    'com.labre.board.toolbar.legend.components',
+    'Generate the legend (components present)',
+];
+/**
+ * Every wording declared above, in declaration order.
+ *
+ * The manifest (`@labre/affine/translations`) walks this instead of restating
+ * the pairs, so a wording added here reaches a host's catalogue with no second
+ * edit — the same "declared data, not restated data" rule the roles, the rules
+ * and the commands already follow.
+ */
+export const CHROME_WORDINGS = [
+    TOAST_COPIED_TO_CLIPBOARD,
+    TOAST_LINKED_DOC_CREATED,
+    TOAST_NOTE_REMOVED_FROM_PAGE,
+    TOAST_FRAME_INSERTED_INTO_PAGE,
+    TOAST_NO_LINK_FOUND,
+    TOOLBAR_BRING_TO_FRONT,
+    TOOLBAR_SEND_TO_BACK,
+    TOOLBAR_COPY,
+    TOOLBAR_DUPLICATE,
+    TOOLBAR_DELETE,
+    TOOLBAR_LOCK,
+    TOOLBAR_MORE,
+    TOOLBAR_LINK,
+    TOOLBAR_CREATE_LINKED_DOC,
+    TOOLBAR_DRAW_CONNECTOR,
+    TOOLBAR_SWITCH_VIEW,
+    TOOLBAR_INLINE_VIEW,
+    TOOLBAR_CARD_VIEW,
+    TOOLBAR_EMBED_VIEW,
+    LINKED_DOC_DELETED,
+    LINKED_DOC_FAILED,
+    LINKED_DOC_EMPTY_PREVIEW,
+    SYNCED_DOC_EMPTY_PREVIEW,
+    BOARD_RESIZE_TOGGLE,
+    BOARD_LEGEND_NOTATION,
+    BOARD_LEGEND_COMPONENTS,
+];

package/dist/_pkgs/affine-shared/services/translation-service/index.d.ts

@@ -1,5 +1,6 @@
 import type { BlockStdScope } from '../../../std/index.js';
 import type { ExtensionType } from '../../../store/index.js';
+export * from './chrome.js';
 /**
  * The library holds no prose: every human-readable string it produces —
  * shortcut labels, role names, validation messages — is an i18n KEY

package/dist/_pkgs/affine-shared/services/translation-service/index.js

@@ -1,4 +1,5 @@
 import { createIdentifier } from '../../../global/di/index.js';
+export * from './chrome.js';
 /**
  * The primary subtag of the host's language, lower-cased — `'fr'` for
  * `'fr-CA'` — or `undefined` when no host said.

package/dist/_pkgs/affine-widget-edgeless-toolbar/catalogue/catalogue-groups.d.ts

@@ -1,6 +1,15 @@
 import type { AnyCommandDescriptor } from '../../std/index.js';
-/** The i18n key prefix every catalogue group header is looked up under. */
-export declare const CATALOGUE_CATEGORY_KEY_PREFIX = "com.labre.catalogue.category.";
+/**
+ * The header key prefix and the header fallback, re-exported from `@labre/std`
+ * where they are declared.
+ *
+ * They moved there so a FRAMEWORK can derive its own catalogue-header keys for
+ * the translation manifest without depending on this widget (#183): in the
+ * bundled distribution core's command registry names no framework category, so
+ * every framework has to contribute its own. Re-exported rather than moved
+ * away, because the panel below is still the thing that renders them.
+ */
+export { CATALOGUE_CATEGORY_KEY_PREFIX, humanizeCategory } from '../../std/index.js';
 /**
  * One section of the catalogue: a category and the commands declaring it.
  *
@@ -30,17 +39,3 @@ export interface CatalogueGroup {
  * knows nothing about lit, the DOM or the editor.
  */
 export declare function groupCommandsByCategory(commands: readonly AnyCommandDescriptor[]): CatalogueGroup[];
-/**
- * The English default for a category header, derived from the category id.
- *
- * `'backgrounds'` → `'Backgrounds'`, `'value-flow'` → `'Value flow'`,
- * `'boundedContext'` → `'Bounded context'`. Sentence case, not title case: a
- * header is a phrase, and capitalising every word turns `'change arrows'` into
- * a product name.
- *
- * It is a FALLBACK and nothing more. A host with a catalogue answers
- * `com.labre.catalogue.category.<id>` and this is never seen; a standalone
- * playground reads a word instead of a raw key. The library still invents no
- * framework prose — a category id is the framework's own word, only respelled.
- */
-export declare function humanizeCategory(category: string): string;

package/dist/_pkgs/affine-widget-edgeless-toolbar/catalogue/catalogue-groups.js

@@ -1,5 +1,14 @@
-/** The i18n key prefix every catalogue group header is looked up under. */
-export const CATALOGUE_CATEGORY_KEY_PREFIX = 'com.labre.catalogue.category.';
+/**
+ * The header key prefix and the header fallback, re-exported from `@labre/std`
+ * where they are declared.
+ *
+ * They moved there so a FRAMEWORK can derive its own catalogue-header keys for
+ * the translation manifest without depending on this widget (#183): in the
+ * bundled distribution core's command registry names no framework category, so
+ * every framework has to contribute its own. Re-exported rather than moved
+ * away, because the panel below is still the thing that renders them.
+ */
+export { CATALOGUE_CATEGORY_KEY_PREFIX, humanizeCategory } from '../../std/index.js';
 /**
  * Split a surface's commands into the sections the sidepanel draws.
  *
@@ -38,29 +47,3 @@ export function groupCommandsByCategory(commands) {
         groups.push({ category: null, commands: uncategorised });
     return groups;
 }
-/**
- * The English default for a category header, derived from the category id.
- *
- * `'backgrounds'` → `'Backgrounds'`, `'value-flow'` → `'Value flow'`,
- * `'boundedContext'` → `'Bounded context'`. Sentence case, not title case: a
- * header is a phrase, and capitalising every word turns `'change arrows'` into
- * a product name.
- *
- * It is a FALLBACK and nothing more. A host with a catalogue answers
- * `com.labre.catalogue.category.<id>` and this is never seen; a standalone
- * playground reads a word instead of a raw key. The library still invents no
- * framework prose — a category id is the framework's own word, only respelled.
- */
-export function humanizeCategory(category) {
-    const words = category
-        // camelCase and PascalCase boundaries, before the separators are split on:
-        // `'boundedContext'` has no separator to find otherwise.
-        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-        .split(/[-_\s]+/)
-        .filter(Boolean)
-        .map(word => word.toLowerCase());
-    if (!words.length)
-        return category;
-    const [first, ...rest] = words;
-    return [first.charAt(0).toUpperCase() + first.slice(1), ...rest].join(' ');
-}

package/dist/_pkgs/affine-widget-keyboard-toolbar/config.js

@@ -22,6 +22,7 @@ import { assertType } from '../global/utils/index.js';
 import { AttachmentIcon, BoldIcon, BulletedListIcon, CheckBoxCheckLinearIcon, CloseIcon, CodeBlockIcon, CodeIcon, CollapseTabIcon, CopyIcon, DatabaseKanbanViewIcon, DatabaseTableViewIcon, DeleteIcon, DividerIcon, DuplicateIcon, EmbedIcon, FontIcon, FrameIcon, GithubIcon, GroupIcon, ImageIcon, ItalicIcon, LinkedPageIcon, LinkIcon, LoomLogoIcon, NewPageIcon, NowIcon, NumberedListIcon, PlusIcon, QuoteIcon, RedoIcon, RightTabIcon, StrikeThroughIcon, TeXIcon, TextIcon, TodayIcon, TomorrowIcon, UnderLineIcon, UndoIcon, YesterdayIcon, YoutubeDuotoneIcon, } from '@blocksuite/icons/lit';
 import { ConfigExtensionFactory, } from '../std/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
+import { TOAST_COPIED_TO_CLIPBOARD, translateKey, } from '../affine-shared/services/index.js';
 import { computed } from '@preact/signals-core';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { FigmaDuotoneIcon, HeadingIcon, HighLightDuotoneIcon, TextBackgroundDuotoneIcon, TextColorIcon, } from './icons.js';
@@ -859,7 +860,7 @@ export const defaultKeyboardToolbarConfig = {
                     .pipe(getSelectedModelsCommand)
                     .with({
                     onCopy: () => {
-                        toast(std.host, 'Copied to clipboard');
+                        toast(std.host, translateKey(std, ...TOAST_COPIED_TO_CLIPBOARD));
                     },
                 })
                     .pipe(draftSelectedModelsCommand)

package/dist/_pkgs/affine-widget-keyboard-toolbar/icons.js

@@ -19,105 +19,105 @@ export function HeadingIcon(i) {
             return Heading1Icon();
     }
 }
-export const HighLightDuotoneIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-  >
-    <path
-      d="M5.8291 16.441L7.91757 18.5295L6.57811 19.8689C6.53119 19.9158 6.46406 19.9364 6.3989 19.9239L3.37036 19.3412C3.21285 19.3109 3.15331 19.1168 3.26673 19.0034L5.8291 16.441Z"
-      fill="${color}"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M19.0095 3.63759C17.9526 2.58067 16.26 2.516 15.1255 3.48919L7.32135 10.1837C6.35438 11.0132 6.05275 12.3823 6.58163 13.5414L6.73501 13.8775L5.67697 14.9356C5.30169 15.3108 5.30169 15.9193 5.67697 16.2946L8.06379 18.6814C8.43907 19.0567 9.04752 19.0567 9.4228 18.6814L10.4808 17.6234L10.8171 17.7768C11.9761 18.3057 13.3452 18.0041 14.1747 17.0371L20.8692 9.23294C21.8424 8.09846 21.7778 6.40588 20.7208 5.34896L19.0095 3.63759ZM16.1021 4.62769C16.6415 4.16498 17.4463 4.19572 17.9488 4.69825L19.6602 6.40962C20.1627 6.91215 20.1935 7.7169 19.7307 8.25631L14.6424 14.188L10.1704 9.71604L16.1021 4.62769ZM9.02857 10.6955L8.29798 11.3222C7.83822 11.7166 7.6948 12.3676 7.94627 12.9187L8.29785 13.6892C8.4348 13.9893 8.37947 14.3544 8.13372 14.6001L7.11878 15.6151L8.74329 17.2396L9.75812 16.2247C10.004 15.9789 10.3691 15.9236 10.6693 16.0606L11.4398 16.4122C11.9908 16.6636 12.6418 16.5202 13.0362 16.0605L13.6629 15.3299L9.02857 10.6955Z"
-      fill="${cssVarV2('icon/primary')}"
-    />
+export const HighLightDuotoneIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <path
+      d="M5.8291 16.441L7.91757 18.5295L6.57811 19.8689C6.53119 19.9158 6.46406 19.9364 6.3989 19.9239L3.37036 19.3412C3.21285 19.3109 3.15331 19.1168 3.26673 19.0034L5.8291 16.441Z"
+      fill="${color}"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M19.0095 3.63759C17.9526 2.58067 16.26 2.516 15.1255 3.48919L7.32135 10.1837C6.35438 11.0132 6.05275 12.3823 6.58163 13.5414L6.73501 13.8775L5.67697 14.9356C5.30169 15.3108 5.30169 15.9193 5.67697 16.2946L8.06379 18.6814C8.43907 19.0567 9.04752 19.0567 9.4228 18.6814L10.4808 17.6234L10.8171 17.7768C11.9761 18.3057 13.3452 18.0041 14.1747 17.0371L20.8692 9.23294C21.8424 8.09846 21.7778 6.40588 20.7208 5.34896L19.0095 3.63759ZM16.1021 4.62769C16.6415 4.16498 17.4463 4.19572 17.9488 4.69825L19.6602 6.40962C20.1627 6.91215 20.1935 7.7169 19.7307 8.25631L14.6424 14.188L10.1704 9.71604L16.1021 4.62769ZM9.02857 10.6955L8.29798 11.3222C7.83822 11.7166 7.6948 12.3676 7.94627 12.9187L8.29785 13.6892C8.4348 13.9893 8.37947 14.3544 8.13372 14.6001L7.11878 15.6151L8.74329 17.2396L9.75812 16.2247C10.004 15.9789 10.3691 15.9236 10.6693 16.0606L11.4398 16.4122C11.9908 16.6636 12.6418 16.5202 13.0362 16.0605L13.6629 15.3299L9.02857 10.6955Z"
+      fill="${cssVarV2('icon/primary')}"
+    />
   </svg>`;
-export const TextColorIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M14.0627 6.16255C14.385 5.30291 15.2068 4.7334 16.1249 4.7334C17.043 4.7334 17.8648 5.30291 18.1872 6.16255L23.7279 20.9378C23.9219 21.455 23.6599 22.0314 23.1427 22.2253C22.6256 22.4192 22.0492 22.1572 21.8553 21.6401L20.2289 17.3031H12.021L10.3946 21.6401C10.2007 22.1572 9.62428 22.4192 9.10716 22.2253C8.59004 22.0314 8.32803 21.455 8.52195 20.9378L14.0627 6.16255ZM12.771 15.3031H19.4789L16.3146 6.8648C16.2849 6.78576 16.2094 6.7334 16.1249 6.7334C16.0405 6.7334 15.965 6.78576 15.9353 6.8648L12.771 15.3031Z"
-      fill="${cssVarV2('icon/primary')}"
-    />
-    <rect
-      x="5.45837"
-      y="24"
-      width="21.3333"
-      height="3.33333"
-      rx="1"
-      fill=${color}
-    />
+export const TextColorIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.0627 6.16255C14.385 5.30291 15.2068 4.7334 16.1249 4.7334C17.043 4.7334 17.8648 5.30291 18.1872 6.16255L23.7279 20.9378C23.9219 21.455 23.6599 22.0314 23.1427 22.2253C22.6256 22.4192 22.0492 22.1572 21.8553 21.6401L20.2289 17.3031H12.021L10.3946 21.6401C10.2007 22.1572 9.62428 22.4192 9.10716 22.2253C8.59004 22.0314 8.32803 21.455 8.52195 20.9378L14.0627 6.16255ZM12.771 15.3031H19.4789L16.3146 6.8648C16.2849 6.78576 16.2094 6.7334 16.1249 6.7334C16.0405 6.7334 15.965 6.78576 15.9353 6.8648L12.771 15.3031Z"
+      fill="${cssVarV2('icon/primary')}"
+    />
+    <rect
+      x="5.45837"
+      y="24"
+      width="21.3333"
+      height="3.33333"
+      rx="1"
+      fill=${color}
+    />
   </svg>`;
-export const TextBackgroundDuotoneIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.57507 7.33336C4.57507 5.60287 5.97791 4.20003 7.70841 4.20003H25.0417C26.7722 4.20003 28.1751 5.60287 28.1751 7.33336V24.6667C28.1751 26.3972 26.7722 27.8 25.0417 27.8H7.70841C5.97791 27.8 4.57507 26.3972 4.57507 24.6667V7.33336Z"
-      fill="${color}"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.57495 7.33333C4.57495 5.60284 5.97779 4.2 7.70828 4.2H25.0416C26.7721 4.2 28.175 5.60284 28.175 7.33333V24.6667C28.175 26.3972 26.7721 27.8 25.0416 27.8H7.70828C5.97779 27.8 4.57495 26.3972 4.57495 24.6667V7.33333ZM7.70828 5.13333C6.49326 5.13333 5.50828 6.1183 5.50828 7.33333V24.6667C5.50828 25.8817 6.49326 26.8667 7.70828 26.8667H25.0416C26.2566 26.8667 27.2416 25.8817 27.2416 24.6667V7.33333C27.2416 6.1183 26.2566 5.13333 25.0416 5.13333H7.70828Z"
-      fill="black"
-      fill-opacity="0.22"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M14.5379 10.0064C14.8251 9.24064 15.5571 8.73332 16.375 8.73332C17.1928 8.73332 17.9249 9.24064 18.2121 10.0064L22.6446 21.8266C22.8386 22.3438 22.5766 22.9202 22.0594 23.1141C21.5423 23.308 20.9659 23.046 20.772 22.5289L19.5196 19.1891H13.2304L11.978 22.5289C11.7841 23.046 11.2076 23.308 10.6905 23.1141C10.1734 22.9202 9.9114 22.3438 10.1053 21.8266L14.5379 10.0064ZM13.9804 17.1891H18.7696L16.375 10.8035L13.9804 17.1891Z"
-      fill="${cssVarV2('text/primary')}"
-    />
+export const TextBackgroundDuotoneIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.57507 7.33336C4.57507 5.60287 5.97791 4.20003 7.70841 4.20003H25.0417C26.7722 4.20003 28.1751 5.60287 28.1751 7.33336V24.6667C28.1751 26.3972 26.7722 27.8 25.0417 27.8H7.70841C5.97791 27.8 4.57507 26.3972 4.57507 24.6667V7.33336Z"
+      fill="${color}"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.57495 7.33333C4.57495 5.60284 5.97779 4.2 7.70828 4.2H25.0416C26.7721 4.2 28.175 5.60284 28.175 7.33333V24.6667C28.175 26.3972 26.7721 27.8 25.0416 27.8H7.70828C5.97779 27.8 4.57495 26.3972 4.57495 24.6667V7.33333ZM7.70828 5.13333C6.49326 5.13333 5.50828 6.1183 5.50828 7.33333V24.6667C5.50828 25.8817 6.49326 26.8667 7.70828 26.8667H25.0416C26.2566 26.8667 27.2416 25.8817 27.2416 24.6667V7.33333C27.2416 6.1183 26.2566 5.13333 25.0416 5.13333H7.70828Z"
+      fill="black"
+      fill-opacity="0.22"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.5379 10.0064C14.8251 9.24064 15.5571 8.73332 16.375 8.73332C17.1928 8.73332 17.9249 9.24064 18.2121 10.0064L22.6446 21.8266C22.8386 22.3438 22.5766 22.9202 22.0594 23.1141C21.5423 23.308 20.9659 23.046 20.772 22.5289L19.5196 19.1891H13.2304L11.978 22.5289C11.7841 23.046 11.2076 23.308 10.6905 23.1141C10.1734 22.9202 9.9114 22.3438 10.1053 21.8266L14.5379 10.0064ZM13.9804 17.1891H18.7696L16.375 10.8035L13.9804 17.1891Z"
+      fill="${cssVarV2('text/primary')}"
+    />
   </svg>`;
-export const FigmaDuotoneIcon = html `<svg
-  width="32"
-  height="32"
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g id="Figma_Duotone">
-    <path
-      id="Vector"
-      d="M8.41842 22.5027C10.3047 22.5027 11.8356 20.9719 11.8356 19.0856V15.6685H8.41842C6.53216 15.6685 5.00128 17.1993 5.00128 19.0856C5.00128 20.9719 6.53216 22.5027 8.41842 22.5027Z"
-      fill="#0ACF83"
-    />
-    <path
-      id="Vector_2"
-      d="M5.00128 12.2514C5.00128 10.3651 6.53216 8.83423 8.41842 8.83423H11.8356V15.6685H8.41842C6.53216 15.6685 5.00128 14.1376 5.00128 12.2514Z"
-      fill="#A259FF"
-    />
-    <path
-      id="Vector_3"
-      d="M5.00146 5.41714C5.00146 3.53088 6.53234 2 8.4186 2H11.8357V8.83428H8.4186C6.53234 8.83428 5.00146 7.3034 5.00146 5.41714Z"
-      fill="#F24E1E"
-    />
-    <path
-      id="Vector_4"
-      d="M11.8356 2H15.2527C17.139 2 18.6699 3.53088 18.6699 5.41714C18.6699 7.3034 17.139 8.83428 15.2527 8.83428H11.8356V2Z"
-      fill="#FF7262"
-    />
-    <path
-      id="Vector_5"
-      d="M18.6699 12.2514C18.6699 14.1376 17.139 15.6685 15.2527 15.6685C13.3665 15.6685 11.8356 14.1376 11.8356 12.2514C11.8356 10.3651 13.3665 8.83423 15.2527 8.83423C17.139 8.83423 18.6699 10.3651 18.6699 12.2514Z"
-      fill="#1ABCFE"
-    />
-  </g>
+export const FigmaDuotoneIcon = html `<svg
+  width="32"
+  height="32"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g id="Figma_Duotone">
+    <path
+      id="Vector"
+      d="M8.41842 22.5027C10.3047 22.5027 11.8356 20.9719 11.8356 19.0856V15.6685H8.41842C6.53216 15.6685 5.00128 17.1993 5.00128 19.0856C5.00128 20.9719 6.53216 22.5027 8.41842 22.5027Z"
+      fill="#0ACF83"
+    />
+    <path
+      id="Vector_2"
+      d="M5.00128 12.2514C5.00128 10.3651 6.53216 8.83423 8.41842 8.83423H11.8356V15.6685H8.41842C6.53216 15.6685 5.00128 14.1376 5.00128 12.2514Z"
+      fill="#A259FF"
+    />
+    <path
+      id="Vector_3"
+      d="M5.00146 5.41714C5.00146 3.53088 6.53234 2 8.4186 2H11.8357V8.83428H8.4186C6.53234 8.83428 5.00146 7.3034 5.00146 5.41714Z"
+      fill="#F24E1E"
+    />
+    <path
+      id="Vector_4"
+      d="M11.8356 2H15.2527C17.139 2 18.6699 3.53088 18.6699 5.41714C18.6699 7.3034 17.139 8.83428 15.2527 8.83428H11.8356V2Z"
+      fill="#FF7262"
+    />
+    <path
+      id="Vector_5"
+      d="M18.6699 12.2514C18.6699 14.1376 17.139 15.6685 15.2527 15.6685C13.3665 15.6685 11.8356 14.1376 11.8356 12.2514C11.8356 10.3651 13.3665 8.83423 15.2527 8.83423C17.139 8.83423 18.6699 10.3651 18.6699 12.2514Z"
+      fill="#1ABCFE"
+    />
+  </g>
 </svg> `;

package/dist/_pkgs/affine-widget-slash-menu/config.js

@@ -2,6 +2,7 @@ import { toast } from '../affine-components/toast/index.js';
 import { insertContent } from '../affine-rich-text/index.js';
 import { ArrowDownBigIcon, ArrowUpBigIcon, CopyIcon, DeleteIcon, DualLinkIcon, NowIcon, TodayIcon, TomorrowIcon, YesterdayIcon, } from '@blocksuite/icons/lit';
 import { Slice, Text } from '../store/index.js';
+import { TOAST_COPIED_TO_CLIPBOARD, translateKey, } from '../affine-shared/services/index.js';
 import { slashMenuToolTips } from './tooltips/index.js';
 import { formatDate, formatTime } from './utils.js';
 export const defaultSlashMenuConfig = {
@@ -101,7 +102,7 @@ export const defaultSlashMenuConfig = {
                     std.clipboard
                         .copy(slice)
                         .then(() => {
-                        toast(std.host, 'Copied to clipboard');
+                        toast(std.host, translateKey(std, ...TOAST_COPIED_TO_CLIPBOARD));
                     })
                         .catch(e => {
                         console.error(e);

package/dist/_pkgs/affine-widget-toolbar/toolbar.js

@@ -491,6 +491,9 @@ export class AffineToolbarWidget extends WidgetComponent {
         }));
         disposables.add(effect(() => {
             const value = flags.value$.value;
+            // Subscribes to forced refreshes: `flags.refresh()` keeps `value$`
+            // untouched, the revision counter is the only thing that changes.
+            void flags.revision$.value;
             // Hides toolbar
             if (Flag.None === value || flags.check(Flag.Hiding, value)) {
                 this.fitter.reset();
@@ -526,6 +529,8 @@ export class AffineToolbarWidget extends WidgetComponent {
                 abortController.abort();
             }
             const value = flags.value$.value;
+            // Subscribes to forced refreshes, see above.
+            void flags.revision$.value;
             if (!context.activated)
                 return;
             if (Flag.None === value || flags.contains(Flag.Hiding, value))

package/dist/_pkgs/affine-widget-toolbar/utils.d.ts

@@ -1,5 +1,5 @@
 import { type EditorToolbar } from '../affine-components/toolbar/index.js';
-import { type ToolbarActions, type ToolbarContext, type ToolbarLayoutStep, type ToolbarPlacement } from '../affine-shared/services/index.js';
+import { ActionPlacement, type ToolbarActions, type ToolbarContext, type ToolbarLayoutStep, type ToolbarPlacement } from '../affine-shared/services/index.js';
 import type { AutoUpdateOptions, ReferenceElement, SideObject } from '@floating-ui/dom';
 export declare const sideMap: Map<string, {
     top: number;
@@ -15,7 +15,24 @@ export declare function autoUpdatePosition(signal: AbortSignal, toolbar: EditorT
  * scroll, resize and flip.
  */
 onAvailableWidth?: () => void): () => void;
-export declare function combine(actions: ToolbarActions, context: ToolbarContext): any[];
+export declare function combine(actions: ToolbarActions, context: ToolbarContext): {
+    placement: ActionPlacement;
+    id: string;
+    score?: number;
+    when?: ((cx: ToolbarContext) => boolean) | boolean;
+    active?: ((cx: ToolbarContext) => boolean) | boolean;
+    priority?: number;
+    label?: string;
+    labelWording?: import("../affine-shared/services/index.js").ChromeWording;
+    showLabel?: boolean;
+    icon?: import("lit-html").TemplateResult;
+    tooltip?: string | import("lit-html").TemplateResult;
+    tooltipWording?: import("../affine-shared/services/index.js").ChromeWording;
+    variant?: "destructive";
+    disabled?: ((cx: ToolbarContext) => boolean) | boolean;
+    content?: ((cx: ToolbarContext) => import("lit-html").TemplateResult | null) | (import("lit-html").TemplateResult | null);
+    run?: (cx: ToolbarContext) => void;
+}[];
 /**
  * How much of the row an entry has given up, decided by {@link ToolbarFitter}
  * and re-applied by every render until the room changes again.

package/dist/_pkgs/affine-widget-toolbar/utils.js

@@ -1,5 +1,5 @@
 import { renderToolbarSeparator, } from '../affine-components/toolbar/index.js';
-import { ActionPlacement, planToolbarLayout, TOOLBAR_SETTLE_DELAY, toolbarDegradationSteps, toolbarRoomChanged, } from '../affine-shared/services/index.js';
+import { ActionPlacement, planToolbarLayout, TOOLBAR_MORE, TOOLBAR_SETTLE_DELAY, toolbarDegradationSteps, toolbarRoomChanged, translateKey, } from '../affine-shared/services/index.js';
 import { nextTick } from '../global/utils/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
 import { MoreVerticalIcon } from '@blocksuite/icons/lit';
@@ -144,10 +144,22 @@ export function combine(actions, context) {
         };
         if ('generate' in action && typeof action.generate === 'function') {
             // TODO(@fundon): should delete `generate` fn
-            return {
-                ...newAction,
-                ...action.generate(context),
-            };
+            Object.assign(newAction, action.generate(context));
+        }
+        // The i18n seam, applied HERE and only here: every path that draws an
+        // entry — the row, a group's children, the "⋮" — goes through `combine`
+        // first, and the row's own signature (`renderToolbar`) reads the resolved
+        // `label` a few lines later, so an entry that changes language is a row
+        // that is re-planned rather than one drawn at the wrong width.
+        //
+        // A declared wording WINS over a static `label` / `tooltip` left beside it:
+        // the static one is the English default and is already the wording's own
+        // fallback, so the two can never disagree.
+        if (newAction.labelWording) {
+            newAction.label = translateKey(context.std, ...newAction.labelWording);
+        }
+        if (newAction.tooltipWording) {
+            newAction.tooltip = translateKey(context.std, ...newAction.tooltipWording);
         }
         return newAction;
     });
@@ -434,6 +446,9 @@ export function renderToolbar(toolbar, context, flavour, source = () => emptyToo
         if (moreMenuItems.length) {
             const key = `${context.getCurrentModel()?.id}`;
             hasMenu = true;
+            // The one word the WIDGET says on its own account, so it is the one
+            // wording no entry can declare for it (#183).
+            const moreLabel = translateKey(context.std, ...TOOLBAR_MORE);
             primary.push({
                 kind: 'template',
                 // Not an entry of the row's signature: the "⋮" is DERIVED from the
@@ -445,8 +460,8 @@ export function renderToolbar(toolbar, context, flavour, source = () => emptyToo
               .contentPadding="${'8px'}"
               .button=${html `
                 <editor-icon-button
-                  aria-label="More"
-                  .tooltip="${'More'}"
+                  aria-label=${moreLabel}
+                  .tooltip="${moreLabel}"
                   .iconContainerPadding=${innerToolbar ? 4 : 2}
                   .iconSize=${innerToolbar ? '16px' : undefined}
                 >