@formicoidea/labre-core 0.53.0 → 0.55.0

package/dist/_pkgs/data-view/view-presets/table/pc/row/row.js

@@ -259,7 +259,11 @@ let TableRowView = (() => {
             ${!column.readonly$.value &&
                     column.view.mainProperties$.value.titleColumn === column.id
                     ? html `<div class="row-ops show-on-hover-row">
-                  <div class="row-op" @click="${clickDetail}">
+                  <div
+                    class="row-op"
+                    data-testid="dv-row-open"
+                    @click="${clickDetail}"
+                  >
                     ${CenterPeekIcon()}
                   </div>
                   ${!view.readonly$.value

package/dist/_pkgs/data-view/widget-presets/quick-setting-bar/filter/index.js

@@ -1,4 +1,3 @@
-import { IS_MOBILE } from '../../../../global/env/index.js';
 import { html } from 'lit';
 import { filterTraitKey } from '../../../core/filter/trait.js';
 export const renderFilterBar = (props) => {
@@ -6,7 +5,7 @@ export const renderFilterBar = (props) => {
     if (!filterTrait) {
         return;
     }
-    if (!IS_MOBILE && !filterTrait.hasFilter$.value) {
+    if (!filterTrait.hasFilter$.value) {
         return;
     }
     return html ` <filter-bar

package/dist/_pkgs/data-view/widget-presets/quick-setting-bar/filter/list-view.d.ts

@@ -1,4 +1,4 @@
-import { ShadowlessElement } from '../../../../std/index.js';
+import { type BlockStdScope, ShadowlessElement } from '../../../../std/index.js';
 import { type ReadonlySignal } from '@preact/signals-core';
 import type { Variable } from '../../../core/expression/types.js';
 import type { Filter, FilterGroup } from '../../../core/filter/types.js';
@@ -22,6 +22,8 @@ export declare class FilterBar extends FilterBar_base {
     accessor onChange: (filter: FilterGroup) => void;
     accessor vars: ReadonlySignal<Variable[]>;
     accessor dataViewLogic: DataViewUILogicBase;
+    /** Absent outside an editor host: the wordings read English. */
+    accessor std: BlockStdScope;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/_pkgs/data-view/widget-presets/quick-setting-bar/filter/list-view.js

@@ -35,11 +35,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { popupTargetFromElement, } from '../../../../affine-components/context-menu/index.js';
 import { SignalWatcher } from '../../../../global/lit/index.js';
 import { ArrowDownSmallIcon, FilterIcon, PlusIcon, } from '@blocksuite/icons/lit';
-import { ShadowlessElement } from '../../../../std/index.js';
+import { ShadowlessElement, stdContext } from '../../../../std/index.js';
+import { consume } from '@lit/context';
 import { computed } from '@preact/signals-core';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { popCreateFilter } from '../../../core/index.js';
+import { wordingOf } from '../../../core/utils/wording.js';
+import { DATA_VIEW_ADD_FILTER } from '../../../translations.js';
 import { popFilterGroup } from './group-panel-view.js';
 let FilterBar = (() => {
     let _classSuper = SignalWatcher(ShadowlessElement);
@@ -55,6 +58,9 @@ let FilterBar = (() => {
     let _dataViewLogic_decorators;
     let _dataViewLogic_initializers = [];
     let _dataViewLogic_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class FilterBar extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -62,10 +68,12 @@ let FilterBar = (() => {
             _onChange_decorators = [property({ attribute: false })];
             _vars_decorators = [property({ attribute: false })];
             _dataViewLogic_decorators = [property({ attribute: false })];
+            _std_decorators = [consume({ context: stdContext })];
             __esDecorate(this, null, _filterGroup_decorators, { kind: "accessor", name: "filterGroup", static: false, private: false, access: { has: obj => "filterGroup" in obj, get: obj => obj.filterGroup, set: (obj, value) => { obj.filterGroup = value; } }, metadata: _metadata }, _filterGroup_initializers, _filterGroup_extraInitializers);
             __esDecorate(this, null, _onChange_decorators, { kind: "accessor", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange, set: (obj, value) => { obj.onChange = value; } }, metadata: _metadata }, _onChange_initializers, _onChange_extraInitializers);
             __esDecorate(this, null, _vars_decorators, { kind: "accessor", name: "vars", static: false, private: false, access: { has: obj => "vars" in obj, get: obj => obj.vars, set: (obj, value) => { obj.vars = value; } }, metadata: _metadata }, _vars_initializers, _vars_extraInitializers);
             __esDecorate(this, null, _dataViewLogic_decorators, { kind: "accessor", name: "dataViewLogic", static: false, private: false, access: { has: obj => "dataViewLogic" in obj, get: obj => obj.dataViewLogic, set: (obj, value) => { obj.dataViewLogic = value; } }, metadata: _metadata }, _dataViewLogic_initializers, _dataViewLogic_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);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static { this.styles = css `
@@ -102,6 +110,13 @@ let FilterBar = (() => {
       line-height: 22px;
     }
 
+    /* A finger needs 44px: the host's touch-target floor (P7). */
+    @media (pointer: coarse) {
+      .filter-bar-add-filter {
+        min-height: 44px;
+      }
+    }
+
     filter-bar::-webkit-scrollbar {
       -webkit-appearance: none;
       display: block;
@@ -178,6 +193,10 @@ let FilterBar = (() => {
         #dataViewLogic_accessor_storage;
         get dataViewLogic() { return this.#dataViewLogic_accessor_storage; }
         set dataViewLogic(value) { this.#dataViewLogic_accessor_storage = value; }
+        #std_accessor_storage;
+        /** Absent outside an editor host: the wordings read English. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         constructor() {
             super(...arguments);
             this._setFilter = (index, filter) => {
@@ -232,7 +251,7 @@ let FilterBar = (() => {
       class="filter-bar-add-filter dv-icon-16 dv-round-4 dv-hover"
       @click="${this.addFilter}"
     >
-      ${PlusIcon()} Add filter
+      ${PlusIcon()} ${wordingOf(this.std)(DATA_VIEW_ADD_FILTER)}
     </div>`;
             };
             this.setConditions = (conditions) => {
@@ -244,7 +263,8 @@ let FilterBar = (() => {
             this.#onChange_accessor_storage = __runInitializers(this, _onChange_initializers, void 0);
             this.#vars_accessor_storage = (__runInitializers(this, _onChange_extraInitializers), __runInitializers(this, _vars_initializers, void 0));
             this.#dataViewLogic_accessor_storage = (__runInitializers(this, _vars_extraInitializers), __runInitializers(this, _dataViewLogic_initializers, void 0));
-            __runInitializers(this, _dataViewLogic_extraInitializers);
+            this.#std_accessor_storage = (__runInitializers(this, _dataViewLogic_extraInitializers), __runInitializers(this, _std_initializers, void 0));
+            __runInitializers(this, _std_extraInitializers);
         }
     };
 })();

package/dist/_pkgs/data-view/widget-presets/quick-setting-bar/index.js

@@ -1,5 +1,4 @@
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
-import { IS_MOBILE } from '../../../global/env/index.js';
 import { html, nothing } from 'lit';
 import { defineUniComponent, } from '../../core/index.js';
 import { createDefaultShowQuickSettingBar, ShowQuickSettingBarKey, } from './context.js';
@@ -8,13 +7,14 @@ import { renderSortBar } from './sort/index.js';
 export const widgetQuickSettingBar = defineUniComponent((props) => {
     const view = props.dataViewLogic.view;
     const barList = [renderSortBar(props), renderFilterBar(props)].filter(Boolean);
-    if (!IS_MOBILE) {
-        if (!view.serviceGetOrCreate(ShowQuickSettingBarKey, createDefaultShowQuickSettingBar).value[view.id]) {
-            return html ``;
-        }
-        if (!barList.length) {
-            return html ``;
-        }
+    // The same rule on a phone since its toolbar has the filter and sort
+    // buttons (P7): up to 0.54 the bar stood there on every phone, empty but
+    // for "+ Add filter", as the only way to filter.
+    if (!view.serviceGetOrCreate(ShowQuickSettingBarKey, createDefaultShowQuickSettingBar).value[view.id]) {
+        return html ``;
+    }
+    if (!barList.length) {
+        return html ``;
     }
     return html ` <div
       style="display: flex;margin-top: 8px;align-items: center;width: 100%;gap:8px"

package/dist/_pkgs/data-view/widget-presets/tools/presets/filter/filter.d.ts

@@ -1,3 +1,4 @@
+import { type BlockStdScope } from '../../../../../std/index.js';
 import { nothing } from 'lit';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
 export declare class DataViewHeaderToolsFilter extends WidgetBase {
@@ -8,6 +9,8 @@ export declare class DataViewHeaderToolsFilter extends WidgetBase {
     get filterTrait(): import("../../../../core/filter/trait.js").FilterTrait | undefined;
     private get readonly();
     private clickFilter;
+    /** Absent outside an editor host: the wordings read English. */
+    accessor std: BlockStdScope;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     toggleShowFilter(show?: boolean): void;

package/dist/_pkgs/data-view/widget-presets/tools/presets/filter/filter.js

@@ -1,14 +1,51 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
 import { popupTargetFromElement } from '../../../../../affine-components/context-menu/index.js';
-import { IS_MOBILE } from '../../../../../global/env/index.js';
 import { FilterIcon } from '@blocksuite/icons/lit';
 import { computed } from '@preact/signals-core';
 import { cssVarV2 } from '@toeverything/theme/v2';
+import { stdContext } from '../../../../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html, nothing } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { popCreateFilter } from '../../../../core/filter/add-filter.js';
 import { filterTraitKey } from '../../../../core/filter/trait.js';
 import { emptyFilterGroup } from '../../../../core/filter/utils.js';
+import { wordingOf } from '../../../../core/utils/wording.js';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
+import { DATA_VIEW_FILTER } from '../../../../translations.js';
 import { createDefaultShowQuickSettingBar, ShowQuickSettingBarKey, } from '../../../quick-setting-bar/context.js';
 const styles = css `
   .affine-database-filter-button {
@@ -27,72 +64,100 @@ const styles = css `
     background-color: var(--affine-hover-color);
   }
 
-  .affine-database-filter-button {
+  /* Shown on a phone too, its menus as sheets: 44px for a finger (P7). */
+  @media (pointer: coarse) {
+    .affine-database-filter-button {
+      min-width: 44px;
+      min-height: 44px;
+      justify-content: center;
+    }
   }
 `;
-export class DataViewHeaderToolsFilter extends WidgetBase {
-    constructor() {
-        super(...arguments);
-        this.hasFilter = computed(() => {
-            return this.filterTrait?.hasFilter$.value ?? false;
-        });
-    }
-    static { this.styles = styles; }
-    get _filter() {
-        return this.filterTrait?.filter$.value ?? emptyFilterGroup;
-    }
-    set _filter(filter) {
-        this.filterTrait?.filterSet(filter);
-    }
-    get filterTrait() {
-        return this.view.traitGet(filterTraitKey);
-    }
-    get readonly() {
-        return this.view.readonly$.value;
-    }
-    clickFilter(event) {
-        if (this.hasFilter.value) {
-            this.toggleShowFilter();
+let DataViewHeaderToolsFilter = (() => {
+    let _classSuper = WidgetBase;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
+    return class DataViewHeaderToolsFilter extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
+            __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);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static { this.styles = styles; }
+        get _filter() {
+            return this.filterTrait?.filter$.value ?? emptyFilterGroup;
+        }
+        set _filter(filter) {
+            this.filterTrait?.filterSet(filter);
+        }
+        get filterTrait() {
+            return this.view.traitGet(filterTraitKey);
+        }
+        get readonly() {
+            return this.view.readonly$.value;
+        }
+        clickFilter(event) {
+            if (this.hasFilter.value) {
+                this.toggleShowFilter();
+                return;
+            }
+            popCreateFilter(popupTargetFromElement(event.currentTarget), {
+                vars: this.view.vars$,
+                onSelect: filter => {
+                    this._filter = {
+                        ...this._filter,
+                        conditions: [filter],
+                    };
+                    this.toggleShowFilter(true);
+                    this.dataViewLogic.eventTrace('CreateDatabaseFilter', {});
+                },
+            });
             return;
         }
-        popCreateFilter(popupTargetFromElement(event.currentTarget), {
-            vars: this.view.vars$,
-            onSelect: filter => {
-                this._filter = {
-                    ...this._filter,
-                    conditions: [filter],
-                };
-                this.toggleShowFilter(true);
-                this.dataViewLogic.eventTrace('CreateDatabaseFilter', {});
-            },
-        });
-        return;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.style.display = IS_MOBILE ? 'none' : 'flex';
-    }
-    render() {
-        if (this.readonly)
-            return nothing;
-        const style = styleMap({
-            color: this.hasFilter.value
-                ? cssVarV2('text/emphasis')
-                : cssVarV2('icon/primary'),
-        });
-        return html ` <div
+        #std_accessor_storage;
+        /** Absent outside an editor host: the wordings read English. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        connectedCallback() {
+            super.connectedCallback();
+            this.style.display = 'flex';
+        }
+        render() {
+            if (this.readonly)
+                return nothing;
+            const style = styleMap({
+                color: this.hasFilter.value
+                    ? cssVarV2('text/emphasis')
+                    : cssVarV2('icon/primary'),
+            });
+            return html ` <div
       @click="${this.clickFilter}"
       style="${style}"
       class="affine-database-filter-button"
+      data-testid="dv-tools-filter"
+      role="button"
+      aria-label="${wordingOf(this.std)(DATA_VIEW_FILTER)}"
     >
       ${FilterIcon()}
     </div>`;
-    }
-    toggleShowFilter(show) {
-        const map = this.view.serviceGetOrCreate(ShowQuickSettingBarKey, createDefaultShowQuickSettingBar);
-        map.value = {
-            ...map.value,
-            [this.view.id]: show ?? !map.value[this.view.id],
-        };
-    }
-}
+        }
+        toggleShowFilter(show) {
+            const map = this.view.serviceGetOrCreate(ShowQuickSettingBarKey, createDefaultShowQuickSettingBar);
+            map.value = {
+                ...map.value,
+                [this.view.id]: show ?? !map.value[this.view.id],
+            };
+        }
+        constructor() {
+            super(...arguments);
+            this.hasFilter = computed(() => {
+                return this.filterTrait?.hasFilter$.value ?? false;
+            });
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            __runInitializers(this, _std_extraInitializers);
+        }
+    };
+})();
+export { DataViewHeaderToolsFilter };

package/dist/_pkgs/data-view/widget-presets/tools/presets/search/search.d.ts

@@ -1,3 +1,4 @@
+import { type BlockStdScope } from '../../../../../std/index.js';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
 import type { KanbanViewUILogic } from '../../../../view-presets/kanban/pc/kanban-view-ui-logic.js';
 import type { VirtualTableViewUILogic } from '../../../../view-presets/table/pc-virtual/table-view-ui-logic.js';
@@ -9,6 +10,8 @@ export declare class DataViewHeaderToolsSearch extends WidgetBase<VirtualTableVi
     private readonly _onSearchBlur;
     private readonly _onSearchKeydown;
     preventBlur: boolean;
+    /** Absent outside an editor host: the wordings read English. */
+    accessor std: BlockStdScope;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     private accessor _searchInput;

package/dist/_pkgs/data-view/widget-presets/tools/presets/search/search.js

@@ -33,15 +33,18 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { unsafeCSSVarV2 } from '../../../../../affine-shared/theme/index.js';
-import { IS_MOBILE } from '../../../../../global/env/index.js';
 import { CloseIcon, SearchIcon } from '@blocksuite/icons/lit';
+import { stdContext } from '../../../../../std/index.js';
+import { consume } from '@lit/context';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, unsafeCSS } from 'lit';
 import { query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { stopPropagation } from '../../../../core/utils/event.js';
+import { wordingOf } from '../../../../core/utils/wording.js';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
+import { DATA_VIEW_SEARCH_CLEAR_HINT, DATA_VIEW_SEARCH_PLACEHOLDER, } from '../../../../translations.js';
 const styles = css `
   .affine-database-search-container {
     position: relative;
@@ -114,9 +117,29 @@ const styles = css `
     color: var(--affine-placeholder-color);
     font-size: var(--affine-font-sm);
   }
+
+  /* A finger needs 44px: the host's touch-target floor (P7). */
+  @media (pointer: coarse) {
+    .affine-database-search-container {
+      width: 44px;
+      height: 44px;
+    }
+    .search-container-expand {
+      width: 160px;
+    }
+    .affine-database-search-container .affine-database-search-input-icon {
+      left: 10px;
+    }
+    .affine-database-search-input {
+      padding-left: 40px;
+    }
+  }
 `;
 let DataViewHeaderToolsSearch = (() => {
     let _classSuper = WidgetBase;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let __searchInput_decorators;
     let __searchInput_initializers = [];
     let __searchInput_extraInitializers = [];
@@ -126,16 +149,24 @@ let DataViewHeaderToolsSearch = (() => {
     return class DataViewHeaderToolsSearch extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             __searchInput_decorators = [query('.affine-database-search-input')];
             _showSearch_decorators = [state()];
+            __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, __searchInput_decorators, { kind: "accessor", name: "_searchInput", static: false, private: false, access: { has: obj => "_searchInput" in obj, get: obj => obj._searchInput, set: (obj, value) => { obj._searchInput = value; } }, metadata: _metadata }, __searchInput_initializers, __searchInput_extraInitializers);
             __esDecorate(this, null, _showSearch_decorators, { kind: "accessor", name: "showSearch", static: false, private: false, access: { has: obj => "showSearch" in obj, get: obj => obj.showSearch, set: (obj, value) => { obj.showSearch = value; } }, metadata: _metadata }, _showSearch_initializers, _showSearch_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static { this.styles = styles; }
+        #std_accessor_storage;
+        /** Absent outside an editor host: the wordings read English. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         connectedCallback() {
             super.connectedCallback();
-            this.style.display = IS_MOBILE ? 'none' : 'flex';
+            // Filter and sort reach a phone through the view menu; search has no
+            // other door, so it stays in the toolbar there too.
+            this.style.display = 'flex';
         }
         render() {
             const searchToolClassMap = classMap({
@@ -147,7 +178,7 @@ let DataViewHeaderToolsSearch = (() => {
       <label class="${searchToolClassMap}" @click="${this._clickSearch}">
         <div class="affine-database-search-input-icon">${SearchIcon()}</div>
         <input
-          placeholder="Search..."
+          placeholder="${wordingOf(this.std)(DATA_VIEW_SEARCH_PLACEHOLDER)}"
           class="affine-database-search-input"
           @input="${this._onSearch}"
           @click="${(event) => event.stopPropagation()}"
@@ -169,7 +200,7 @@ let DataViewHeaderToolsSearch = (() => {
             })}
               >Esc</span
             >
-            to clear all
+            ${wordingOf(this.std)(DATA_VIEW_SEARCH_CLEAR_HINT)}
           </affine-tooltip>
         </div>
       </label>
@@ -218,7 +249,8 @@ let DataViewHeaderToolsSearch = (() => {
                 }
             };
             this.preventBlur = false;
-            this.#_searchInput_accessor_storage = __runInitializers(this, __searchInput_initializers, void 0);
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.#_searchInput_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, __searchInput_initializers, void 0));
             this.#showSearch_accessor_storage = (__runInitializers(this, __searchInput_extraInitializers), __runInitializers(this, _showSearch_initializers, false));
             __runInitializers(this, _showSearch_extraInitializers);
         }

package/dist/_pkgs/data-view/widget-presets/tools/presets/sort/sort.d.ts

@@ -1,3 +1,4 @@
+import { type BlockStdScope } from '../../../../../std/index.js';
 import { nothing } from 'lit';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
 export declare class DataViewHeaderToolsSort extends WidgetBase {
@@ -6,6 +7,8 @@ export declare class DataViewHeaderToolsSort extends WidgetBase {
     hasSort: import("@preact/signals-core").ReadonlySignal<boolean>;
     private get readonly();
     private clickSort;
+    /** Absent outside an editor host: the wordings read English. */
+    accessor std: BlockStdScope;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     toggleShowQuickSettingBar(show?: boolean): void;