@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-block-code/code-toolbar/config.js

@@ -1,12 +1,12 @@
 import { CancelWrapIcon, CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, WrapIcon, } from '../../affine-components/icons/index.js';
-import { CommentProviderIdentifier, DocModeProvider, TelemetryProvider, } from '../../affine-shared/services/index.js';
+import { CommentProviderIdentifier, DocModeProvider, TelemetryProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { isInsidePageEditor } from '../../affine-shared/utils/index.js';
 import { noop, sleep } from '../../global/utils/index.js';
 import { CollapseIcon, CommentIcon, NumberedListIcon, ToggleRightIcon, } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../std/index.js';
 import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import { CodeBlockConfigExtension } from '../code-block-config.js';
+import { CODE_TOOLBAR_CANCEL_LINE_NUMBER, CODE_TOOLBAR_CANCEL_WRAP, CODE_TOOLBAR_CAPTION, CODE_TOOLBAR_COLLAPSE, CODE_TOOLBAR_COMMENT, CODE_TOOLBAR_COPY_CODE, CODE_TOOLBAR_DELETE, CODE_TOOLBAR_DUPLICATE, CODE_TOOLBAR_EXPAND, CODE_TOOLBAR_LINE_NUMBER, CODE_TOOLBAR_WRAP, } from '../translations.js';
 import { duplicateCodeBlock } from './utils.js';
 // Upstream keeps these two in `@blocksuite/affine-components/icons`; we build
 // them here so the code block owns its own toolbar glyphs.
@@ -59,22 +59,25 @@ export const PRIMARY_GROUPS = [
                         action: () => {
                             blockComponent.copyCode();
                         },
-                        render: item => html `
-              <editor-icon-button
-                class="code-toolbar-button copy-code"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                .iconSize=${'16px'}
-                .iconContainerPadding=${4}
-                @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_COPY_CODE);
+                            return html `
+                <editor-icon-button
+                  class="code-toolbar-button copy-code"
+                  aria-label=${label}
+                  .tooltip=${label}
+                  .tooltipOffset=${4}
+                  .iconSize=${'16px'}
+                  .iconContainerPadding=${4}
+                  @click=${(e) => {
+                                e.stopPropagation();
+                                item.action();
+                            }}
+                >
+                  ${item.icon}
+                </editor-icon-button>
+              `;
+                        },
                     };
                 },
             },
@@ -101,7 +104,7 @@ export const PRIMARY_GROUPS = [
                         render: item => {
                             const collapsed = blockComponent.collapsed$.value;
                             const icon = collapsed ? ExpandCodeIcon : CollapseCodeIcon;
-                            const label = collapsed ? 'Expand code' : 'Collapse code';
+                            const label = translateKey(blockComponent.std, ...(collapsed ? CODE_TOOLBAR_EXPAND : CODE_TOOLBAR_COLLAPSE));
                             return html `
                 <editor-icon-button
                   class="code-toolbar-button collapse"
@@ -132,22 +135,25 @@ export const PRIMARY_GROUPS = [
                         action: () => {
                             blockComponent.captionEditor?.show();
                         },
-                        render: item => html `
-              <editor-icon-button
-                class="code-toolbar-button caption"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                .iconSize=${'16px'}
-                .iconContainerPadding=${4}
-                @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_CAPTION);
+                            return html `
+                <editor-icon-button
+                  class="code-toolbar-button caption"
+                  aria-label=${label}
+                  .tooltip=${label}
+                  .tooltipOffset=${4}
+                  .iconSize=${'16px'}
+                  .iconContainerPadding=${4}
+                  @click=${(e) => {
+                                e.stopPropagation();
+                                item.action();
+                            }}
+                >
+                  ${item.icon}
+                </editor-icon-button>
+              `;
+                        },
                     };
                 },
             },
@@ -172,20 +178,23 @@ export const PRIMARY_GROUPS = [
                                 }),
                             ]);
                         },
-                        render: item => html `<editor-icon-button
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_COMMENT);
+                            return html `<editor-icon-button
                 class="code-toolbar-button comment"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
+                aria-label=${label}
+                .tooltip=${label}
                 .tooltipOffset=${4}
                 .iconSize=${'16px'}
                 .iconContainerPadding=${4}
                 @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
+                                e.stopPropagation();
+                                item.action();
+                            }}
               >
                 ${item.icon}
-              </editor-icon-button>`,
+              </editor-icon-button>`;
+                        },
                     };
                 },
             },
@@ -202,7 +211,7 @@ export const toggleGroup = {
                     action: () => { },
                     render: () => {
                         const wrapped = blockComponent.model.props.wrap;
-                        const label = wrapped ? 'Cancel wrap' : 'Wrap';
+                        const label = translateKey(blockComponent.std, ...(wrapped ? CODE_TOOLBAR_CANCEL_WRAP : CODE_TOOLBAR_WRAP));
                         const icon = wrapped ? CancelWrapIcon : WrapIcon;
                         return html `
               <editor-menu-action
@@ -233,7 +242,9 @@ export const toggleGroup = {
                     action: () => { },
                     render: () => {
                         const lineNumber = blockComponent.showLineNumbers;
-                        const label = lineNumber ? 'Cancel line number' : 'Line number';
+                        const label = translateKey(blockComponent.std, ...(lineNumber
+                            ? CODE_TOOLBAR_CANCEL_LINE_NUMBER
+                            : CODE_TOOLBAR_LINE_NUMBER));
                         return html `
               <editor-menu-action
                 @click=${() => {
@@ -263,32 +274,49 @@ export const clipboardGroup = {
     items: [
         {
             type: 'duplicate',
-            // NOT a `ToolbarAction`: the code block's "⋮" is a `MenuItemGroup`,
-            // rendered by `renderGroups` over a context that is generic and carries
-            // no `std`, so the wording seam cannot reach it. Left English with the
-            // rest of that menu's vocabulary rather than keying two of its five
-            // entries — see the changeset.
-            label: 'Duplicate',
+            // `MenuItemGroup`'s default renderer (`renderActions`,
+            // `@labre/affine-components/toolbar`) draws a plain `action` item's
+            // static `label` with no wording seam of its own — but `generate` DOES
+            // reach `std` (via `blockComponent`, exactly like every other item in
+            // this file), so the wording is resolved in a `render` override instead
+            // of relying on the generic renderer.
             icon: DuplicateIcon,
             when: ({ doc }) => !doc.readonly,
-            action: ({ host, blockComponent, close }) => {
-                const codeId = duplicateCodeBlock(blockComponent.model);
-                host.updateComplete
-                    .then(() => {
-                    host.selection.setGroup('note', [
-                        host.selection.create(BlockSelection, {
-                            blockId: codeId,
-                        }),
-                    ]);
-                    if (isInsidePageEditor(host)) {
-                        const duplicateElement = host.view.getBlock(codeId);
-                        if (duplicateElement) {
-                            duplicateElement.scrollIntoView({ block: 'nearest' });
-                        }
-                    }
-                })
-                    .catch(console.error);
-                close();
+            generate: ({ host, blockComponent, close }) => {
+                return {
+                    action: () => {
+                        const codeId = duplicateCodeBlock(blockComponent.model);
+                        host.updateComplete
+                            .then(() => {
+                            host.selection.setGroup('note', [
+                                host.selection.create(BlockSelection, {
+                                    blockId: codeId,
+                                }),
+                            ]);
+                            if (isInsidePageEditor(host)) {
+                                const duplicateElement = host.view.getBlock(codeId);
+                                if (duplicateElement) {
+                                    duplicateElement.scrollIntoView({ block: 'nearest' });
+                                }
+                            }
+                        })
+                            .catch(console.error);
+                        close();
+                    },
+                    render: item => {
+                        const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_DUPLICATE);
+                        return html `
+              <editor-menu-action
+                class="code-toolbar-button duplicate"
+                aria-label=${label}
+                @click=${() => item.action()}
+              >
+                ${item.icon}
+                <span class="label">${label}</span>
+              </editor-menu-action>
+            `;
+                    },
+                };
             },
         },
     ],
@@ -300,12 +328,28 @@ export const deleteGroup = {
         {
             type: 'delete',
             // See the note on `duplicate` above.
-            label: 'Delete',
             icon: DeleteIcon,
             when: ({ doc }) => !doc.readonly,
-            action: ({ doc, blockComponent, close }) => {
-                doc.deleteBlock(blockComponent.model);
-                close();
+            generate: ({ doc, blockComponent, close }) => {
+                return {
+                    action: () => {
+                        doc.deleteBlock(blockComponent.model);
+                        close();
+                    },
+                    render: item => {
+                        const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_DELETE);
+                        return html `
+              <editor-menu-action
+                class="code-toolbar-button delete"
+                aria-label=${label}
+                @click=${() => item.action()}
+              >
+                ${item.icon}
+                <span class="label">${label}</span>
+              </editor-menu-action>
+            `;
+                    },
+                };
             },
         },
     ],

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

@@ -0,0 +1,30 @@
+import { type ChromeWording, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_MORE } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the code block's own chrome (the "Plain Text" language fallback, the copy
+ * failure toast) and its floating toolbar / "⋮" menu. Verbs the editor
+ * already shares everywhere ("More", "Duplicate", "Delete") are re-exported
+ * from `chrome.ts` instead of declared again.
+ */
+export { TOOLBAR_DELETE as CODE_TOOLBAR_DELETE, TOOLBAR_DUPLICATE as CODE_TOOLBAR_DUPLICATE, TOOLBAR_MORE as CODE_TOOLBAR_MORE, };
+export declare const CODE_PLAIN_TEXT_LANGUAGE: ChromeWording;
+export declare const CODE_COPY_FAILED: ChromeWording;
+export declare const CODE_SEARCH_FOR_LANGUAGE: ChromeWording;
+export declare const CODE_PREVIEW_TOGGLE_CODE: ChromeWording;
+export declare const CODE_PREVIEW_TOGGLE_PREVIEW: ChromeWording;
+export declare const CODE_TOOLBAR_COPY_CODE: ChromeWording;
+export declare const CODE_TOOLBAR_EXPAND: ChromeWording;
+export declare const CODE_TOOLBAR_COLLAPSE: ChromeWording;
+export declare const CODE_TOOLBAR_CAPTION: ChromeWording;
+/** PO decision: "Comment" (code toolbar) gets a key. */
+export declare const CODE_TOOLBAR_COMMENT: ChromeWording;
+export declare const CODE_TOOLBAR_CANCEL_WRAP: ChromeWording;
+export declare const CODE_TOOLBAR_WRAP: ChromeWording;
+export declare const CODE_TOOLBAR_CANCEL_LINE_NUMBER: ChromeWording;
+export declare const CODE_TOOLBAR_LINE_NUMBER: 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`.
+ */
+export declare const CODE_WORDINGS: readonly ChromeWording[];

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

@@ -0,0 +1,84 @@
+import { PREVIEW_LABEL, TOOLBAR_CAPTION, TOOLBAR_COMMENT, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_MORE, } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the code block's own chrome (the "Plain Text" language fallback, the copy
+ * failure toast) and its floating toolbar / "⋮" menu. Verbs the editor
+ * already shares everywhere ("More", "Duplicate", "Delete") are re-exported
+ * from `chrome.ts` instead of declared again.
+ */
+export { TOOLBAR_DELETE as CODE_TOOLBAR_DELETE, TOOLBAR_DUPLICATE as CODE_TOOLBAR_DUPLICATE, TOOLBAR_MORE as CODE_TOOLBAR_MORE, };
+/* ── `./code-block.ts` ────────────────────────────────────────────────────
+ * "Plain Text" is the fallback name shown when the block has no language, or
+ * its language id isn't found among the bundled ones — both branches say the
+ * exact same word, one key.
+ */
+export const CODE_PLAIN_TEXT_LANGUAGE = [
+    'com.labre.code.language.plain-text',
+    'Plain Text',
+];
+export const CODE_COPY_FAILED = [
+    'com.labre.code.toast.copy-failed',
+    'Copied failed, something went wrong',
+];
+/* ── `./code-toolbar/components/lang-button.ts` ──────────────────────────── */
+export const CODE_SEARCH_FOR_LANGUAGE = [
+    'com.labre.code.language.search-placeholder',
+    'Search for a language',
+];
+/* ── `./code-toolbar/components/preview-button.ts` ───────────────────────── */
+export const CODE_PREVIEW_TOGGLE_CODE = [
+    'com.labre.code.preview.toggle-code',
+    'Code',
+];
+export const CODE_PREVIEW_TOGGLE_PREVIEW = PREVIEW_LABEL;
+/* ── `./code-toolbar/config.ts` — the floating toolbar's buttons ─────────── */
+export const CODE_TOOLBAR_COPY_CODE = [
+    'com.labre.code.toolbar.copy-code',
+    'Copy code',
+];
+export const CODE_TOOLBAR_EXPAND = [
+    'com.labre.code.toolbar.expand',
+    'Expand code',
+];
+export const CODE_TOOLBAR_COLLAPSE = [
+    'com.labre.code.toolbar.collapse',
+    'Collapse code',
+];
+export const CODE_TOOLBAR_CAPTION = TOOLBAR_CAPTION;
+/** PO decision: "Comment" (code toolbar) gets a key. */
+export const CODE_TOOLBAR_COMMENT = TOOLBAR_COMMENT;
+/* ── `./code-toolbar/config.ts` — the "⋮" more menu ───────────────────────── */
+export const CODE_TOOLBAR_CANCEL_WRAP = [
+    'com.labre.code.toolbar.cancel-wrap',
+    'Cancel wrap',
+];
+export const CODE_TOOLBAR_WRAP = [
+    'com.labre.code.toolbar.wrap',
+    'Wrap',
+];
+export const CODE_TOOLBAR_CANCEL_LINE_NUMBER = [
+    'com.labre.code.toolbar.cancel-line-number',
+    'Cancel line number',
+];
+export const CODE_TOOLBAR_LINE_NUMBER = [
+    'com.labre.code.toolbar.line-number',
+    'Line number',
+];
+/**
+ * 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`.
+ */
+export const CODE_WORDINGS = [
+    CODE_PLAIN_TEXT_LANGUAGE,
+    CODE_COPY_FAILED,
+    CODE_SEARCH_FOR_LANGUAGE,
+    CODE_PREVIEW_TOGGLE_CODE,
+    CODE_TOOLBAR_COPY_CODE,
+    CODE_TOOLBAR_EXPAND,
+    CODE_TOOLBAR_COLLAPSE,
+    CODE_TOOLBAR_CANCEL_WRAP,
+    CODE_TOOLBAR_WRAP,
+    CODE_TOOLBAR_CANCEL_LINE_NUMBER,
+    CODE_TOOLBAR_LINE_NUMBER,
+];

package/dist/_pkgs/affine-block-edgeless-text/edgeless-toolbar/config.js

@@ -1,7 +1,7 @@
 import { EdgelessCRUDIdentifier } from '../../affine-block-surface/index.js';
 import { createTextActions } from '../../affine-gfx-text/index.js';
 import { EdgelessTextBlockModel } from '../../affine-model/index.js';
-import { ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
+import { FONT_SIZE_LABEL, ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
 import { getMostCommonValue } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import { BlockFlavourIdentifier } from '../../std/index.js';
@@ -19,7 +19,13 @@ const FONT_SIZE_LIST = [
 export const edgelessTextToolbarConfig = {
     // No need to adjust element bounds, which updates itself using ResizeObserver
     actions: [
-        ...createTextActions(EdgelessTextBlockModel, 'edgeless-text'),
+        ...createTextActions(EdgelessTextBlockModel, 'edgeless-text', undefined, 
+        // Surface *element* models carry their style props on the instance, which
+        // is what the shared actions read by default. This is a *block* model:
+        // they live under `props`, so without this projection every dropdown
+        // would read `undefined` and keep showing the fallbacks (Regular /
+        // Normal / Inter / Left) whatever the text actually is.
+        model => model.props),
         {
             // The shared `d.font-size` action is disabled for edgeless text (the
             // model has no `fontSize` prop); this one drives `scale` instead, the
@@ -44,7 +50,7 @@ export const edgelessTextToolbarConfig = {
                 };
                 return html `<affine-size-dropdown-menu
           @select=${onPick}
-          .label="${'Font size'}"
+          .label="${translateKey(ctx.std, ...FONT_SIZE_LABEL)}"
           .sizes=${FONT_SIZE_LIST}
           .size$=${size$}
           .minSize=${1}

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

@@ -1,8 +1,9 @@
 import { getSurfaceBlock } from '../../affine-block-surface/index.js';
 import { ListBlockModel, NoteBlockModel, NoteDisplayMode, ParagraphBlockModel, } from '../../affine-model/index.js';
-import { NotificationProvider, TOAST_LINKED_DOC_CREATED, TOOLBAR_CREATE_LINKED_DOC, translateKey, } from '../../affine-shared/services/index.js';
+import { CHROME_UNTITLED, NotificationProvider, TOAST_LINKED_DOC_CREATED, TOOLBAR_CREATE_LINKED_DOC, translateKey, } from '../../affine-shared/services/index.js';
 import { matchModels } from '../../affine-shared/utils/index.js';
 import { Slice, Text, } from '../../store/index.js';
+import { EMBED_CANCEL, EMBED_CONFIRM, EMBED_DOC_CREATED_UNDO_MESSAGE, EMBED_PROMPT_TITLE_MESSAGE, } from '../translations.js';
 // Throttle delay for block updates to reduce unnecessary re-renders
 // - Prevents rapid-fire updates when multiple blocks are updated in quick succession
 // - Ensures UI remains responsive while maintaining performance
@@ -91,17 +92,17 @@ export function promptDocTitle(std, autofill) {
         return Promise.resolve(undefined);
     return notification.prompt({
         title: translateKey(std, ...TOOLBAR_CREATE_LINKED_DOC),
-        message: 'Enter a title for the new doc.',
-        placeholder: 'Untitled',
+        message: translateKey(std, ...EMBED_PROMPT_TITLE_MESSAGE),
+        placeholder: translateKey(std, ...CHROME_UNTITLED),
         autofill,
-        confirmText: 'Confirm',
-        cancelText: 'Cancel',
+        confirmText: translateKey(std, ...EMBED_CONFIRM),
+        cancelText: translateKey(std, ...EMBED_CANCEL),
     });
 }
 export function notifyDocCreated(std) {
     std.getOptional(NotificationProvider)?.notifyWithUndoAction({
         title: translateKey(std, ...TOAST_LINKED_DOC_CREATED),
-        message: 'You can click undo to recovery block content',
+        message: translateKey(std, ...EMBED_DOC_CREATED_UNDO_MESSAGE),
         accent: 'info',
         duration: 10 * 1000,
     });

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

@@ -2,7 +2,7 @@ import { reassociateConnectorsCommand } from '../../affine-block-surface/index.j
 import { toast } from '../../affine-components/toast/index.js';
 import { BookmarkStyles, EmbedGithubModel, EmbedGithubStyles, isExternalEmbedModel, } from '../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../affine-shared/consts/index.js';
-import { ActionPlacement, blockCommentToolbarButton, EmbedOptionProvider, 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, EmbedOptionProvider, 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_RELOAD, TOOLBAR_SMALL_HORIZONTAL_STYLE, TOOLBAR_SMALL_VERTICAL_STYLE, 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, ResetIcon, } from '@blocksuite/icons/lit';
@@ -200,10 +200,12 @@ function createBuiltinToolbarConfigForExternal(klass) {
                     {
                         id: 'horizontal',
                         label: 'Large horizontal style',
+                        labelWording: TOOLBAR_LARGE_HORIZONTAL_STYLE,
                     },
                     {
                         id: 'list',
                         label: 'Small horizontal style',
+                        labelWording: TOOLBAR_SMALL_HORIZONTAL_STYLE,
                     },
                 ],
                 when(ctx) {
@@ -236,6 +238,7 @@ function createBuiltinToolbarConfigForExternal(klass) {
             {
                 id: 'd.caption',
                 tooltip: 'Caption',
+                tooltipWording: TOOLBAR_CAPTION,
                 icon: CaptionIcon(),
                 run(ctx) {
                     const block = ctx.getCurrentBlockByType(klass);
@@ -289,6 +292,7 @@ function createBuiltinToolbarConfigForExternal(klass) {
                 placement: ActionPlacement.More,
                 id: 'b.reload',
                 label: 'Reload',
+                labelWording: TOOLBAR_RELOAD,
                 icon: ResetIcon(),
                 run(ctx) {
                     const block = ctx.getCurrentBlockByType(klass);
@@ -374,7 +378,7 @@ const createBuiltinSurfaceToolbarConfigForExternal = (klass) => {
                     const viewType = ctx.std.get(EmbedOptionProvider).getEmbedBlockOptions(url)
                         ?.viewType ?? 'card';
                     const actions = this.actions.map(action => ({ ...action }));
-                    const viewType$ = signal(`${viewType === 'card' ? 'Card' : 'Embed'} view`);
+                    const viewType$ = signal(translateKey(ctx.std, ...(viewType === 'card' ? TOOLBAR_CARD_VIEW : TOOLBAR_EMBED_VIEW)));
                     const onToggle = createOnToggleFn(ctx, 'OpenedViewSelector', 'switch view');
                     return html `${keyed(model, html `<affine-view-dropdown-menu
               @toggle=${onToggle}
@@ -390,18 +394,22 @@ const createBuiltinSurfaceToolbarConfigForExternal = (klass) => {
                     {
                         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 => EmbedGithubStyles.includes(action.id)),
                 when(ctx) {
@@ -440,6 +448,7 @@ const createBuiltinSurfaceToolbarConfigForExternal = (klass) => {
             {
                 id: 'd.caption',
                 tooltip: 'Caption',
+                tooltipWording: TOOLBAR_CAPTION,
                 icon: CaptionIcon(),
                 run(ctx) {
                     const block = ctx.getCurrentBlockByType(klass);

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

@@ -1,4 +1,5 @@
 import { OpenIcon } from '../../affine-components/icons/index.js';
+import { shouldRefreshOnPropsUpdate } from '../../affine-shared/utils/index.js';
 import { BlockSelection } from '../../std/index.js';
 import { html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
@@ -44,7 +45,7 @@ export class EmbedFigmaBlockComponent extends EmbedBlockComponent {
             });
         }
         this.disposables.add(this.model.propsUpdated.subscribe(({ key }) => {
-            if (key === 'url') {
+            if (shouldRefreshOnPropsUpdate(this.store, key)) {
                 this.refreshData();
             }
         }));

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

@@ -35,6 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { LoadingIcon, OpenIcon } from '../../affine-components/icons/index.js';
 import { ImageProxyService } from '../../affine-shared/adapters/index.js';
 import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { shouldRefreshOnPropsUpdate } from '../../affine-shared/utils/index.js';
 import { BlockSelection, isGfxBlockComponent } from '../../std/index.js';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -107,7 +108,7 @@ let EmbedGithubBlockComponent = (() => {
                 }
             });
             this.disposables.add(this.model.propsUpdated.subscribe(({ key }) => {
-                if (key === 'url') {
+                if (shouldRefreshOnPropsUpdate(this.store, key)) {
                     this.refreshData();
                 }
             }));

package/dist/_pkgs/affine-block-embed/embed-html-block/components/fullscreen-toolbar.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { menu, popMenu, popupTargetFromElement, } from '../../../affine-components/context-menu/index.js';
-import { EditPropsStore } from '../../../affine-shared/services/index.js';
+import { EditPropsStore, TOOLBAR_HIDE_TOOLBAR, TOOLBAR_SETTINGS, translateKey, } from '../../../affine-shared/services/index.js';
 import { CopyIcon, DoneIcon, ExpandCloseIcon, SettingsIcon, } from '@blocksuite/icons/lit';
 import { autoPlacement, flip, offset } from '@floating-ui/dom';
 import { css, html, LitElement } from 'lit';
@@ -164,17 +164,18 @@ let EmbedHtmlFullscreenToolbar = (() => {
             super(...arguments);
             this._popSettings = () => {
                 this._popperVisible = true;
+                const { std } = this.embedHtml;
                 popMenu(popupTargetFromElement(this._fullScreenToolbarContainer), {
                     options: {
                         items: [
                             () => html ` <div class="settings-header">
-              <span>Settings</span>
+              <span>${translateKey(std, ...TOOLBAR_SETTINGS)}</span>
             </div>`,
                             menu.group({
                                 name: 'thing',
                                 items: [
                                     menu.toggleSwitch({
-                                        name: 'Hide toolbar',
+                                        name: translateKey(std, ...TOOLBAR_HIDE_TOOLBAR),
                                         on: this.autoHideToolbar,
                                         onChange: on => {
                                             this.autoHideToolbar = on;

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

@@ -1,6 +1,6 @@
 import { toast } from '../../../affine-components/toast/index.js';
 import { EmbedHtmlModel } from '../../../affine-model/index.js';
-import { ActionPlacement, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_LARGE_HORIZONTAL_STYLE, TOOLBAR_OPEN_THIS_DOC, TOOLBAR_SMALL_HORIZONTAL_STYLE, ToolbarModuleExtension, translateKey, } from '../../../affine-shared/services/index.js';
 import { getBlockProps } from '../../../affine-shared/utils/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, ExpandFullIcon, } from '@blocksuite/icons/lit';
 import { BlockFlavourIdentifier } from '../../../std/index.js';
@@ -16,6 +16,7 @@ const openDocAction = {
     id: 'a.open-doc',
     icon: ExpandFullIcon(),
     tooltip: 'Open this doc',
+    tooltipWording: TOOLBAR_OPEN_THIS_DOC,
     run(ctx) {
         const block = ctx.getCurrentBlockByType(EmbedHtmlBlockComponent);
         block?.open();
@@ -24,6 +25,7 @@ const openDocAction = {
 const captionAction = {
     id: 'c.caption',
     tooltip: 'Caption',
+    tooltipWording: TOOLBAR_CAPTION,
     icon: CaptionIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(EmbedHtmlBlockComponent);
@@ -43,10 +45,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,
                 },
             ],
             content(ctx) {