@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-gfx-text/edgeless-text-editor.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { CanvasElementType, DefaultTool, EdgelessCRUDIdentifier, getSurfaceBlock, TextUtils, } from '../affine-block-surface/index.js';
 import { DefaultTheme, TextElementModel } from '../affine-model/index.js';
-import { ThemeProvider } from '../affine-shared/services/index.js';
+import { ThemeProvider, translateKey } from '../affine-shared/services/index.js';
 import { getSelectedRect, overlayScale, toOverlayCoord, } from '../affine-shared/utils/index.js';
 import { Bound, toRadian, Vec } from '../global/gfx/index.js';
 import { WithDisposable } from '../global/lit/index.js';
@@ -47,6 +47,7 @@ import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import * as Y from 'yjs';
 import { getCursorByCoord, getLineHeight } from './element-renderer/utils.js';
+import { TEXT_EDITOR_PLACEHOLDER } from './translations.js';
 export function mountTextElementEditor(textElement, edgeless, focusCoord) {
     let cursorIndex = textElement.text.length;
     if (focusCoord) {
@@ -96,6 +97,44 @@ export function addText(edgeless, event) {
         }
     }
 }
+/**
+ * What the editor does with a canvas text the author committed EMPTY: delete it,
+ * or leave it standing.
+ *
+ * ## Why anything survives being emptied
+ *
+ * A free canvas text emptied of its words IS nothing, and deleting it is what
+ * keeps an invisible, selectable box off the board. That was the only rule until
+ * the PO's recette of 14/09/2026 found what it costs a COMPARTMENT: emptying a
+ * classifier's title deleted the `uml:name` tier out of its group, and the next
+ * double-click on the body fell through to the SHAPE's own inner text
+ * (`UmlNodeView`), which R16 keeps empty and no framework renderer paints —
+ * "je n'arrive pas à entrer dans l'édition de texte".
+ *
+ * ## …and why a `role` alone is not the test
+ *
+ * A role says the element means something to a framework. It does NOT say the
+ * element is a tier of a composite: a Wardley `wardley:label` and a BPMN name
+ * are roled texts that float BESIDE their artefact, sized to their own words,
+ * and one emptied to nothing leaves exactly the invisible box the deletion rule
+ * exists to remove — with no placeholder drawn over it and no layout to put it
+ * back.
+ *
+ * A compartment tier is the one that has both halves: a `role`, and
+ * `hasMaxWidth` — a FIXED width, given at creation by every framework that lays
+ * tiers out (`uml/presets.ts`, `c4/actions.ts`), because a tier's width is its
+ * compartment's and not its content's. That fixed width is also, and not by
+ * coincidence, what leaves a full-width hit box for the next double-click to
+ * land on when the words are gone.
+ *
+ * Pure and total, so it can be asked without an editor, an element model or a
+ * document.
+ */
+export function emptiedTextIsDeleted(element) {
+    if (element.text.length !== 0)
+        return false;
+    return !(element.role !== undefined && element.hasMaxWidth === true);
+}
 let EdgelessTextEditor = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _std_decorators;
@@ -202,7 +241,12 @@ let EdgelessTextEditor = (() => {
                 this.disposables.add(dispatcher.add('doubleClick', () => true));
                 this.disposables.add(() => {
                     element.display = true;
-                    if (element.text.length === 0) {
+                    // An emptied COMPARTMENT TIER stays, at its compartment's box,
+                    // showing the placeholder its framework draws and answering the next
+                    // double-click; anything else emptied goes. The whole rule, and why it
+                    // is those two properties and not one, is on
+                    // {@link emptiedTextIsDeleted}.
+                    if (emptiedTextIsDeleted(element)) {
                         this.crud.deleteElements([element]);
                     }
                     this.gfx.selection.set({
@@ -212,7 +256,18 @@ let EdgelessTextEditor = (() => {
                 });
                 if (!this.inlineEditorContainer)
                     return;
-                this.disposables.addFromEvent(this.inlineEditorContainer, 'blur', () => !this._keeping && this.remove());
+                this.disposables.addFromEvent(this.inlineEditorContainer, 'blur', () => {
+                    // Re-entrant, and the connector label editor already says why:
+                    // Chrome fires the focused child's blur SYNCHRONOUSLY inside
+                    // `remove()`, before the node is detached, and the commit in
+                    // `disconnectedCallback` moves the focus again. Without the flag the
+                    // handler removes a node whose removal is in progress — a
+                    // `NotFoundError` out of a listener nobody is awaiting.
+                    if (this._keeping || this._removing)
+                        return;
+                    this._removing = true;
+                    this.remove();
+                });
                 this.disposables.addFromEvent(this.inlineEditorContainer, 'compositionstart', () => {
                     this._isComposition = true;
                     this.requestUpdate();
@@ -331,7 +386,7 @@ let EdgelessTextEditor = (() => {
       ></rich-text>
       ${isEmpty
                 ? html `<span class="edgeless-text-editor-placeholder">
-            Type from here
+            ${translateKey(this.std, ...TEXT_EDITOR_PLACEHOLDER)}
           </span>`
                 : nothing}
     </div>`;
@@ -352,6 +407,7 @@ let EdgelessTextEditor = (() => {
             super(...arguments);
             this._isComposition = false;
             this._keeping = false;
+            this._removing = false;
             this._updateRect = () => {
                 const element = this.element;
                 if (!element || !this.inlineEditorContainer)

package/dist/_pkgs/affine-gfx-text/toolbar/actions.d.ts

@@ -1,6 +1,12 @@
 import { type SurfaceTextModelMap, type TextStyleProps } from '../../affine-model/index.js';
-import type { ToolbarContext } from '../../affine-shared/services/index.js';
-export declare function createTextActions<K extends abstract new (...args: any) => any, T extends keyof SurfaceTextModelMap>(klass: K, type: T, update?: (ctx: ToolbarContext, model: InstanceType<K>, props: Partial<TextStyleProps>) => void, mapInto?: (model: InstanceType<K>) => TextStyleProps, stash?: <P extends keyof TextStyleProps>(model: InstanceType<K>, type: 'stash' | 'pop', field: P) => void): [{
+import { type ToolbarContext } from '../../affine-shared/services/index.js';
+/**
+ * What the dropdowns read off a selected model. `fontSize` is optional because
+ * `affine:edgeless-text` has no such prop — it scales instead, which is why the
+ * `d.font-size` action skips that type.
+ */
+type ReadableTextStyleProps = Omit<TextStyleProps, 'fontSize'> & Partial<Pick<TextStyleProps, 'fontSize'>>;
+export declare function createTextActions<K extends abstract new (...args: any) => any, T extends keyof SurfaceTextModelMap>(klass: K, type: T, update?: (ctx: ToolbarContext, model: InstanceType<K>, props: Partial<TextStyleProps>) => void, mapInto?: (model: InstanceType<K>) => ReadableTextStyleProps, stash?: <P extends keyof TextStyleProps>(model: InstanceType<K>, type: 'stash' | 'pop', field: P) => void): [{
     readonly id: "a.font";
     readonly content: (ctx: ToolbarContext) => import("lit-html").TemplateResult<1> | null;
 }, {
@@ -17,3 +23,4 @@ export declare function createTextActions<K extends abstract new (...args: any)
     readonly id: "e.alignment";
     readonly content: (ctx: ToolbarContext) => import("lit-html").TemplateResult<1> | null;
 }];
+export {};

package/dist/_pkgs/affine-gfx-text/toolbar/actions.js

@@ -1,27 +1,37 @@
 import { EdgelessCRUDIdentifier, TextUtils } from '../../affine-block-surface/index.js';
-import { packColor, } from '../../affine-components/color-picker/index.js';
+import { frameworkPaletteGroups, packColor, } from '../../affine-components/color-picker/index.js';
 import { EditorChevronDown } from '../../affine-components/toolbar/index.js';
 import { DefaultTheme, FontFamily, FontStyle, FontWeight, resolveColor, TextAlign, } from '../../affine-model/index.js';
+import { translateKey, } from '../../affine-shared/services/index.js';
 import { getMostCommonResolvedValue, getMostCommonValue, } from '../../affine-shared/utils/index.js';
-import { renderCurrentMenuItemWith, renderMenu, } from '../../affine-widget-edgeless-toolbar/index.js';
+import { renderMenu, resolveMenuItemLabel, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon, } from '@blocksuite/icons/lit';
 import { signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { isFontStyleSupported, isFontWeightSupported, } from '../element-renderer/utils.js';
+import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_BOLD, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
 const FONT_WEIGHT_LIST = [
     {
         key: 'Light',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_LIGHT,
         value: FontWeight.Light,
     },
     {
         key: 'Regular',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_REGULAR,
         value: FontWeight.Regular,
     },
     {
         key: 'Semibold',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD,
         value: FontWeight.SemiBold,
     },
+    {
+        key: 'Bold',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_BOLD,
+        value: FontWeight.Bold,
+    },
 ];
 const FONT_STYLE_LIST = [
     {
@@ -29,6 +39,7 @@ const FONT_STYLE_LIST = [
     },
     {
         key: 'Italic',
+        keyWording: TEXT_TOOLBAR_FONT_STYLE_ITALIC,
         value: FontStyle.Italic,
     },
 ];
@@ -43,16 +54,19 @@ const FONT_SIZE_LIST = [
 const TEXT_ALIGN_LIST = [
     {
         key: 'Left',
+        keyWording: TEXT_ALIGN_LEFT,
         value: TextAlign.Left,
         icon: TextAlignLeftIcon(),
     },
     {
         key: 'Center',
+        keyWording: TEXT_ALIGN_CENTER,
         value: TextAlign.Center,
         icon: TextAlignCenterIcon(),
     },
     {
         key: 'Right',
+        keyWording: TEXT_ALIGN_RIGHT,
         value: TextAlign.Right,
         icon: TextAlignRightIcon(),
     },
@@ -90,8 +104,8 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             .contentPadding="${'8px'}"
             .button=${html `
               <editor-icon-button
-                aria-label="Font"
-                .tooltip="${'Font'}"
+                aria-label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT)}"
+                .tooltip="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT)}"
                 .justify="${'space-between'}"
                 .iconContainerWidth="${'40px'}"
               >
@@ -158,17 +172,23 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                             break;
                     }
                 };
+                // A label on a framework board opens on that framework's hues; the
+                // text palette of the editor stays page one (`docs/adr/0027`).
+                const carousel = frameworkPaletteGroups(ctx.std, models, palettes);
                 return html `
           <edgeless-color-picker-button
             class="text-color"
-            .label="${'Text color'}"
+            .label="${translateKey(ctx.std, ...TEXT_TOOLBAR_TEXT_COLOR)}"
             .pick=${onPick}
             .color=${color}
             .theme=${theme}
+            .std=${ctx.std}
             .isText=${true}
             .hollowCircle=${true}
             .originalColor=${originalColor}
             .palettes=${palettes}
+            .paletteGroups=${carousel.groups}
+            .activeGroupKey=${carousel.activeKey}
             .enableCustomColor=${enableCustomColor}
           >
           </edgeless-color-picker-button>
@@ -204,15 +224,15 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             .contentPadding="${'8px'}"
             .button=${html `
               <editor-icon-button
-                aria-label="Font style"
-                .tooltip="${'Font style'}"
+                aria-label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_STYLE)}"
+                .tooltip="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_STYLE)}"
                 .justify="${'space-between'}"
                 .iconContainerWidth="${'90px'}"
                 .disabled=${disabled}
               >
                 <span class="label ellipsis">
-                  ${renderCurrentMenuItemWith(FONT_WEIGHT_LIST, fontWeight, 'key')}
-                  ${renderCurrentMenuItemWith(FONT_STYLE_LIST, fontStyle, 'key')}
+                  ${resolveMenuItemLabel(FONT_WEIGHT_LIST, fontWeight, ctx.std)}
+                  ${resolveMenuItemLabel(FONT_STYLE_LIST, fontStyle, ctx.std)}
                 </span>
                 ${EditorChevronDown}
               </editor-icon-button>
@@ -223,6 +243,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
               .fontWeight=${fontWeight}
               .fontStyle=${fontStyle}
               .onSelect=${onPick}
+              .std=${ctx.std}
             ></edgeless-font-weight-and-style-panel>
           </editor-menu-button>
         `;
@@ -249,7 +270,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 };
                 return html `<affine-size-dropdown-menu
           @select=${onPick}
-          .label="${'Font size'}"
+          .label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_SIZE)}"
           .sizes=${FONT_SIZE_LIST}
           .size$=${fontSize$}
         ></affine-size-dropdown-menu>`;
@@ -273,9 +294,11 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 };
                 return renderMenu({
                     label: 'Alignment',
+                    labelWording: TEXT_TOOLBAR_ALIGNMENT,
                     items: TEXT_ALIGN_LIST,
                     currentValue: textAlign,
                     onPick,
+                    std: ctx.std,
                 });
             },
         },

package/dist/_pkgs/affine-gfx-text/toolbar/text-menu.js

@@ -73,6 +73,7 @@ let EdgelessTextMenu = (() => {
             class="one-way"
             .value=${this.color}
             .theme=${this._theme$.value}
+            .std=${this.edgeless.std}
             .palettes=${DefaultTheme.StrokeColorShortPalettes}
             @select=${(e) => this.onChange({ color: e.detail })}
           ></edgeless-color-panel>

package/dist/_pkgs/affine-gfx-text/translations.d.ts

@@ -0,0 +1,32 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The shared text toolbar's own wordings (`createTextActions`, rendered by
+ * every framework that draws real text — shape, mindmap, connector,
+ * edgeless-text). `FONT_SIZE_LABEL` / `FONT_WEIGHT_*` / `FONT_STYLE_ITALIC`
+ * are declared once in `chrome.ts` (shared with `widgets/edgeless-toolbar`'s
+ * own font-weight-and-style panel, and `blocks/edgeless-text`'s font-size
+ * dropdown) and re-exported here under this package's own name.
+ */
+export declare const TEXT_TOOLBAR_FONT_SIZE: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_BOLD: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_STYLE_ITALIC: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT: ChromeWording;
+export declare const TEXT_TOOLBAR_TEXT_COLOR: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_STYLE: ChromeWording;
+export declare const TEXT_TOOLBAR_ALIGNMENT: ChromeWording;
+/**
+ * The three alignment values — a different concept from a mindmap's own
+ * "Left" / "Right" layout direction (`gfx/mindmap`'s
+ * `MINDMAP_LAYOUT_LEFT`/`RIGHT`), so kept as this package's own keys rather
+ * than shared: the English word coincides, the meaning does not.
+ */
+export declare const TEXT_ALIGN_LEFT: ChromeWording;
+export declare const TEXT_ALIGN_CENTER: ChromeWording;
+export declare const TEXT_ALIGN_RIGHT: ChromeWording;
+/** The editor's own placeholder for an empty standalone text element. */
+export declare const TEXT_EDITOR_PLACEHOLDER: ChromeWording;
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export declare const TEXT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-gfx-text/translations.js

@@ -0,0 +1,65 @@
+import { FONT_SIZE_LABEL, FONT_STYLE_ITALIC, FONT_WEIGHT_BOLD, FONT_WEIGHT_LIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, } from '../affine-shared/services/index.js';
+/**
+ * The shared text toolbar's own wordings (`createTextActions`, rendered by
+ * every framework that draws real text — shape, mindmap, connector,
+ * edgeless-text). `FONT_SIZE_LABEL` / `FONT_WEIGHT_*` / `FONT_STYLE_ITALIC`
+ * are declared once in `chrome.ts` (shared with `widgets/edgeless-toolbar`'s
+ * own font-weight-and-style panel, and `blocks/edgeless-text`'s font-size
+ * dropdown) and re-exported here under this package's own name.
+ */
+export const TEXT_TOOLBAR_FONT_SIZE = FONT_SIZE_LABEL;
+export const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT = FONT_WEIGHT_LIGHT;
+export const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR = FONT_WEIGHT_REGULAR;
+export const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD = FONT_WEIGHT_SEMIBOLD;
+export const TEXT_TOOLBAR_FONT_WEIGHT_BOLD = FONT_WEIGHT_BOLD;
+export const TEXT_TOOLBAR_FONT_STYLE_ITALIC = FONT_STYLE_ITALIC;
+export const TEXT_TOOLBAR_FONT = [
+    'com.labre.text-toolbar.font',
+    'Font',
+];
+export const TEXT_TOOLBAR_TEXT_COLOR = [
+    'com.labre.text-toolbar.text-color',
+    'Text color',
+];
+export const TEXT_TOOLBAR_FONT_STYLE = [
+    'com.labre.text-toolbar.font-style',
+    'Font style',
+];
+export const TEXT_TOOLBAR_ALIGNMENT = [
+    'com.labre.text-toolbar.alignment',
+    'Alignment',
+];
+/**
+ * The three alignment values — a different concept from a mindmap's own
+ * "Left" / "Right" layout direction (`gfx/mindmap`'s
+ * `MINDMAP_LAYOUT_LEFT`/`RIGHT`), so kept as this package's own keys rather
+ * than shared: the English word coincides, the meaning does not.
+ */
+export const TEXT_ALIGN_LEFT = [
+    'com.labre.text-toolbar.align.left',
+    'Left',
+];
+export const TEXT_ALIGN_CENTER = [
+    'com.labre.text-toolbar.align.center',
+    'Center',
+];
+export const TEXT_ALIGN_RIGHT = [
+    'com.labre.text-toolbar.align.right',
+    'Right',
+];
+/** The editor's own placeholder for an empty standalone text element. */
+export const TEXT_EDITOR_PLACEHOLDER = [
+    'com.labre.text-toolbar.editor-placeholder',
+    'Type from here',
+];
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export const TEXT_WORDINGS = [
+    TEXT_TOOLBAR_FONT,
+    TEXT_TOOLBAR_TEXT_COLOR,
+    TEXT_TOOLBAR_FONT_STYLE,
+    TEXT_TOOLBAR_ALIGNMENT,
+    TEXT_ALIGN_LEFT,
+    TEXT_ALIGN_CENTER,
+    TEXT_ALIGN_RIGHT,
+    TEXT_EDITOR_PLACEHOLDER,
+];

package/dist/_pkgs/affine-inline-footnote/footnote-node/footnote-popup.js

@@ -33,8 +33,9 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { getAttachmentFileIcon, LoadingIcon, WebIcon16, } from '../../affine-components/icons/index.js';
+import { FAVICON_ALT } from '../../affine-components/translations.js';
 import { ImageProxyService } from '../../affine-shared/adapters/index.js';
-import { DocDisplayMetaProvider, LinkPreviewServiceIdentifier, } from '../../affine-shared/services/index.js';
+import { DocDisplayMetaProvider, LinkPreviewServiceIdentifier, translateKey, } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { computed, signal } from '@preact/signals-core';
@@ -205,7 +206,12 @@ let FootNotePopup = (() => {
                     const imageSrc = favicon
                         ? this.imageProxyService.buildUrl(favicon)
                         : undefined;
-                    return imageSrc ? html `<img src=${imageSrc} alt="favicon" />` : WebIcon16;
+                    return imageSrc
+                        ? html `<img
+            src=${imageSrc}
+            alt="${translateKey(this.std, ...FAVICON_ALT)}"
+          />`
+                        : WebIcon16;
                 }
                 return undefined;
             });

package/dist/_pkgs/affine-inline-latex/latex-node/latex-editor-menu.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { ColorScheme } from '../../affine-model/index.js';
-import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { ThemeProvider, translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { noop } from '../../global/utils/index.js';
@@ -46,6 +46,7 @@ import { property } from 'lit/decorators.js';
 import { codeToTokensBase } from 'shiki';
 import * as Y from 'yjs';
 import { LatexEditorUnitSpecExtension } from '../inline-spec.js';
+import { LATEX_LINE_BREAK_HINT } from '../translations.js';
 export const LatexEditorInlineManagerExtension = InlineManagerExtension({
     id: 'latex-inline-editor',
     enableMarkdown: false,
@@ -215,7 +216,9 @@ let LatexEditorMenu = (() => {
             })}</span
         >
       </div>
-      <div class="latex-editor-hint">Shift Enter to line break</div>
+      <div class="latex-editor-hint">
+        ${translateKey(this.std, ...LATEX_LINE_BREAK_HINT)}
+      </div>
     </div>`;
         }
         #abortController_accessor_storage;

package/dist/_pkgs/affine-inline-latex/latex-node/latex-node.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { createLitPortal } from '../../affine-components/portal/index.js';
+import { EQUATION_EMPTY_LABEL, EQUATION_ERROR_LABEL, translateKey, } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { ShadowlessElement, } from '../../std/index.js';
@@ -170,7 +171,9 @@ let AffineLatexNode = (() => {
                     // @ts-expect-error lit hack won't fix
                     delete latexContainer['_$litPart$'];
                     if (latex.length === 0) {
-                        render(html `<span class="placeholder">Equation</span>`, latexContainer);
+                        render(html `<span class="placeholder"
+                  >${translateKey(this.std, ...EQUATION_EMPTY_LABEL)}</span
+                >`, latexContainer);
                     }
                     else {
                         try {
@@ -182,7 +185,9 @@ let AffineLatexNode = (() => {
                             latexContainer.replaceChildren();
                             // @ts-expect-error lit hack won't fix
                             delete latexContainer['_$litPart$'];
-                            render(html `<span class="error-placeholder">Error equation</span>`, latexContainer);
+                            render(html `<span class="error-placeholder"
+                    >${translateKey(this.std, ...EQUATION_ERROR_LABEL)}</span
+                  >`, latexContainer);
                         }
                     }
                 })

package/dist/_pkgs/affine-inline-latex/translations.d.ts

@@ -0,0 +1,13 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-latex`'s own wordings — the editor popup's help
+ * text. The empty-state and KaTeX-error words are shared with `blocks/latex`
+ * and declared in `chrome.ts` instead (`EQUATION_EMPTY_LABEL` /
+ * `EQUATION_ERROR_LABEL`), so they are not restated here.
+ */
+export declare const LATEX_LINE_BREAK_HINT: ChromeWording;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export declare const LATEX_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-inline-latex/translations.js

@@ -0,0 +1,16 @@
+import {} from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-latex`'s own wordings — the editor popup's help
+ * text. The empty-state and KaTeX-error words are shared with `blocks/latex`
+ * and declared in `chrome.ts` instead (`EQUATION_EMPTY_LABEL` /
+ * `EQUATION_ERROR_LABEL`), so they are not restated here.
+ */
+export const LATEX_LINE_BREAK_HINT = [
+    'com.labre.latex.line-break-hint',
+    'Shift Enter to line break',
+];
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export const LATEX_WORDINGS = [LATEX_LINE_BREAK_HINT];

package/dist/_pkgs/affine-inline-link/link-node/configs/toolbar.d.ts

@@ -7,12 +7,12 @@ export declare const builtinInlineLinkToolbarConfig: {
         readonly id: "b.copy-link-and-edit";
         readonly actions: [{
             readonly id: "copy-link";
-            readonly tooltip: "Copy link";
+            readonly tooltipWording: import("../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
             readonly id: "edit";
-            readonly tooltip: "Edit";
+            readonly tooltipWording: import("../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }];
@@ -36,7 +36,7 @@ export declare const builtinInlineLinkToolbarConfig: {
     }, {
         readonly placement: ActionPlacement.More;
         readonly id: "b.remove-link";
-        readonly label: "Remove link";
+        readonly labelWording: import("../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {

package/dist/_pkgs/affine-inline-link/link-node/configs/toolbar.js

@@ -1,5 +1,5 @@
 import { toast } from '../../../affine-components/toast/index.js';
-import { ActionPlacement, EmbedIframeService, EmbedOptionProvider, TOOLBAR_CARD_VIEW, TOOLBAR_DELETE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, EmbedIframeService, EmbedOptionProvider, TOOLBAR_CARD_VIEW, TOOLBAR_DELETE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, translateKey, } from '../../../affine-shared/services/index.js';
 import { CopyIcon, DeleteIcon, EditIcon, UnlinkIcon, } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../../std/index.js';
 import { signal } from '@preact/signals-core';
@@ -7,6 +7,7 @@ import { html } from 'lit-html';
 import { keyed } from 'lit-html/directives/keyed.js';
 import { AffineLink } from '../affine-link.js';
 import { toggleLinkPopup } from '../link-popup/toggle-link-popup.js';
+import { LINK_TOOLBAR_COPIED_TOAST, LINK_TOOLBAR_COPY_LINK, LINK_TOOLBAR_EDIT, LINK_TOOLBAR_REMOVE_LINK, } from '../../translations.js';
 const trackBaseProps = {
     segment: 'doc',
     page: 'doc editor',
@@ -74,7 +75,7 @@ export const builtinInlineLinkToolbarConfig = {
             actions: [
                 {
                     id: 'copy-link',
-                    tooltip: 'Copy link',
+                    tooltipWording: LINK_TOOLBAR_COPY_LINK,
                     icon: CopyIcon(),
                     run(ctx) {
                         const target = ctx.message$.peek()?.element;
@@ -86,7 +87,7 @@ export const builtinInlineLinkToolbarConfig = {
                         // Clears
                         ctx.reset();
                         navigator.clipboard.writeText(link).catch(console.error);
-                        toast(ctx.host, 'Copied link to clipboard');
+                        toast(ctx.host, translateKey(ctx.std, ...LINK_TOOLBAR_COPIED_TOAST));
                         ctx.track('CopiedLink', {
                             ...trackBaseProps,
                             control: 'copy link',
@@ -95,7 +96,7 @@ export const builtinInlineLinkToolbarConfig = {
                 },
                 {
                     id: 'edit',
-                    tooltip: 'Edit',
+                    tooltipWording: LINK_TOOLBAR_EDIT,
                     icon: EditIcon(),
                     run(ctx) {
                         const target = ctx.message$.peek()?.element;
@@ -304,7 +305,7 @@ export const builtinInlineLinkToolbarConfig = {
         {
             placement: ActionPlacement.More,
             id: 'b.remove-link',
-            label: 'Remove link',
+            labelWording: LINK_TOOLBAR_REMOVE_LINK,
             icon: UnlinkIcon(),
             run(ctx) {
                 const target = ctx.message$.peek()?.element;

package/dist/_pkgs/affine-inline-link/link-node/link-popup/link-popup.js

@@ -32,6 +32,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../../affine-shared/services/index.js';
 import { isValidUrl, normalizeUrl, stopPropagation, } from '../../../affine-shared/utils/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { DoneIcon } from '@blocksuite/icons/lit';
@@ -41,6 +42,7 @@ import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
 import { linkPopupStyle } from './styles.js';
+import { LINK_POPUP_LINK_LABEL, LINK_POPUP_LINK_PLACEHOLDER, LINK_POPUP_TEXT_LABEL, LINK_POPUP_TEXT_PLACEHOLDER, } from '../../translations.js';
 let LinkPopup = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _abortController_decorators;
@@ -317,7 +319,7 @@ let LinkPopup = (() => {
           class="affine-link-popover-input"
           type="text"
           spellcheck="false"
-          placeholder="Paste or type a link"
+          placeholder=${translateKey(this.std, ...LINK_POPUP_LINK_PLACEHOLDER)}
           @paste=${this._updateConfirmBtn}
           @input=${this._updateConfirmBtn}
         />
@@ -346,10 +348,12 @@ let LinkPopup = (() => {
             class="affine-edit-input"
             id="text-input"
             type="text"
-            placeholder="Enter text"
+            placeholder=${translateKey(this.std, ...LINK_POPUP_TEXT_PLACEHOLDER)}
             @input=${this._updateConfirmBtn}
           />
-          <label class="affine-edit-label" for="text-input">Text</label>
+          <label class="affine-edit-label" for="text-input"
+            >${translateKey(this.std, ...LINK_POPUP_TEXT_LABEL)}</label
+          >
         </div>
         <div class="affine-edit-area link">
           <input
@@ -357,10 +361,12 @@ let LinkPopup = (() => {
             class="affine-edit-input"
             type="text"
             spellcheck="false"
-            placeholder="Paste or type a link"
+            placeholder=${translateKey(this.std, ...LINK_POPUP_LINK_PLACEHOLDER)}
             @input=${this._updateConfirmBtn}
           />
-          <label class="affine-edit-label" for="link-input">Link</label>
+          <label class="affine-edit-label" for="link-input"
+            >${translateKey(this.std, ...LINK_POPUP_LINK_LABEL)}</label
+          >
         </div>
         ${this._confirmBtnTemplate()}
       </div>