@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-components/citation/citation.js

@@ -32,14 +32,21 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
+import { stdContext } from '../../std/index.js';
 import { baseTheme } from '@toeverything/theme';
+import { consume } from '@lit/context';
 import { css, html, LitElement, nothing, unsafeCSS, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import { FAVICON_ALT } from '../translations.js';
 let CitationCard = (() => {
     let _classSuper = SignalWatcher(WithDisposable(LitElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _icon_decorators;
     let _icon_initializers = [];
     let _icon_extraInitializers = [];
@@ -64,6 +71,7 @@ let CitationCard = (() => {
     return class CitationCard extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _icon_decorators = [property({ attribute: false })];
             _citationTitle_decorators = [property({ attribute: false })];
             _citationContent_decorators = [property({ attribute: false })];
@@ -71,6 +79,7 @@ let CitationCard = (() => {
             _onClickCallback_decorators = [property({ attribute: false })];
             _onDoubleClickCallback_decorators = [property({ attribute: false })];
             _active_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
             __esDecorate(this, null, _citationTitle_decorators, { kind: "accessor", name: "citationTitle", static: false, private: false, access: { has: obj => "citationTitle" in obj, get: obj => obj.citationTitle, set: (obj, value) => { obj.citationTitle = value; } }, metadata: _metadata }, _citationTitle_initializers, _citationTitle_extraInitializers);
             __esDecorate(this, null, _citationContent_decorators, { kind: "accessor", name: "citationContent", static: false, private: false, access: { has: obj => "citationContent" in obj, get: obj => obj.citationContent, set: (obj, value) => { obj.citationContent = value; } }, metadata: _metadata }, _citationContent_initializers, _citationContent_extraInitializers);
@@ -80,6 +89,9 @@ let CitationCard = (() => {
             __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = css `
     .citation-container {
       width: 100%;
@@ -224,12 +236,16 @@ let CitationCard = (() => {
         set active(value) { this.#active_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            this._IconTemplate = (icon) => {
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this._IconTemplate = (__runInitializers(this, _std_extraInitializers), (icon) => {
                 if (typeof icon === 'string') {
-                    return html `<img src="${icon}" alt="favicon" />`;
+                    const alt = this.std
+                        ? translateKey(this.std, ...FAVICON_ALT)
+                        : FAVICON_ALT[1];
+                    return html `<img src="${icon}" alt="${alt}" />`;
                 }
                 return icon;
-            };
+            });
             this.#icon_accessor_storage = __runInitializers(this, _icon_initializers, undefined);
             this.#citationTitle_accessor_storage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _citationTitle_initializers, ''));
             this.#citationContent_accessor_storage = (__runInitializers(this, _citationTitle_extraInitializers), __runInitializers(this, _citationContent_initializers, undefined));

package/dist/_pkgs/affine-components/color-picker/button.d.ts

@@ -1,4 +1,5 @@
 import type { Color, ColorScheme, Palette } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 import type { EditorMenuButton } from '../toolbar/menu-button.js';
 import type { PickColorEvent } from './types.js';
@@ -25,6 +26,11 @@ export declare class EdgelessColorPickerButton extends EdgelessColorPickerButton
     accessor menuButton: EditorMenuButton;
     accessor palettes: Palette[];
     accessor pick: (event: PickColorEvent) => void;
+    /**
+     * Optional, forwarded to the nested `edgeless-color-panel` — see
+     * `EdgelessColorPanel.std` (`color-panel.ts`) for what it changes.
+     */
+    accessor std: BlockStdScope | undefined;
     accessor tabType: Type;
     accessor theme: ColorScheme;
     accessor tooltip: string | undefined;

package/dist/_pkgs/affine-components/color-picker/button.js

@@ -70,6 +70,9 @@ let EdgelessColorPickerButton = (() => {
     let _pick_decorators;
     let _pick_initializers = [];
     let _pick_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _tabType_decorators;
     let _tabType_initializers = [];
     let _tabType_extraInitializers = [];
@@ -94,6 +97,7 @@ let EdgelessColorPickerButton = (() => {
             _menuButton_decorators = [query('editor-menu-button')];
             _palettes_decorators = [property({ attribute: false })];
             _pick_decorators = [property({ attribute: false })];
+            _std_decorators = [property({ attribute: false })];
             _tabType_decorators = [state()];
             _theme_decorators = [property({ attribute: false })];
             _tooltip_decorators = [property()];
@@ -107,6 +111,7 @@ let EdgelessColorPickerButton = (() => {
             __esDecorate(this, null, _menuButton_decorators, { kind: "accessor", name: "menuButton", static: false, private: false, access: { has: obj => "menuButton" in obj, get: obj => obj.menuButton, set: (obj, value) => { obj.menuButton = value; } }, metadata: _metadata }, _menuButton_initializers, _menuButton_extraInitializers);
             __esDecorate(this, null, _palettes_decorators, { kind: "accessor", name: "palettes", static: false, private: false, access: { has: obj => "palettes" in obj, get: obj => obj.palettes, set: (obj, value) => { obj.palettes = value; } }, metadata: _metadata }, _palettes_initializers, _palettes_extraInitializers);
             __esDecorate(this, null, _pick_decorators, { kind: "accessor", name: "pick", static: false, private: false, access: { has: obj => "pick" in obj, get: obj => obj.pick, set: (obj, value) => { obj.pick = value; } }, metadata: _metadata }, _pick_initializers, _pick_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _tabType_decorators, { kind: "accessor", name: "tabType", static: false, private: false, access: { has: obj => "tabType" in obj, get: obj => obj.tabType, set: (obj, value) => { obj.tabType = value; } }, metadata: _metadata }, _tabType_initializers, _tabType_extraInitializers);
             __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
             __esDecorate(this, null, _tooltip_decorators, { kind: "accessor", name: "tooltip", static: false, private: false, access: { has: obj => "tooltip" in obj, get: obj => obj.tooltip, set: (obj, value) => { obj.tooltip = value; } }, metadata: _metadata }, _tooltip_initializers, _tooltip_extraInitializers);
@@ -183,6 +188,7 @@ let EdgelessColorPickerButton = (() => {
                   .palettes=${this.palettes}
                   .hollowCircle=${this.hollowCircle}
                   .hasTransparent=${false}
+                  .std=${this.std}
                   @select=${this.#select}
                 >
                   ${when(this.enableCustomColor, () => html `
@@ -243,6 +249,13 @@ let EdgelessColorPickerButton = (() => {
         #pick_accessor_storage;
         get pick() { return this.#pick_accessor_storage; }
         set pick(value) { this.#pick_accessor_storage = value; }
+        #std_accessor_storage;
+        /**
+         * Optional, forwarded to the nested `edgeless-color-panel` — see
+         * `EdgelessColorPanel.std` (`color-panel.ts`) for what it changes.
+         */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         #tabType_accessor_storage;
         get tabType() { return this.#tabType_accessor_storage; }
         set tabType(value) { this.#tabType_accessor_storage = value; }
@@ -276,7 +289,8 @@ let EdgelessColorPickerButton = (() => {
             this.#menuButton_accessor_storage = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _menuButton_initializers, void 0));
             this.#palettes_accessor_storage = (__runInitializers(this, _menuButton_extraInitializers), __runInitializers(this, _palettes_initializers, DefaultTheme.Palettes));
             this.#pick_accessor_storage = (__runInitializers(this, _palettes_extraInitializers), __runInitializers(this, _pick_initializers, void 0));
-            this.#tabType_accessor_storage = (__runInitializers(this, _pick_extraInitializers), __runInitializers(this, _tabType_initializers, 'normal'));
+            this.#std_accessor_storage = (__runInitializers(this, _pick_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+            this.#tabType_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _tabType_initializers, 'normal'));
             this.#theme_accessor_storage = (__runInitializers(this, _tabType_extraInitializers), __runInitializers(this, _theme_initializers, void 0));
             this.#tooltip_accessor_storage = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _tooltip_initializers, undefined));
             this.#enableCustomColor_accessor_storage = (__runInitializers(this, _tooltip_extraInitializers), __runInitializers(this, _enableCustomColor_initializers, true));

package/dist/_pkgs/affine-components/color-picker/color-panel.d.ts

@@ -1,4 +1,5 @@
 import type { Color, ColorScheme, Palette } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement, type PropertyValues } from 'lit';
 export declare class EdgelessColorButton extends LitElement {
     static styles: import("lit").CSSResult;
@@ -19,6 +20,13 @@ export declare class EdgelessColorPanel extends LitElement {
     accessor hasTransparent: boolean;
     accessor hollowCircle: boolean;
     accessor palettes: readonly Palette[];
+    /**
+     * Optional: with none, every swatch's label resolves to its English
+     * fallback (or, for a swatch neither {@link resolvePaletteLabel} tier
+     * knows, its raw `key`) — exactly the panel's behaviour before this
+     * property existed.
+     */
+    accessor std: BlockStdScope | undefined;
     accessor theme: ColorScheme;
     accessor value: Color | null;
     accessor columns: number | undefined;

package/dist/_pkgs/affine-components/color-picker/color-panel.js

@@ -42,6 +42,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
 import isEqual from 'lodash-es/isEqual.js';
 import { AdditionIcon } from './icons.js';
+import { resolvePaletteLabel } from './utils.js';
 let EdgelessColorButton = (() => {
     let _classSuper = LitElement;
     let _active_decorators;
@@ -186,6 +187,9 @@ let EdgelessColorPanel = (() => {
     let _palettes_decorators;
     let _palettes_initializers = [];
     let _palettes_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _theme_decorators;
     let _theme_initializers = [];
     let _theme_extraInitializers = [];
@@ -201,12 +205,14 @@ let EdgelessColorPanel = (() => {
             _hasTransparent_decorators = [property({ attribute: false })];
             _hollowCircle_decorators = [property({ attribute: false })];
             _palettes_decorators = [property({ type: Array })];
+            _std_decorators = [property({ attribute: false })];
             _theme_decorators = [property({ attribute: false })];
             _value_decorators = [property({ attribute: false })];
             _columns_decorators = [property({ attribute: false })];
             __esDecorate(this, null, _hasTransparent_decorators, { kind: "accessor", name: "hasTransparent", static: false, private: false, access: { has: obj => "hasTransparent" in obj, get: obj => obj.hasTransparent, set: (obj, value) => { obj.hasTransparent = value; } }, metadata: _metadata }, _hasTransparent_initializers, _hasTransparent_extraInitializers);
             __esDecorate(this, null, _hollowCircle_decorators, { kind: "accessor", name: "hollowCircle", static: false, private: false, access: { has: obj => "hollowCircle" in obj, get: obj => obj.hollowCircle, set: (obj, value) => { obj.hollowCircle = value; } }, metadata: _metadata }, _hollowCircle_initializers, _hollowCircle_extraInitializers);
             __esDecorate(this, null, _palettes_decorators, { kind: "accessor", name: "palettes", static: false, private: false, access: { has: obj => "palettes" in obj, get: obj => obj.palettes, set: (obj, value) => { obj.palettes = value; } }, metadata: _metadata }, _palettes_initializers, _palettes_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
             __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
             __esDecorate(this, null, _columns_decorators, { kind: "accessor", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
@@ -269,7 +275,7 @@ let EdgelessColorPanel = (() => {
                 const activated = isEqual(resolvedColor, this.resolvedValue);
                 return html `<edgeless-color-button
             class=${classMap({ large: true })}
-            .label=${palette.key}
+            .label=${resolvePaletteLabel(this.std, palette)}
             .color=${palette.value}
             .theme=${this.theme}
             .hollowCircle=${this.hollowCircle}
@@ -293,7 +299,16 @@ let EdgelessColorPanel = (() => {
         #palettes_accessor_storage = (__runInitializers(this, _hollowCircle_extraInitializers), __runInitializers(this, _palettes_initializers, DefaultTheme.Palettes));
         get palettes() { return this.#palettes_accessor_storage; }
         set palettes(value) { this.#palettes_accessor_storage = value; }
-        #theme_accessor_storage = (__runInitializers(this, _palettes_extraInitializers), __runInitializers(this, _theme_initializers, void 0));
+        #std_accessor_storage = (__runInitializers(this, _palettes_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+        /**
+         * Optional: with none, every swatch's label resolves to its English
+         * fallback (or, for a swatch neither {@link resolvePaletteLabel} tier
+         * knows, its raw `key`) — exactly the panel's behaviour before this
+         * property existed.
+         */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        #theme_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _theme_initializers, void 0));
         get theme() { return this.#theme_accessor_storage; }
         set theme(value) { this.#theme_accessor_storage = value; }
         #value_accessor_storage = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _value_initializers, null));

package/dist/_pkgs/affine-components/color-picker/color-picker.d.ts

@@ -1,9 +1,13 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 import type { Hsva, ModeRgba, ModeTab, ModeType, NavType, PickColorEvent, Point, Rgb } from './types.js';
 declare const EdgelessColorPicker_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessColorPicker extends EdgelessColorPicker_base {
     #private;
     static styles: import("lit").CSSResult;
+    accessor std: BlockStdScope;
+    private _tabLabel;
+    private _modeLabel;
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     accessor alpha100$: import("@preact/signals-core").ReadonlySignal<string>;

package/dist/_pkgs/affine-components/color-picker/color-picker.js

@@ -32,8 +32,11 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { on, once, stopPropagation } from '../../affine-shared/utils/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { batch, computed, signal } from '@preact/signals-core';
 import { html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
@@ -46,12 +49,16 @@ import { AREA_CIRCLE_R, MATCHERS, SLIDER_CIRCLE_R } from './consts.js';
 import { TransparentIcon } from './icons.js';
 import { COLOR_PICKER_STYLE } from './styles.js';
 import { bound01, defaultHsva, eq, hsvaToHex8, hsvaToRgba, linearGradientAt, parseHexToHsva, renderCanvas, rgbaToHex8, rgbaToHsva, rgbToHex, rgbToHsv, } from './utils.js';
+import { COLOR_PICKER_MODE_DARK, COLOR_PICKER_MODE_LIGHT, COLOR_PICKER_MODE_NORMAL, COLOR_PICKER_TAB_COLORS, COLOR_PICKER_TAB_CUSTOM, } from '../translations.js';
 const TABS = [
     { type: 'colors', name: 'Colors' },
     { type: 'custom', name: 'Custom' },
 ];
 let EdgelessColorPicker = (() => {
     let _classSuper = SignalWatcher(WithDisposable(LitElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _alphaControl_decorators;
     let _alphaControl_initializers = [];
     let _alphaControl_extraInitializers = [];
@@ -73,12 +80,14 @@ let EdgelessColorPicker = (() => {
     return class EdgelessColorPicker extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _alphaControl_decorators = [query('.color-slider-wrapper.alpha .color-slider')];
             _canvas_decorators = [query('canvas')];
             _colors_decorators = [property({ attribute: false })];
             _hueControl_decorators = [query('.color-slider-wrapper.hue .color-slider')];
             _paletteControl_decorators = [query('.color-palette')];
             _pick_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _alphaControl_decorators, { kind: "accessor", name: "alphaControl", static: false, private: false, access: { has: obj => "alphaControl" in obj, get: obj => obj.alphaControl, set: (obj, value) => { obj.alphaControl = value; } }, metadata: _metadata }, _alphaControl_initializers, _alphaControl_extraInitializers);
             __esDecorate(this, null, _canvas_decorators, { kind: "accessor", name: "canvas", static: false, private: false, access: { has: obj => "canvas" in obj, get: obj => obj.canvas, set: (obj, value) => { obj.canvas = value; } }, metadata: _metadata }, _canvas_initializers, _canvas_extraInitializers);
             __esDecorate(this, null, _colors_decorators, { kind: "accessor", name: "colors", static: false, private: false, access: { has: obj => "colors" in obj, get: obj => obj.colors, set: (obj, value) => { obj.colors = value; } }, metadata: _metadata }, _colors_initializers, _colors_extraInitializers);
@@ -88,7 +97,22 @@ let EdgelessColorPicker = (() => {
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static { this.styles = COLOR_PICKER_STYLE; }
-        #alphaRect = new DOMRect();
+        #std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        _tabLabel(name) {
+            const wording = name === 'Custom' ? COLOR_PICKER_TAB_CUSTOM : COLOR_PICKER_TAB_COLORS;
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
+        _modeLabel(name) {
+            const wording = name === 'Light'
+                ? COLOR_PICKER_MODE_LIGHT
+                : name === 'Dark'
+                    ? COLOR_PICKER_MODE_DARK
+                    : COLOR_PICKER_MODE_NORMAL;
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
+        #alphaRect = (__runInitializers(this, _std_extraInitializers), new DOMRect());
         #editAlpha = (e) => {
             const target = e.target;
             const orignalValue = target.value;
@@ -419,7 +443,7 @@ let EdgelessColorPicker = (() => {
                 ?active=${type === this.navType$.value}
                 @click=${() => this.#switchNavTab(type)}
               >
-                ${name}
+                ${this._tabLabel(name)}
               </button>
             `)}
         </nav>
@@ -439,7 +463,7 @@ let EdgelessColorPicker = (() => {
                   ${TransparentIcon()}
                   <div class="color"></div>
                 </div>
-                <div>${name}</div>
+                <div>${this._modeLabel(name)}</div>
               </button>
             </div>
           `)}

package/dist/_pkgs/affine-components/color-picker/types.d.ts

@@ -1,3 +1,4 @@
+import type { ChromeWording } from '../../affine-shared/services/index.js';
 import type { ColorScheme, Palette } from '../../affine-model/index.js';
 export type Rgb = {
     r: number;
@@ -39,3 +40,23 @@ export type PickColorEvent = {
     type: 'pick';
     detail: Palette;
 };
+/**
+ * A swatch that names itself, for a colour panel that has to display
+ * something better than `Palette.key` — the framework-agnostic extension
+ * point `resolvePaletteLabel` (`utils.ts`) checks FIRST, before falling back
+ * to the default theme's own `PALETTE_NAME_WORDINGS` lookup
+ * (`@labre/affine-shared/services`) and, with neither, to the raw `key`
+ * exactly as every colour panel displayed it before this type existed.
+ *
+ * `Palette` itself (`packages/affine/model`, RED ZONE) is never touched: a
+ * framework that wants its own swatch names (Wardley's "Wonder" / "Peace" /
+ * "War", EDGY's "Identity" / "Architecture"…) builds its palette as
+ * `NamedPalette[]` OUTSIDE the model, in its own `toolbar/node-config.ts` —
+ * see `packages/affine/gfx/wardley/src/toolbar/node-config.ts` and its EDGY
+ * counterpart. Optional and additive: a plain `Palette[]` (the default
+ * theme's tables, any pre-existing caller) is still assignable wherever a
+ * `NamedPalette[]` is expected, so nothing that already worked has to change.
+ */
+export type NamedPalette = Palette & {
+    labelWording?: ChromeWording;
+};

package/dist/_pkgs/affine-components/color-picker/utils.d.ts

@@ -1,5 +1,6 @@
-import type { Color, ColorScheme } from '../../affine-model/index.js';
-import type { Hsv, Hsva, ModeType, PickColorType, Point, Rgb, Rgba } from './types.js';
+import type { Color, ColorScheme, Palette } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
+import type { Hsv, Hsva, ModeType, NamedPalette, PickColorType, Point, Rgb, Rgba } from './types.js';
 export declare const defaultPoint: (x?: number, y?: number) => Point;
 export declare const defaultHsva: () => Hsva;
 export declare function linearGradientAt(t: number): Rgb;
@@ -83,3 +84,28 @@ export declare const calcCustomButtonStyle: (color: string, isCustomColor: boole
     '--c': string;
 };
 export declare const adjustColorAlpha: (color: Color, a: number) => Color;
+/**
+ * The swatch's DISPLAYED name — what `edgeless-color-panel` shows as the
+ * swatch's visible label and passes on as its `aria-label`.
+ *
+ * Three tiers, checked in order, mirroring `translateTagLabel`
+ * (`universe-tag-defs-service.ts`)'s own "declared key, then declared
+ * fallback, then raw" shape:
+ *
+ * 1. The swatch's OWN {@link NamedPalette.labelWording}, when the palette
+ *    that built it declared one (a framework's own swatches — Wardley's
+ *    "Wonder", EDGY's "Identity"…).
+ * 2. The default theme's {@link PALETTE_NAME_WORDINGS} lookup, keyed by
+ *    `palette.key` (`'Red'`, `'LightBlue'`…) — the one table every
+ *    `DefaultTheme.*Palettes` swatch resolves through.
+ * 3. `palette.key` itself, unresolved — exactly what every colour panel
+ *    displayed before either mechanism existed, so a swatch this function
+ *    has never heard of (a host's own custom palette, a future table) keeps
+ *    reading exactly as it always has.
+ *
+ * `std` is optional: with none (a detached story, a standalone render with
+ * no block context), tier 1 and 2 still resolve to their ENGLISH fallback
+ * (`wording[1]`) rather than the raw key, since that fallback IS the literal
+ * already on screen — only `translateKey`'s host lookup is skipped.
+ */
+export declare function resolvePaletteLabel(std: BlockStdScope | undefined, palette: Palette | NamedPalette): string;

package/dist/_pkgs/affine-components/color-picker/utils.js

@@ -1,4 +1,5 @@
 // https://www.w3.org/TR/css-color-4/
+import { PALETTE_NAME_WORDINGS, translateKey, } from '../../affine-shared/services/index.js';
 import clamp from 'lodash-es/clamp.js';
 import { COLORS, FIRST_COLOR } from './consts.js';
 export const defaultPoint = (x = 0, y = 0) => ({ x, y });
@@ -289,3 +290,34 @@ export const adjustColorAlpha = (color, a) => {
     }
     return newColor;
 };
+/**
+ * The swatch's DISPLAYED name — what `edgeless-color-panel` shows as the
+ * swatch's visible label and passes on as its `aria-label`.
+ *
+ * Three tiers, checked in order, mirroring `translateTagLabel`
+ * (`universe-tag-defs-service.ts`)'s own "declared key, then declared
+ * fallback, then raw" shape:
+ *
+ * 1. The swatch's OWN {@link NamedPalette.labelWording}, when the palette
+ *    that built it declared one (a framework's own swatches — Wardley's
+ *    "Wonder", EDGY's "Identity"…).
+ * 2. The default theme's {@link PALETTE_NAME_WORDINGS} lookup, keyed by
+ *    `palette.key` (`'Red'`, `'LightBlue'`…) — the one table every
+ *    `DefaultTheme.*Palettes` swatch resolves through.
+ * 3. `palette.key` itself, unresolved — exactly what every colour panel
+ *    displayed before either mechanism existed, so a swatch this function
+ *    has never heard of (a host's own custom palette, a future table) keeps
+ *    reading exactly as it always has.
+ *
+ * `std` is optional: with none (a detached story, a standalone render with
+ * no block context), tier 1 and 2 still resolve to their ENGLISH fallback
+ * (`wording[1]`) rather than the raw key, since that fallback IS the literal
+ * already on screen — only `translateKey`'s host lookup is skipped.
+ */
+export function resolvePaletteLabel(std, palette) {
+    const wording = palette.labelWording ??
+        PALETTE_NAME_WORDINGS[palette.key];
+    if (!wording)
+        return palette.key;
+    return std ? translateKey(std, ...wording) : wording[1];
+}

package/dist/_pkgs/affine-components/context-menu/menu-renderer.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { ShadowlessElement } from '../../std/index.js';
 import { type Middleware, type ReferenceElement } from '@floating-ui/dom';
 import type { MenuFocusable } from './focusable.js';
@@ -5,6 +6,7 @@ import { Menu, type MenuConfig, type MenuOptions } from './menu.js';
 import type { MenuComponentInterface } from './types.js';
 declare const MenuComponent_base: typeof ShadowlessElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class MenuComponent extends MenuComponent_base implements MenuComponentInterface {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     private readonly _clickContainer;
     private readonly searchRef;
@@ -25,6 +27,7 @@ declare global {
 }
 declare const MobileMenuComponent_base: typeof ShadowlessElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class MobileMenuComponent extends MobileMenuComponent_base implements MenuComponentInterface {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     onClose: () => void;
     focusTo(ele?: MenuFocusable): void;

package/dist/_pkgs/affine-components/context-menu/menu-renderer.js

@@ -32,30 +32,41 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { IS_MOBILE } from '../../global/env/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { ArrowLeftBigIcon, ArrowLeftSmallIcon, CloseIcon, SearchIcon, } from '@blocksuite/icons/lit';
-import { ShadowlessElement } from '../../std/index.js';
+import { ShadowlessElement, stdContext } from '../../std/index.js';
 import { RANGE_SYNC_EXCLUDE_ATTR } from '../../std/inline/index.js';
 import { autoPlacement, autoUpdate, computePosition, offset, shift, } from '@floating-ui/dom';
+import { consume } from '@lit/context';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { Menu } from './menu.js';
+import { CONTEXT_MENU_DONE, CONTEXT_MENU_NO_RESULTS } from '../translations.js';
 let MenuComponent = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _menu_decorators;
     let _menu_initializers = [];
     let _menu_extraInitializers = [];
     return class MenuComponent extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _menu_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _menu_decorators, { kind: "accessor", name: "menu", static: false, private: false, access: { has: obj => "menu" in obj, get: obj => obj.menu, set: (obj, value) => { obj.menu = value; } }, metadata: _metadata }, _menu_initializers, _menu_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = css `
     affine-menu {
       font-family: var(--affine-font-family);
@@ -171,7 +182,11 @@ let MenuComponent = (() => {
       ${this.renderTitle()} ${this.renderSearch()}
       <div class="affine-menu-body">
         ${result.length === 0 && this.menu.enableSearch
-                ? html ` <div class="no-results">No Results</div>`
+                ? html ` <div class="no-results">
+              ${this.std
+                    ? translateKey(this.std, ...CONTEXT_MENU_NO_RESULTS)
+                    : CONTEXT_MENU_NO_RESULTS[1]}
+            </div>`
                 : ''}
         ${result}
       </div>
@@ -250,11 +265,12 @@ let MenuComponent = (() => {
         set menu(value) { this.#menu_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            this._clickContainer = (e) => {
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this._clickContainer = (__runInitializers(this, _std_extraInitializers), (e) => {
                 e.stopPropagation();
                 this.focusInput();
                 this.menu.closeSubMenu();
-            };
+            });
             this.searchRef = createRef();
             this.#menu_accessor_storage = __runInitializers(this, _menu_initializers, void 0);
             __runInitializers(this, _menu_extraInitializers);
@@ -264,16 +280,24 @@ let MenuComponent = (() => {
 export { MenuComponent };
 let MobileMenuComponent = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _menu_decorators;
     let _menu_initializers = [];
     let _menu_extraInitializers = [];
     return class MobileMenuComponent extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _menu_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _menu_decorators, { kind: "accessor", name: "menu", static: false, private: false, access: { has: obj => "menu" in obj, get: obj => obj.menu, set: (obj, value) => { obj.menu = value; } }, metadata: _metadata }, _menu_initializers, _menu_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = css `
     mobile-menu {
       height: 100%;
@@ -365,7 +389,9 @@ let MobileMenuComponent = (() => {
           margin-right: 10px;
          "
         >
-          Done
+          ${this.std
+                ? translateKey(this.std, ...CONTEXT_MENU_DONE)
+                : CONTEXT_MENU_DONE[1]}
         </div>
       </div>
     `;
@@ -375,7 +401,8 @@ let MobileMenuComponent = (() => {
         set menu(value) { this.#menu_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            this.onClose = () => {
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.onClose = (__runInitializers(this, _std_extraInitializers), () => {
                 const close = this.menu.options.title?.onClose;
                 if (close) {
                     close();
@@ -383,7 +410,7 @@ let MobileMenuComponent = (() => {
                 else {
                     this.menu.close();
                 }
-            };
+            });
             this.#menu_accessor_storage = __runInitializers(this, _menu_initializers, void 0);
             __runInitializers(this, _menu_extraInitializers);
         }

package/dist/_pkgs/affine-components/edgeless-line-styles-panel/line-styles-panel.d.ts

@@ -1,4 +1,5 @@
 import { LineWidth, StrokeStyle } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 export type LineDetailType = {
     type: 'size';
@@ -9,6 +10,7 @@ export type LineDetailType = {
 };
 declare const EdgelessLineStylesPanel_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessLineStylesPanel extends EdgelessLineStylesPanel_base {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     select(detail: LineDetailType): void;
     render(): import("lit-html").TemplateResult<1>;