@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-block-embed/embed-iframe-block/configs/toolbar.js

@@ -2,7 +2,7 @@ import { reassociateConnectorsCommand } from '../../../affine-block-surface/inde
 import { toast } from '../../../affine-components/toast/index.js';
 import { BookmarkStyles, EmbedIframeBlockModel } from '../../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../../affine-shared/consts/index.js';
-import { ActionPlacement, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, TOOLBAR_RELOAD, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
 import { getBlockProps } from '../../../affine-shared/utils/index.js';
 import { Bound } from '../../../global/gfx/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, LinkedPageIcon, OpenInNewIcon, ResetIcon, } from '@blocksuite/icons/lit';
@@ -13,6 +13,7 @@ import { html } from 'lit';
 import { keyed } from 'lit/directives/keyed.js';
 import * as Y from 'yjs';
 import { convertSelectedBlocksToLinkedDoc, getTitleFromSelectedModels, notifyDocCreated, promptDocTitle, } from '../../common/render-linked-doc.js';
+import { EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC, EMBED_IFRAME_TOOLBAR_ORIGINAL, } from '../../translations.js';
 import { EmbedIframeBlockComponent } from '../embed-iframe-block.js';
 const trackBaseProps = {
     category: 'embed iframe block',
@@ -28,6 +29,7 @@ const openLinkAction = (id) => {
         id,
         when: showWhenUrlExists,
         tooltip: 'Original',
+        tooltipWording: EMBED_IFRAME_TOOLBAR_ORIGINAL,
         icon: OpenInNewIcon(),
         run(ctx) {
             const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);
@@ -44,6 +46,7 @@ const captionAction = (id) => {
         id,
         when: showWhenUrlExists,
         tooltip: 'Caption',
+        tooltipWording: TOOLBAR_CAPTION,
         icon: CaptionIcon(),
         run(ctx) {
             const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);
@@ -151,6 +154,7 @@ export const builtinToolbarConfig = {
         {
             id: 'e.convert-to-linked-doc',
             tooltip: 'Create Linked Doc',
+            tooltipWording: EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC,
             icon: LinkedPageIcon(),
             run(ctx) {
                 const model = ctx.getCurrentModelByType(EmbedIframeBlockModel);
@@ -227,6 +231,7 @@ export const builtinToolbarConfig = {
             placement: ActionPlacement.More,
             id: 'b.reload',
             label: 'Reload',
+            labelWording: TOOLBAR_RELOAD,
             icon: ResetIcon(),
             run(ctx) {
                 const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);

package/dist/_pkgs/affine-block-embed/embed-iframe-block/embed-iframe-block.js

@@ -49,6 +49,7 @@ import { styleMap } from 'lit/directives/style-map.js';
 import { DEFAULT_IFRAME_HEIGHT, DEFAULT_IFRAME_WIDTH, EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS, ERROR_CARD_DEFAULT_HEIGHT, IDLE_CARD_DEFAULT_HEIGHT, LINK_CREATE_POPUP_OFFSET, LOADING_CARD_DEFAULT_HEIGHT, } from './consts.js';
 import { embedIframeBlockStyles } from './style.js';
 import { safeGetIframeSrc } from './utils.js';
+import { EMBED_IFRAME_NO_LINK_MESSAGE } from '../translations.js';
 let EmbedIframeBlockComponent = (() => {
     let _classSuper = CaptionedBlockComponent;
     let __blockContainer_decorators;
@@ -223,7 +224,7 @@ let EmbedIframeBlockComponent = (() => {
                 if (!link) {
                     this.notificationService?.notify({
                         title: translateKey(this.std, ...TOAST_NO_LINK_FOUND),
-                        message: 'Please set a link to the block',
+                        message: translateKey(this.std, ...EMBED_IFRAME_NO_LINK_MESSAGE),
                         accent: 'warning',
                         onClose: function () { },
                     });
@@ -382,6 +383,7 @@ let EmbedIframeBlockComponent = (() => {
             this._renderContent = () => {
                 if (this.isIdle$.value) {
                     return html `<embed-iframe-idle-card
+        .std=${this.std}
         .options=${this._statusCardOptions}
       ></embed-iframe-idle-card>`;
                 }

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

@@ -0,0 +1,46 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The confirm/cancel pair of the two prompts this package renders — the
+ * "create a linked doc" title prompt (`common/render-linked-doc.ts`) and the
+ * generic-embed link popup's own confirm button
+ * (`embed-iframe-block/components/embed-iframe-link-input-popup.ts`). Both
+ * read the exact same two words, so one pair serves both. L7 dedupe: the
+ * exact same two words `@labre/affine-components`'s own modals use, so both
+ * now alias the shared `chrome.ts` wording.
+ */
+export declare const EMBED_CONFIRM: ChromeWording;
+export declare const EMBED_CANCEL: ChromeWording;
+export declare const EMBED_PROMPT_TITLE_MESSAGE: ChromeWording;
+export declare const EMBED_DOC_CREATED_UNDO_MESSAGE: ChromeWording;
+export declare const EMBED_HTML_EMPTY: ChromeWording;
+export declare const EMBED_HTML_SETTINGS_HEADER: ChromeWording;
+export declare const EMBED_IFRAME_SLASH_NAME: ChromeWording;
+export declare const EMBED_IFRAME_SLASH_DESCRIPTION: ChromeWording;
+export declare const EMBED_IFRAME_ERROR_TITLE: ChromeWording;
+export declare const EMBED_IFRAME_ERROR_EDIT: ChromeWording;
+export declare const EMBED_IFRAME_IDLE_TEXT: ChromeWording;
+export declare const EMBED_IFRAME_INVALID_URL_TITLE: ChromeWording;
+export declare const EMBED_IFRAME_INVALID_URL_MESSAGE: ChromeWording;
+export declare const EMBED_IFRAME_CREATION_ERROR_TITLE: ChromeWording;
+export declare const EMBED_IFRAME_CREATION_ERROR_FALLBACK: ChromeWording;
+export declare const EMBED_IFRAME_LINK_POPUP_TITLE: ChromeWording;
+export declare const EMBED_IFRAME_LINK_POPUP_DESCRIPTION: ChromeWording;
+export declare const EMBED_IFRAME_LINK_POPUP_PLACEHOLDER: ChromeWording;
+export declare const EMBED_IFRAME_TOOLBAR_ORIGINAL: ChromeWording;
+/**
+ * An alias (L7 dedupe): the same Title Case word as
+ * {@link TOOLBAR_CREATE_LINKED_DOC_TITLE}, distinct from the sentence-case
+ * `TOOLBAR_CREATE_LINKED_DOC` chrome wording ("Create linked doc").
+ */
+export declare const EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC: ChromeWording;
+/** The "no link" notification's message (`embed-iframe-block.ts`). */
+export declare const EMBED_IFRAME_NO_LINK_MESSAGE: ChromeWording;
+/**
+ * This package's contribution to the translation-key manifest, listed in
+ * `PACKAGE_WORDINGS` under source `chrome`
+ * (`packages/affine/all/src/translations.ts`). The shared verbs it reuses
+ * (Caption, Reload, Loading…, Settings, the card-style switcher's four
+ * wordings…) travel with `@labre/affine-shared/services` instead, so they
+ * are not restated here.
+ */
+export declare const EMBED_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-block-embed/translations.js

@@ -0,0 +1,114 @@
+import { ACTION_CANCEL, ACTION_CONFIRM, TOOLBAR_CREATE_LINKED_DOC_TITLE, TOOLBAR_EDIT, TOOLBAR_SETTINGS, } from '../affine-shared/services/index.js';
+/**
+ * The confirm/cancel pair of the two prompts this package renders — the
+ * "create a linked doc" title prompt (`common/render-linked-doc.ts`) and the
+ * generic-embed link popup's own confirm button
+ * (`embed-iframe-block/components/embed-iframe-link-input-popup.ts`). Both
+ * read the exact same two words, so one pair serves both. L7 dedupe: the
+ * exact same two words `@labre/affine-components`'s own modals use, so both
+ * now alias the shared `chrome.ts` wording.
+ */
+export const EMBED_CONFIRM = ACTION_CONFIRM;
+export const EMBED_CANCEL = ACTION_CANCEL;
+/* ── "Create a linked doc" prompt (`common/render-linked-doc.ts`) ────────── */
+export const EMBED_PROMPT_TITLE_MESSAGE = [
+    'com.labre.embed.prompt.title-message',
+    'Enter a title for the new doc.',
+];
+export const EMBED_DOC_CREATED_UNDO_MESSAGE = [
+    'com.labre.embed.toast.undo-message',
+    'You can click undo to recovery block content',
+];
+/* ── The HTML embed (`embed-html-block/`) ─────────────────────────────── */
+export const EMBED_HTML_EMPTY = [
+    'com.labre.embed.html.empty',
+    'Empty',
+];
+export const EMBED_HTML_SETTINGS_HEADER = TOOLBAR_SETTINGS;
+/* ── The generic iframe embed (`embed-iframe-block/`) ─────────────────── */
+export const EMBED_IFRAME_SLASH_NAME = [
+    'com.labre.embed.iframe.slash.name',
+    'Embed',
+];
+export const EMBED_IFRAME_SLASH_DESCRIPTION = [
+    'com.labre.embed.iframe.slash.description',
+    'For Google Drive, and more.',
+];
+export const EMBED_IFRAME_ERROR_TITLE = [
+    'com.labre.embed.iframe.error.title',
+    'This link couldn’t be loaded.',
+];
+export const EMBED_IFRAME_ERROR_EDIT = TOOLBAR_EDIT;
+export const EMBED_IFRAME_IDLE_TEXT = [
+    'com.labre.embed.iframe.idle.text',
+    'Embed anything (Google Drive, Google Docs, Spotify, Miro…)',
+];
+export const EMBED_IFRAME_INVALID_URL_TITLE = [
+    'com.labre.embed.iframe.invalid-url.title',
+    'Invalid URL',
+];
+export const EMBED_IFRAME_INVALID_URL_MESSAGE = [
+    'com.labre.embed.iframe.invalid-url.message',
+    'Please enter a valid URL',
+];
+export const EMBED_IFRAME_CREATION_ERROR_TITLE = [
+    'com.labre.embed.iframe.creation-error.title',
+    'Error in embed iframe creation',
+];
+export const EMBED_IFRAME_CREATION_ERROR_FALLBACK = [
+    'com.labre.embed.iframe.creation-error.fallback',
+    'Please try again',
+];
+export const EMBED_IFRAME_LINK_POPUP_TITLE = [
+    'com.labre.embed.iframe.link-popup.title',
+    'Embed Link',
+];
+export const EMBED_IFRAME_LINK_POPUP_DESCRIPTION = [
+    'com.labre.embed.iframe.link-popup.description',
+    'Works with links of Google Drive, Spotify…',
+];
+export const EMBED_IFRAME_LINK_POPUP_PLACEHOLDER = [
+    'com.labre.embed.iframe.link-popup.placeholder',
+    'Paste the Embed link...',
+];
+export const EMBED_IFRAME_TOOLBAR_ORIGINAL = [
+    'com.labre.embed.iframe.toolbar.original',
+    'Original',
+];
+/**
+ * An alias (L7 dedupe): the same Title Case word as
+ * {@link TOOLBAR_CREATE_LINKED_DOC_TITLE}, distinct from the sentence-case
+ * `TOOLBAR_CREATE_LINKED_DOC` chrome wording ("Create linked doc").
+ */
+export const EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC = TOOLBAR_CREATE_LINKED_DOC_TITLE;
+/** The "no link" notification's message (`embed-iframe-block.ts`). */
+export const EMBED_IFRAME_NO_LINK_MESSAGE = [
+    'com.labre.embed.iframe.no-link-message',
+    'Please set a link to the block',
+];
+/**
+ * This package's contribution to the translation-key manifest, listed in
+ * `PACKAGE_WORDINGS` under source `chrome`
+ * (`packages/affine/all/src/translations.ts`). The shared verbs it reuses
+ * (Caption, Reload, Loading…, Settings, the card-style switcher's four
+ * wordings…) travel with `@labre/affine-shared/services` instead, so they
+ * are not restated here.
+ */
+export const EMBED_WORDINGS = [
+    EMBED_PROMPT_TITLE_MESSAGE,
+    EMBED_DOC_CREATED_UNDO_MESSAGE,
+    EMBED_HTML_EMPTY,
+    EMBED_IFRAME_SLASH_NAME,
+    EMBED_IFRAME_SLASH_DESCRIPTION,
+    EMBED_IFRAME_ERROR_TITLE,
+    EMBED_IFRAME_IDLE_TEXT,
+    EMBED_IFRAME_INVALID_URL_TITLE,
+    EMBED_IFRAME_INVALID_URL_MESSAGE,
+    EMBED_IFRAME_CREATION_ERROR_TITLE,
+    EMBED_IFRAME_CREATION_ERROR_FALLBACK,
+    EMBED_IFRAME_LINK_POPUP_TITLE,
+    EMBED_IFRAME_LINK_POPUP_DESCRIPTION,
+    EMBED_IFRAME_LINK_POPUP_PLACEHOLDER,
+    EMBED_IFRAME_TOOLBAR_ORIGINAL,
+    EMBED_IFRAME_NO_LINK_MESSAGE,
+];

package/dist/_pkgs/affine-block-embed-doc/embed-linked-doc-block/configs/slash-menu.js

@@ -5,16 +5,20 @@ import { createDefaultDoc } from '../../../affine-shared/utils/index.js';
 import { SlashMenuConfigIdentifier, } from '../../../affine-widget-slash-menu/index.js';
 import { LinkedPageIcon, PlusIcon } from '@blocksuite/icons/lit';
 import {} from '../../../store/index.js';
+import { EMBED_DOC_SLASH_LINKED_DOC_CAPTION, EMBED_DOC_SLASH_LINKED_DOC_DESCRIPTION, EMBED_DOC_SLASH_LINKED_DOC_NAME, EMBED_DOC_SLASH_NEW_DOC_DESCRIPTION, EMBED_DOC_SLASH_NEW_DOC_NAME, } from '../../translations.js';
 import { LinkDocTooltip, NewDocTooltip } from './tooltips.js';
 const linkedDocSlashMenuConfig = {
     items: [
         {
             name: 'New Doc',
+            nameWording: EMBED_DOC_SLASH_NEW_DOC_NAME,
             description: 'Start a new document.',
+            descriptionWording: EMBED_DOC_SLASH_NEW_DOC_DESCRIPTION,
             icon: PlusIcon(),
             tooltip: {
                 figure: NewDocTooltip,
                 caption: 'New Doc',
+                captionWording: EMBED_DOC_SLASH_NEW_DOC_NAME,
             },
             group: '3_Page@0',
             when: ({ model }) => model.store.schema.flavourSchemaMap.has('affine:embed-linked-doc'),
@@ -30,11 +34,14 @@ const linkedDocSlashMenuConfig = {
         },
         {
             name: 'Linked Doc',
+            nameWording: EMBED_DOC_SLASH_LINKED_DOC_NAME,
             description: 'Link to another document.',
+            descriptionWording: EMBED_DOC_SLASH_LINKED_DOC_DESCRIPTION,
             icon: LinkedPageIcon(),
             tooltip: {
                 figure: LinkDocTooltip,
                 caption: 'Link Doc',
+                captionWording: EMBED_DOC_SLASH_LINKED_DOC_CAPTION,
             },
             searchAlias: ['dual link'],
             group: '3_Page@1',

package/dist/_pkgs/affine-block-embed-doc/embed-linked-doc-block/configs/toolbar.js

@@ -2,7 +2,7 @@ import { toast } from '../../../affine-components/toast/index.js';
 import { EditorChevronDown } from '../../../affine-components/toolbar/index.js';
 import { EmbedLinkedDocModel, EmbedLinkedDocStyles, } from '../../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../../affine-shared/consts/index.js';
-import { ActionPlacement, blockCommentToolbarButton, DocDisplayMetaProvider, EditorSettingProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, CHROME_UNTITLED, DocDisplayMetaProvider, EditorSettingProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, TOOLBAR_LARGE_HORIZONTAL_STYLE, TOOLBAR_LARGE_VERTICAL_STYLE, TOOLBAR_OPEN_THIS_DOC, TOOLBAR_SMALL_HORIZONTAL_STYLE, TOOLBAR_SMALL_VERTICAL_STYLE, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
 import { getBlockProps, referenceToNode } from '../../../affine-shared/utils/index.js';
 import { Bound } from '../../../global/gfx/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, ExpandFullIcon, OpenInNewIcon, } from '@blocksuite/icons/lit';
@@ -14,6 +14,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { keyed } from 'lit/directives/keyed.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { EmbedLinkedDocBlockComponent } from '../embed-linked-doc-block.js';
+import { EMBED_DOC_OPEN_DOC } from '../../translations.js';
 const trackBaseProps = {
     category: 'linked doc',
     type: 'card view',
@@ -35,7 +36,7 @@ const docTitleAction = {
         if (!model.props.title)
             return null;
         const originalTitle = ctx.std.get(DocDisplayMetaProvider).title(model.props.pageId).value ||
-            'Untitled';
+            translateKey(ctx.std, ...CHROME_UNTITLED);
         const open = (event) => block.open({ event });
         return html `<affine-linked-doc-title
       .title=${originalTitle}
@@ -46,6 +47,7 @@ const docTitleAction = {
 const captionAction = {
     id: 'd.caption',
     tooltip: 'Caption',
+    tooltipWording: TOOLBAR_CAPTION,
     icon: CaptionIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(EmbedLinkedDocBlockComponent);
@@ -61,6 +63,7 @@ const openDocActions = [
         mode: 'open-in-active-view',
         id: 'a.open-in-active-view',
         label: 'Open this doc',
+        labelWording: TOOLBAR_OPEN_THIS_DOC,
         icon: ExpandFullIcon(),
     },
 ];
@@ -83,25 +86,33 @@ const openDocActionGroup = {
                 run: (_ctx) => block.open({ openMode }),
             };
         });
+        const openDocLabel = translateKey(ctx.std, ...EMBED_DOC_OPEN_DOC);
         return html `
       <editor-menu-button
         .contentPadding="${'8px'}"
         .button=${html `
-          <editor-icon-button aria-label="Open doc" .tooltip=${'Open doc'}>
+          <editor-icon-button
+            aria-label=${openDocLabel}
+            .tooltip=${openDocLabel}
+          >
             ${OpenInNewIcon()} ${EditorChevronDown}
           </editor-icon-button>
         `}
       >
         <div data-size="small" data-orientation="vertical">
-          ${repeat(actions, action => action.id, ({ label, icon, run, disabled }) => html `
-              <editor-menu-action
-                aria-label=${ifDefined(label)}
-                ?disabled=${ifDefined(typeof disabled === 'function' ? disabled(ctx) : disabled)}
-                @click=${() => run?.(ctx)}
-              >
-                ${icon}<span class="label">${label}</span>
-              </editor-menu-action>
-            `)}
+          ${repeat(actions, action => action.id, action => {
+            const label = toolbarActionLabel(ctx.std, action);
+            const { icon, run, disabled } = action;
+            return html `
+                <editor-menu-action
+                  aria-label=${ifDefined(label)}
+                  ?disabled=${ifDefined(typeof disabled === 'function' ? disabled(ctx) : disabled)}
+                  @click=${() => run?.(ctx)}
+                >
+                  ${icon}<span class="label">${label}</span>
+                </editor-menu-action>
+              `;
+        })}
         </div>
       </editor-menu-button>
     `;
@@ -190,10 +201,12 @@ const builtinToolbarConfig = {
                 {
                     id: 'horizontal',
                     label: 'Large horizontal style',
+                    labelWording: TOOLBAR_LARGE_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'list',
                     label: 'Small horizontal style',
+                    labelWording: TOOLBAR_SMALL_HORIZONTAL_STYLE,
                 },
             ].filter(action => EmbedLinkedDocStyles.includes(action.id)),
             content(ctx) {
@@ -289,18 +302,22 @@ const builtinSurfaceToolbarConfig = {
                 {
                     id: 'horizontal',
                     label: 'Large horizontal style',
+                    labelWording: TOOLBAR_LARGE_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'list',
                     label: 'Small horizontal style',
+                    labelWording: TOOLBAR_SMALL_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'vertical',
                     label: 'Large vertical style',
+                    labelWording: TOOLBAR_LARGE_VERTICAL_STYLE,
                 },
                 {
                     id: 'cube',
                     label: 'Small vertical style',
+                    labelWording: TOOLBAR_SMALL_VERTICAL_STYLE,
                 },
             ].filter(action => EmbedLinkedDocStyles.includes(action.id)),
             content(ctx) {

package/dist/_pkgs/affine-block-embed-doc/embed-linked-doc-block/configs/tooltips.js

@@ -6,8 +6,8 @@ export const NewDocTooltip = 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_991)">
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="22" font-weight="600" letter-spacing="0px"><tspan x="8" y="27.5">Title</tspan></text>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="44.6364">Type &#39;/&#39; for commands</tspan></text>
+<rect x="8" y="11" width="60.5" height="17.6" rx="8.8" fill="#8E8D91" fill-opacity="0.55"/>
+<rect x="8" y="37.1364" width="115.5" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 </g>
 </svg>
 `;
@@ -18,13 +18,13 @@ export const LinkDocTooltip = html `<svg width="170" height="68" viewBox="0 0 17
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_998)">
-<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="63.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="75.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="111.636">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="123.636">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="135.636">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="147.636">other users.&#10;</tspan><tspan x="8" y="183.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="195.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="56.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="68.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="104.136" width="162" 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="140.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="176.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="188.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.125 39C10.125 38.2406 10.7406 37.625 11.5 37.625H16.5C17.2594 37.625 17.875 38.2406 17.875 39V42C17.875 42.2071 17.7071 42.375 17.5 42.375C17.2929 42.375 17.125 42.2071 17.125 42V39C17.125 38.6548 16.8452 38.375 16.5 38.375H11.5C11.1548 38.375 10.875 38.6548 10.875 39V45C10.875 45.3452 11.1548 45.625 11.5 45.625H14C14.2071 45.625 14.375 45.7929 14.375 46C14.375 46.2071 14.2071 46.375 14 46.375H11.5C10.7406 46.375 10.125 45.7594 10.125 45V39ZM12.125 40C12.125 39.7929 12.2929 39.625 12.5 39.625H14C14.2071 39.625 14.375 39.7929 14.375 40C14.375 40.2071 14.2071 40.375 14 40.375H12.5C12.2929 40.375 12.125 40.2071 12.125 40ZM12.5 41.375C12.2929 41.375 12.125 41.5429 12.125 41.75C12.125 41.9571 12.2929 42.125 12.5 42.125H15.5C15.7071 42.125 15.875 41.9571 15.875 41.75C15.875 41.5429 15.7071 41.375 15.5 41.375H12.5ZM12.125 43.5C12.125 43.2929 12.2929 43.125 12.5 43.125H13.75C13.9571 43.125 14.125 43.2929 14.125 43.5C14.125 43.7071 13.9571 43.875 13.75 43.875H12.5C12.2929 43.875 12.125 43.7071 12.125 43.5ZM15.75 43.125C15.5429 43.125 15.375 43.2929 15.375 43.5C15.375 43.7071 15.5429 43.875 15.75 43.875H17.0947L15.2348 45.7348C15.0884 45.8813 15.0884 46.1187 15.2348 46.2652C15.3813 46.4116 15.6187 46.4116 15.7652 46.2652L17.625 44.4053V45.75C17.625 45.9571 17.7929 46.125 18 46.125C18.2071 46.125 18.375 45.9571 18.375 45.75V43.5C18.375 43.4005 18.3355 43.3052 18.2652 43.2348C18.1948 43.1645 18.0995 43.125 18 43.125H15.75Z" fill="#77757D"/>
 <mask id="path-5-inside-1_16460_998" fill="white">
 <path d="M24 35H98V49H24V35Z"/>
 </mask>
 <path d="M98 48.5H24V49.5H98V48.5Z" fill="#E3E2E4" mask="url(#path-5-inside-1_16460_998)"/>
-<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">What&#x2019;s AFFiNE?</tspan></text>
+<rect x="24" y="38.1364" width="77" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
 </svg>
 `;

package/dist/_pkgs/affine-block-embed-doc/embed-linked-doc-block/embed-linked-doc-block.js

@@ -38,7 +38,7 @@ import { LoadingIcon } from '../../affine-components/icons/index.js';
 import { isPeekable, Peekable } from '../../affine-components/peek/index.js';
 import { RefNodeSlotsProvider } from '../../affine-inline-reference/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, REFERENCE_NODE, } from '../../affine-shared/consts/index.js';
-import { CitationProvider, DocDisplayMetaProvider, DocModeProvider, LINKED_DOC_DELETED, LINKED_DOC_EMPTY_PREVIEW, LINKED_DOC_FAILED, OpenDocExtensionIdentifier, ThemeProvider, translateKey, whenLinkedDocContentReady, } from '../../affine-shared/services/index.js';
+import { CHROME_LOADING, CitationProvider, DocDisplayMetaProvider, DocModeProvider, LINKED_DOC_DELETED, LINKED_DOC_EMPTY_PREVIEW, LINKED_DOC_FAILED, OpenDocExtensionIdentifier, ThemeProvider, TOOLBAR_RELOAD, translateKey, whenLinkedDocContentReady, } from '../../affine-shared/services/index.js';
 import { cloneReferenceInfo, cloneReferenceInfoWithoutAliases, isNewTabTrigger, isNewViewTrigger, matchModels, referenceToNode, } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import { ResetIcon } from '@blocksuite/icons/lit';
@@ -57,6 +57,7 @@ import * as Y from 'yjs';
 import { isDocTrashed } from '../common/doc-trashed.js';
 import { renderLinkedDocInCard } from '../common/render-linked-doc.js';
 import { SyncedDocErrorIcon } from '../embed-synced-doc-block/styles.js';
+import { EMBED_DOC_UPDATED_LABEL } from '../translations.js';
 import { styles } from './styles.js';
 import { getEmbedLinkedDocIcons } from './utils.js';
 let EmbedLinkedDocBlockComponent = (() => {
@@ -464,7 +465,9 @@ let EmbedLinkedDocBlockComponent = (() => {
                     : isLoading
                         ? LoadingIcon()
                         : this.icon$.value;
-                const title = isLoading ? 'Loading...' : this.title$;
+                const title = isLoading
+                    ? translateKey(this.std, ...CHROME_LOADING)
+                    : this.title$;
                 const description = this.model.props.description$;
                 const showDefaultNoteContent = isError || isLoading || isDeleted || isEmpty;
                 const defaultNoteContent = isError
@@ -523,13 +526,16 @@ let EmbedLinkedDocBlockComponent = (() => {
                       class="affine-embed-linked-doc-card-content-reload-button"
                       @click=${this.refreshData}
                     >
-                      ${ResetIcon()} <span>Reload</span>
+                      ${ResetIcon()}
+                      <span>${translateKey(this.std, ...TOOLBAR_RELOAD)}</span>
                     </div>
                   </div>
                 `
                     : html `
                   <div class="affine-embed-linked-doc-content-date">
-                    <span>Updated</span>
+                    <span
+                      >${translateKey(this.std, ...EMBED_DOC_UPDATED_LABEL)}</span
+                    >
 
                     <span>${dateText}</span>
                   </div>

package/dist/_pkgs/affine-block-embed-doc/embed-synced-doc-block/components/embed-synced-doc-card.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { RENDER_CARD_THROTTLE_MS } from '../../../affine-block-embed/index.js';
 import { LoadingIcon } from '../../../affine-components/icons/index.js';
-import { LINKED_DOC_DELETED, LINKED_DOC_FAILED, SYNCED_DOC_EMPTY_PREVIEW, ThemeProvider, translateKey, whenLinkedDocContentReady, } from '../../../affine-shared/services/index.js';
+import { CHROME_LOADING, LINKED_DOC_DELETED, LINKED_DOC_FAILED, SYNCED_DOC_EMPTY_PREVIEW, ThemeProvider, TOOLBAR_RELOAD, translateKey, whenLinkedDocContentReady, } from '../../../affine-shared/services/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { ResetIcon } from '@blocksuite/icons/lit';
 import { BlockSelection, isGfxBlockComponent, ShadowlessElement, } from '../../../std/index.js';
@@ -43,6 +43,7 @@ import { property, queryAsync } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import throttle from 'lodash-es/throttle.js';
 import { renderLinkedDocInCard } from '../../common/render-linked-doc.js';
+import { EMBED_DOC_UPDATED_LABEL } from '../../translations.js';
 import { cardStyles } from '../styles.js';
 import { getSyncedDocIcons } from '../utils.js';
 let EmbedSyncedDocCard = (() => {
@@ -182,7 +183,9 @@ let EmbedSyncedDocCard = (() => {
                 : isLoading
                     ? LoadingIcon()
                     : this.block.icon$.value;
-            const title = isLoading ? 'Loading...' : this.block.title$;
+            const title = isLoading
+                ? translateKey(this.std, ...CHROME_LOADING)
+                : this.block.title$;
             const showDefaultNoteContent = isLoading || error || isDeleted || isEmpty;
             const std = this.block.std;
             const defaultNoteContent = error
@@ -233,13 +236,14 @@ let EmbedSyncedDocCard = (() => {
                     class="affine-embed-synced-doc-card-content-reload-button"
                     @click=${() => this.block.refreshData()}
                   >
-                    ${ResetIcon()} <span>Reload</span>
+                    ${ResetIcon()}
+                    <span>${translateKey(std, ...TOOLBAR_RELOAD)}</span>
                   </div>
                 </div>
               `
                 : html `
                 <div class="affine-embed-synced-doc-card-content-date">
-                  <span>Updated</span>
+                  <span>${translateKey(std, ...EMBED_DOC_UPDATED_LABEL)}</span>
 
                   <span>${dateText}</span>
                 </div>

package/dist/_pkgs/affine-block-embed-doc/embed-synced-doc-block/configs/toolbar.js

@@ -3,7 +3,7 @@ import { EditorChevronDown } from '../../../affine-components/toolbar/index.js';
 import { DEFAULT_NOTE_HEIGHT, DEFAULT_NOTE_WIDTH, EmbedSyncedDocModel, NoteBlockModel, NoteDisplayMode, } from '../../../affine-model/index.js';
 import { draftSelectedModelsCommand, duplicateSelectedModelsCommand, } from '../../../affine-shared/commands/index.js';
 import { REFERENCE_NODE } from '../../../affine-shared/consts/index.js';
-import { ActionPlacement, blockCommentToolbarButton, EditorSettingProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, EditorSettingProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, TOOLBAR_OPEN_THIS_DOC, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
 import { getBlockProps, matchModels } from '../../../affine-shared/utils/index.js';
 import { Bound } from '../../../global/gfx/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, ExpandFullIcon, InsertIntoPageIcon, OpenInNewIcon, } from '@blocksuite/icons/lit';
@@ -15,6 +15,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { keyed } from 'lit/directives/keyed.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { EmbedSyncedDocBlockComponent } from '../embed-synced-doc-block.js';
+import { EMBED_DOC_DUPLICATE_AS_NOTE, EMBED_DOC_DUPLICATE_AS_NOTE_TOOLTIP, EMBED_DOC_INSERT_TO_PAGE, EMBED_DOC_OPEN_DOC, } from '../../translations.js';
 const trackBaseProps = {
     category: 'linked doc',
     type: 'embed view',
@@ -31,6 +32,7 @@ const openDocActions = [
         mode: 'open-in-active-view',
         id: 'a.open-in-active-view',
         label: 'Open this doc',
+        labelWording: TOOLBAR_OPEN_THIS_DOC,
         icon: ExpandFullIcon(),
     },
 ];
@@ -53,25 +55,33 @@ const openDocActionGroup = {
                 run: (_ctx) => block.open({ openMode }),
             };
         });
+        const openDocLabel = translateKey(ctx.std, ...EMBED_DOC_OPEN_DOC);
         return html `
       <editor-menu-button
         .contentPadding="${'8px'}"
         .button=${html `
-          <editor-icon-button aria-label="Open doc" .tooltip=${'Open doc'}>
+          <editor-icon-button
+            aria-label=${openDocLabel}
+            .tooltip=${openDocLabel}
+          >
             ${OpenInNewIcon()} ${EditorChevronDown}
           </editor-icon-button>
         `}
       >
         <div data-size="small" data-orientation="vertical">
-          ${repeat(actions, action => action.id, ({ label, icon, run, disabled }) => html `
-              <editor-menu-action
-                aria-label=${ifDefined(label)}
-                ?disabled=${ifDefined(typeof disabled === 'function' ? disabled(ctx) : disabled)}
-                @click=${() => run?.(ctx)}
-              >
-                ${icon}<span class="label">${label}</span>
-              </editor-menu-action>
-            `)}
+          ${repeat(actions, action => action.id, action => {
+            const label = toolbarActionLabel(ctx.std, action);
+            const { icon, run, disabled } = action;
+            return html `
+                <editor-menu-action
+                  aria-label=${ifDefined(label)}
+                  ?disabled=${ifDefined(typeof disabled === 'function' ? disabled(ctx) : disabled)}
+                  @click=${() => run?.(ctx)}
+                >
+                  ${icon}<span class="label">${label}</span>
+                </editor-menu-action>
+              `;
+        })}
         </div>
       </editor-menu-button>
     `;
@@ -138,6 +148,7 @@ const conversionsActionGroup = {
 const captionAction = {
     id: 'd.caption',
     tooltip: 'Caption',
+    tooltipWording: TOOLBAR_CAPTION,
     icon: CaptionIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(EmbedSyncedDocBlockComponent);
@@ -216,8 +227,10 @@ const builtinSurfaceToolbarConfig = {
         conversionsActionGroup,
         {
             id: 'b.insert-to-page',
-            label: 'Insert to page',
-            tooltip: 'Insert to page',
+            label: 'Insert to document',
+            labelWording: EMBED_DOC_INSERT_TO_PAGE,
+            tooltip: 'Insert to document',
+            tooltipWording: EMBED_DOC_INSERT_TO_PAGE,
             icon: InsertIntoPageIcon(),
             run: ctx => {
                 const model = ctx.getCurrentModelByType(EmbedSyncedDocModel);
@@ -247,7 +260,9 @@ const builtinSurfaceToolbarConfig = {
         {
             id: 'c.duplicate-as-note',
             label: 'Duplicate as note',
+            labelWording: EMBED_DOC_DUPLICATE_AS_NOTE,
             tooltip: 'Duplicate as note to create an editable copy, the original remains unchanged.',
+            tooltipWording: EMBED_DOC_DUPLICATE_AS_NOTE_TOOLTIP,
             icon: DuplicateIcon(),
             run: ctx => {
                 const { gfx } = ctx;