@formicoidea/labre-core 0.30.1 → 0.32.0

package/dist/_pkgs/affine-block-surface/utils/font.js

@@ -17,9 +17,15 @@ export const getFontFaces = IS_FIREFOX
         return fonts;
     }
     : () => [...document.fonts.keys()];
-export const isSameFontFamily = IS_FIREFOX
-    ? (fontFamily) => (fontFace) => fontFace.family === `"${fontFamily}"`
-    : (fontFamily) => (fontFace) => fontFace.family === fontFamily;
+/**
+ * Surface fonts are registered with quoted family names (see `wrapFontFamily`),
+ * while models store them unquoted (`blocksuite:surface:Inter`). Browsers do not
+ * agree on whether `FontFace.family` echoes those quotes back, so compare
+ * unquoted on both sides instead of branching on the engine — a mismatch makes
+ * `getFontFacesByFontFamily` return nothing and renders an empty font style menu.
+ */
+const unquoteFontFamily = (fontFamily) => fontFamily.replace(/^\s*["']|["']\s*$/g, '');
+export const isSameFontFamily = (fontFamily) => (fontFace) => unquoteFontFamily(fontFace.family) === unquoteFontFamily(fontFamily);
 export function getFontFacesByFontFamily(fontFamily) {
     return (getFontFaces()
         .filter(isSameFontFamily(fontFamily))

package/dist/_pkgs/affine-block-surface/utils/get-bg-grip-gap.js

@@ -1,5 +1,5 @@
 import { clamp } from '../../global/gfx/index.js';
-import { GRID_GAP_MAX, GRID_GAP_MIN } from '../consts';
+import { GRID_GAP_MAX, GRID_GAP_MIN } from '../consts.js';
 export function getBgGridGap(zoom) {
     const step = zoom < 0.5 ? 2 : 1 / (Math.floor(zoom) || 1);
     const gap = clamp(20 * step * zoom, GRID_GAP_MIN, GRID_GAP_MAX);

package/dist/_pkgs/affine-block-surface/utils/get-surface-block.d.ts

@@ -1,6 +1,6 @@
 import type { BlockStdScope } from '../../std/index.js';
 import type { Store } from '../../store/index.js';
-import type { SurfaceBlockComponent } from '../surface-block';
-import type { SurfaceBlockModel } from '../surface-model';
+import type { SurfaceBlockComponent } from '../surface-block.js';
+import type { SurfaceBlockModel } from '../surface-model.js';
 export declare function getSurfaceBlock(doc: Store): SurfaceBlockModel | null;
 export declare function getSurfaceComponent(std: BlockStdScope): SurfaceBlockComponent | null;

package/dist/_pkgs/affine-block-surface/utils/index.d.ts

@@ -9,6 +9,6 @@ export declare function generateElementId(): string;
  * MIT License
  */
 export declare function normalizeWheelDeltaY(delta: number, zoom?: number): number;
-export { getBgGridGap } from './get-bg-grip-gap';
-export { getLastPropsKey } from './get-last-props-key';
-export * from './get-surface-block';
+export { getBgGridGap } from './get-bg-grip-gap.js';
+export { getLastPropsKey } from './get-last-props-key.js';
+export * from './get-surface-block.js';

package/dist/_pkgs/affine-block-surface/utils/index.js

@@ -28,6 +28,6 @@ export function normalizeWheelDeltaY(delta, zoom = 1) {
             Math.min(1, abs / 20);
     return newZoom;
 }
-export { getBgGridGap } from './get-bg-grip-gap';
-export { getLastPropsKey } from './get-last-props-key';
-export * from './get-surface-block';
+export { getBgGridGap } from './get-bg-grip-gap.js';
+export { getLastPropsKey } from './get-last-props-key.js';
+export * from './get-surface-block.js';

package/dist/_pkgs/affine-block-surface/view.d.ts

@@ -4,3 +4,20 @@ export declare class SurfaceViewExtension extends ViewExtensionProvider {
     effect(): void;
     setup(context: ViewExtensionContext): void;
 }
+/**
+ * The AI audit seam — gated by the `ai-audit` capability switch (PF14.1).
+ *
+ * Its own extension, registered from `getInternalViewExtensions` only when the
+ * switch is on, because that is what makes the gate REAL: off, `map.audit` is
+ * never registered, so it is absent from the command registry, from both
+ * manifests and from the keymap at once — the same two-sided gating a framework
+ * flag gets, asserted by the same test.
+ *
+ * Nothing here is registered by {@link SurfaceViewExtension}: the audit is not
+ * part of a surface's job, and folding it in would make the switch a filter
+ * over something already wired instead of a decision not to wire it.
+ */
+export declare class AuditViewExtension extends ViewExtensionProvider {
+    name: string;
+    setup(context: ViewExtensionContext): void;
+}

package/dist/_pkgs/affine-block-surface/view.js

@@ -1,10 +1,10 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
-import { BlockViewExtension, FlavourExtension } from '../std/index.js';
+import { BlockViewExtension, CommandExtension, FlavourExtension, } from '../std/index.js';
 import { literal } from 'lit/static-html.js';
-import { effects } from './effects';
-import { EdgelessCRUDExtension, EdgelessLegacySlotExtension, EditPropsMiddlewareBuilder, } from './extensions';
-import { ExportManagerExtension } from './extensions/export-manager/export-manager';
-import { DefaultTool } from './tool/default-tool';
+import { effects } from './effects.js';
+import { auditCommands, EdgelessCRUDExtension, EdgelessLegacySlotExtension, EditPropsMiddlewareBuilder, mapQualityCommands, mapQualityWidget, ReadingManager, readingProposalWidget, readingToolbarExtension, SpotlightManager, ValidationManager, validationExceptionToolbarExtension, ValidationOverlay, violationDetailWidget, } from './extensions/index.js';
+import { ExportManagerExtension } from './extensions/export-manager/export-manager.js';
+import { DefaultTool } from './tool/default-tool.js';
 export class SurfaceViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);
@@ -26,9 +26,64 @@ export class SurfaceViewExtension extends ViewExtensionProvider {
             context.register(DefaultTool);
             context.register(BlockViewExtension('affine:surface', literal `affine-surface`));
             context.register(EditPropsMiddlewareBuilder);
+            // No-op until a framework registers a SpotlightHostExtension.
+            context.register(SpotlightManager);
+            // No-op until a framework registers a ValidationRuleExtension — which
+            // only its FLAG-GATED view extension does, so a disabled framework
+            // costs no evaluation at all.
+            context.register(ValidationManager);
+            context.register(ValidationOverlay);
+            // The persistent badge and its detail bubble. Renders nothing until the
+            // manager reports a violation, which it cannot do without a rule.
+            context.register(violationDetailWidget);
+            // The reversed reading (MF3): the manager, the panel it opens and the
+            // toolbar entry that asks for it. All three are inert until a framework
+            // registers a ReadingProfile — which only its FLAG-GATED view extension
+            // does — and the panel opens on the `element.read` command and on
+            // nothing else: it never proposes itself, and it never writes.
+            context.register(ReadingManager);
+            context.register(readingProposalWidget);
+            context.register(readingToolbarExtension);
+            // "Revoke exception" on the contextual toolbar of whichever element
+            // answers for it. Shows nothing until an element carries an exception a
+            // REGISTERED rule can be arbitrated on, so a board with no framework
+            // enabled never sees it.
+            context.register(validationExceptionToolbarExtension);
+            // The Map quality panel (PF7.11) and the one command that opens it.
+            // Both are generic: they render and offer nothing until a framework
+            // registers a nudge or an on-demand rule, which only its FLAG-GATED view
+            // extension does.
+            context.register(mapQualityWidget);
+            context.register(CommandExtension(mapQualityCommands));
         }
         else {
             context.register(BlockViewExtension('affine:surface', literal `affine-surface-void`));
         }
     }
 }
+/**
+ * The AI audit seam — gated by the `ai-audit` capability switch (PF14.1).
+ *
+ * Its own extension, registered from `getInternalViewExtensions` only when the
+ * switch is on, because that is what makes the gate REAL: off, `map.audit` is
+ * never registered, so it is absent from the command registry, from both
+ * manifests and from the keymap at once — the same two-sided gating a framework
+ * flag gets, asserted by the same test.
+ *
+ * Nothing here is registered by {@link SurfaceViewExtension}: the audit is not
+ * part of a surface's job, and folding it in would make the switch a filter
+ * over something already wired instead of a decision not to wire it.
+ */
+export class AuditViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-audit-seam';
+    }
+    setup(context) {
+        super.setup(context);
+        // Edgeless only: an audit is about a map, and a map is a canvas artefact.
+        if (!this.isEdgeless(context.scope))
+            return;
+        context.register(CommandExtension(auditCommands));
+    }
+}

package/dist/_pkgs/affine-block-surface-ref/components/index.d.ts

@@ -1,2 +1,2 @@
-export { SurfaceRefPlaceHolder } from './placeholder';
-export { SurfaceRefToolbarTitle } from './surface-ref-toolbar-title';
+export { SurfaceRefPlaceHolder } from './placeholder.js';
+export { SurfaceRefToolbarTitle } from './surface-ref-toolbar-title.js';

package/dist/_pkgs/affine-block-surface-ref/components/index.js

@@ -1,2 +1,2 @@
-export { SurfaceRefPlaceHolder } from './placeholder';
-export { SurfaceRefToolbarTitle } from './surface-ref-toolbar-title';
+export { SurfaceRefPlaceHolder } from './placeholder.js';
+export { SurfaceRefToolbarTitle } from './surface-ref-toolbar-title.js';

package/dist/_pkgs/affine-block-surface-ref/components/placeholder.js

@@ -41,8 +41,8 @@ import {} from '../../std/gfx/index.js';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { DarkDeletedSmallBanner, LightDeletedSmallBanner } from '../icons';
-import { getReferenceModelTitle, TYPE_ICON_MAP } from '../utils';
+import { DarkDeletedSmallBanner, LightDeletedSmallBanner } from '../icons.js';
+import { getReferenceModelTitle, TYPE_ICON_MAP } from '../utils.js';
 let SurfaceRefPlaceHolder = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _referenceModel_decorators;

package/dist/_pkgs/affine-block-surface-ref/configs/slash-menu.js

@@ -6,8 +6,8 @@ import { Bound } from '../../global/gfx/index.js';
 import { FrameIcon, GroupingIcon, MindmapIcon } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../std/index.js';
 import { GfxControllerIdentifier } from '../../std/gfx/index.js';
-import { insertSurfaceRefBlockCommand } from '../commands';
-import { EdgelessTooltip, FrameTooltip, MindMapTooltip } from './tooltips';
+import { insertSurfaceRefBlockCommand } from '../commands.js';
+import { EdgelessTooltip, FrameTooltip, MindMapTooltip } from './tooltips.js';
 const surfaceRefSlashMenuConfig = {
     items: ({ std, model }) => {
         const crud = std.get(EdgelessCRUDExtension);

package/dist/_pkgs/affine-block-surface-ref/configs/toolbar.js

@@ -3,7 +3,7 @@ import { copySelectedModelsCommand, draftSelectedModelsCommand, } from '../../af
 import { ActionPlacement, blockCommentToolbarButton, } from '../../affine-shared/services/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
-import { SurfaceRefBlockComponent } from '../surface-ref-block';
+import { SurfaceRefBlockComponent } from '../surface-ref-block.js';
 export const surfaceRefToolbarModuleConfig = {
     actions: [
         {

package/dist/_pkgs/affine-block-surface-ref/effects.js

@@ -1,8 +1,8 @@
-import { SurfaceRefPlaceHolder, SurfaceRefToolbarTitle } from './components';
-import { SurfaceRefGenericBlockPortal } from './portal/generic-block';
-import { SurfaceRefNotePortal } from './portal/note';
-import { SurfaceRefBlockComponent } from './surface-ref-block';
-import { EdgelessSurfaceRefBlockComponent } from './surface-ref-block-edgeless';
+import { SurfaceRefPlaceHolder, SurfaceRefToolbarTitle } from './components/index.js';
+import { SurfaceRefGenericBlockPortal } from './portal/generic-block.js';
+import { SurfaceRefNotePortal } from './portal/note.js';
+import { SurfaceRefBlockComponent } from './surface-ref-block.js';
+import { EdgelessSurfaceRefBlockComponent } from './surface-ref-block-edgeless.js';
 export function effects() {
     customElements.define('surface-ref-generic-block-portal', SurfaceRefGenericBlockPortal);
     customElements.define('affine-surface-ref', SurfaceRefBlockComponent);

package/dist/_pkgs/affine-block-surface-ref/view.js

@@ -3,9 +3,9 @@ import { SurfaceRefBlockSchema } from '../affine-model/index.js';
 import { ToolbarModuleExtension } from '../affine-shared/services/index.js';
 import { BlockFlavourIdentifier, BlockViewExtension, FlavourExtension, } from '../std/index.js';
 import { literal } from 'lit/static-html.js';
-import { SurfaceRefSlashMenuConfigExtension } from './configs/slash-menu';
-import { surfaceRefToolbarModuleConfig } from './configs/toolbar';
-import { effects } from './effects';
+import { SurfaceRefSlashMenuConfigExtension } from './configs/slash-menu.js';
+import { surfaceRefToolbarModuleConfig } from './configs/toolbar.js';
+import { effects } from './effects.js';
 const flavour = SurfaceRefBlockSchema.model.flavour;
 export class SurfaceRefViewExtension extends ViewExtensionProvider {
     constructor() {

package/dist/_pkgs/affine-block-table/adapters/html.js

@@ -1,8 +1,8 @@
 import { TableBlockSchema, TableModelFlavour, } from '../../affine-model/index.js';
 import { BlockHtmlAdapterExtension, HastUtils, } from '../../affine-shared/adapters/index.js';
 import { nanoid } from '../../store/index.js';
-import { DefaultColumnWidth } from '../consts';
-import { parseTableFromHtml, processTable } from './utils';
+import { DefaultColumnWidth } from '../consts.js';
+import { parseTableFromHtml, processTable } from './utils.js';
 const TABLE_NODE_TYPES = new Set(['table', 'thead', 'tbody', 'th', 'tr']);
 export const tableBlockHtmlAdapterMatcher = {
     flavour: TableBlockSchema.model.flavour,

package/dist/_pkgs/affine-block-table/adapters/index.d.ts

@@ -1,5 +1,5 @@
-export * from './extension';
-export * from './html';
-export * from './markdown';
-export * from './notion-html';
-export * from './plain-text';
+export * from './extension.js';
+export * from './html.js';
+export * from './markdown.js';
+export * from './notion-html.js';
+export * from './plain-text.js';

package/dist/_pkgs/affine-block-table/adapters/index.js

@@ -1,5 +1,5 @@
-export * from './extension';
-export * from './html';
-export * from './markdown';
-export * from './notion-html';
-export * from './plain-text';
+export * from './extension.js';
+export * from './html.js';
+export * from './markdown.js';
+export * from './notion-html.js';
+export * from './plain-text.js';

package/dist/_pkgs/affine-block-table/adapters/markdown.js

@@ -1,7 +1,7 @@
 import { TableBlockSchema, TableModelFlavour, } from '../../affine-model/index.js';
 import { BlockMarkdownAdapterExtension, } from '../../affine-shared/adapters/index.js';
 import { nanoid } from '../../store/index.js';
-import { parseTableFromMarkdown, processTable } from './utils';
+import { parseTableFromMarkdown, processTable } from './utils.js';
 const TABLE_NODE_TYPES = new Set(['table', 'tableRow']);
 const isTableNode = (node) => TABLE_NODE_TYPES.has(node.type);
 export const tableBlockMarkdownAdapterMatcher = {

package/dist/_pkgs/affine-block-table/add-button.d.ts

@@ -1,5 +1,5 @@
 import { ShadowlessElement } from '../std/index.js';
-import type { TableDataManager } from './table-data-manager';
+import type { TableDataManager } from './table-data-manager.js';
 export declare const AddButtonComponentName = "affine-table-add-button";
 declare const AddButton_base: typeof ShadowlessElement & import("../global/utils/types.js").Constructor<import("../global/lit/with-disposable.js").DisposableClass>;
 export declare class AddButton extends AddButton_base {

package/dist/_pkgs/affine-block-table/add-button.js

@@ -42,8 +42,8 @@ import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { addColumnButtonStyle, addRowButtonStyle, addRowColumnButtonStyle, cellCountTipsStyle, } from './add-button-css';
-import { DefaultColumnWidth, DefaultRowHeight } from './consts';
+import { addColumnButtonStyle, addRowButtonStyle, addRowColumnButtonStyle, cellCountTipsStyle, } from './add-button-css.js';
+import { DefaultColumnWidth, DefaultRowHeight } from './consts.js';
 export const AddButtonComponentName = 'affine-table-add-button';
 let AddButton = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));

package/dist/_pkgs/affine-block-table/commands.js

@@ -1,6 +1,6 @@
 import { TableModelFlavour, } from '../affine-model/index.js';
 import {} from '../store/index.js';
-import { TableDataManager } from './table-data-manager';
+import { TableDataManager } from './table-data-manager.js';
 export const insertTableBlockCommand = (ctx, next) => {
     const { selectedModels, place, removeEmptyLine, std } = ctx;
     if (!selectedModels?.length)

package/dist/_pkgs/affine-block-table/configs/slash-menu.js

@@ -2,8 +2,8 @@ import { getSelectedModelsCommand } from '../../affine-shared/commands/index.js'
 import { TelemetryProvider } from '../../affine-shared/services/index.js';
 import { isInsideBlockByFlavour } from '../../affine-shared/utils/index.js';
 import { TableIcon } from '@blocksuite/icons/lit';
-import { insertTableBlockCommand } from '../commands';
-import { tableTooltip } from './tooltips';
+import { insertTableBlockCommand } from '../commands.js';
+import { tableTooltip } from './tooltips.js';
 export const tableSlashMenuConfig = {
     disableWhen: ({ model }) => model.flavour === 'affine:table',
     items: [

package/dist/_pkgs/affine-block-table/effects.js

@@ -1,7 +1,7 @@
-import { AddButton, AddButtonComponentName } from './add-button';
-import { SelectionLayer, SelectionLayerComponentName } from './selection-layer';
-import { TableBlockComponent, TableBlockComponentName } from './table-block';
-import { TableCell, TableCellComponentName } from './table-cell';
+import { AddButton, AddButtonComponentName } from './add-button.js';
+import { SelectionLayer, SelectionLayerComponentName } from './selection-layer.js';
+import { TableBlockComponent, TableBlockComponentName } from './table-block.js';
+import { TableCell, TableCellComponentName } from './table-cell.js';
 export function effects() {
     customElements.define(TableBlockComponentName, TableBlockComponent);
     customElements.define(TableCellComponentName, TableCell);

package/dist/_pkgs/affine-block-table/index.d.ts

@@ -1,4 +1,4 @@
-export * from './adapters';
+export * from './adapters/index.js';
 export * from './commands.js';
 export * from './selection-schema.js';
 export * from './table-data-manager.js';

package/dist/_pkgs/affine-block-table/index.js

@@ -1,4 +1,4 @@
-export * from './adapters';
+export * from './adapters/index.js';
 export * from './commands.js';
 export * from './selection-schema.js';
 export * from './table-data-manager.js';

package/dist/_pkgs/affine-block-table/selection-controller.d.ts

@@ -1,11 +1,17 @@
 import type { UIEventStateContext } from '../std/index.js';
 import type { ReactiveController } from 'lit';
-import { type TableAreaSelection, TableSelectionData } from './selection-schema';
-import type { TableBlockComponent } from './table-block';
+import { type TableAreaSelection, TableSelectionData } from './selection-schema.js';
+import type { TableBlockComponent } from './table-block.js';
 export declare class SelectionController implements ReactiveController {
     readonly host: TableBlockComponent;
     constructor(host: TableBlockComponent);
     hostConnected(): void;
+    /**
+     * Claim a drag that starts on a resize/reorder handle. Without this the
+     * edgeless canvas turns the gesture into an element drag and the column
+     * never resizes.
+     */
+    private readonly onDragStartEvent;
     private get dataManager();
     private get clipboard();
     private get scale();

package/dist/_pkgs/affine-block-table/selection-controller.js

@@ -1,14 +1,29 @@
 import { domToOffsets, getAreaByOffsets, getTargetIndexByDraggingOffset, } from '../affine-shared/utils/index.js';
 import { IS_MOBILE } from '../global/env/index.js';
 import { computed } from '@preact/signals-core';
-import { ColumnMinWidth, DefaultColumnWidth } from './consts';
-import { TableSelection, TableSelectionData, } from './selection-schema';
-import { createColumnDragPreview, createRowDragPreview, TableCellComponentName, } from './table-cell';
-import { cleanSelection } from './utils';
+import { ColumnMinWidth, DefaultColumnWidth } from './consts.js';
+import { TableSelection, TableSelectionData, } from './selection-schema.js';
+import { createColumnDragPreview, createRowDragPreview, TableCellComponentName, } from './table-cell.js';
+import { cleanSelection, isTableDragHandle } from './utils.js';
 const TEXT = 'text/plain';
 export class SelectionController {
     constructor(host) {
         this.host = host;
+        /**
+         * Claim a drag that starts on a resize/reorder handle. Without this the
+         * edgeless canvas turns the gesture into an element drag and the column
+         * never resizes.
+         */
+        this.onDragStartEvent = (context) => {
+            if (IS_MOBILE || this.dataManager.readonly$.value)
+                return false;
+            const event = context.get('pointerState').raw;
+            if (!isTableDragHandle(event.target))
+                return false;
+            event.preventDefault();
+            event.stopPropagation();
+            return true;
+        };
         this.doCopyOrCut = (selection, isCut) => {
             const columns = this.dataManager.uiColumns$.value;
             const rows = this.dataManager.uiRows$.value;
@@ -164,6 +179,7 @@ export class SelectionController {
         this.host.handleEvent('copy', this.onCopy);
         this.host.handleEvent('cut', this.onCut);
         this.host.handleEvent('paste', this.onPaste);
+        this.host.handleEvent('dragStart', this.onDragStartEvent);
     }
     get dataManager() {
         return this.host.dataManager;
@@ -209,6 +225,13 @@ export class SelectionController {
         if (IS_MOBILE || this.dataManager.readonly$.value) {
             return;
         }
+        // Keep the pointer sequence inside the table too: in edgeless the canvas
+        // listens for `pointerdown` and would start dragging the block.
+        this.host.disposables.addFromEvent(this.host, 'pointerdown', event => {
+            if (isTableDragHandle(event.target)) {
+                event.stopPropagation();
+            }
+        });
         this.host.disposables.addFromEvent(this.host, 'mousedown', event => {
             const target = event.target;
             if (!(target instanceof HTMLElement)) {

package/dist/_pkgs/affine-block-table/selection-layer.d.ts

@@ -1,5 +1,5 @@
 import { ShadowlessElement } from '../std/index.js';
-import type { SelectionController } from './selection-controller';
+import type { SelectionController } from './selection-controller.js';
 type Rect = {
     top: number;
     left: number;

package/dist/_pkgs/affine-block-table/store.js

@@ -1,7 +1,7 @@
 import { StoreExtensionProvider, } from '../affine-ext-loader/index.js';
 import { TableBlockSchemaExtension } from '../affine-model/index.js';
-import { TableBlockAdapterExtensions } from './adapters/extension';
-import { TableSelectionExtension } from './selection-schema';
+import { TableBlockAdapterExtensions } from './adapters/extension.js';
+import { TableSelectionExtension } from './selection-schema.js';
 export class TableStoreExtension extends StoreExtensionProvider {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-block-table/table-block.d.ts

@@ -1,8 +1,8 @@
 import { CaptionedBlockComponent } from '../affine-components/caption/index.js';
 import type { TableBlockModel } from '../affine-model/index.js';
 import type { BlockComponent } from '../std/index.js';
-import { SelectionController } from './selection-controller';
-import { TableDataManager } from './table-data-manager';
+import { SelectionController } from './selection-controller.js';
+import { TableDataManager } from './table-data-manager.js';
 export declare const TableBlockComponentName = "affine-table";
 export declare class TableBlockComponent extends CaptionedBlockComponent<TableBlockModel> {
     private _dataManager;

package/dist/_pkgs/affine-block-table/table-block.js

@@ -9,9 +9,9 @@ import { html, nothing } from 'lit';
 import { ref } from 'lit/directives/ref.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { SelectionController } from './selection-controller';
-import { rowStyle, table, tableContainer, tableWrapper, } from './table-block-css';
-import { TableDataManager } from './table-data-manager';
+import { SelectionController } from './selection-controller.js';
+import { rowStyle, table, tableContainer, tableWrapper, } from './table-block-css.js';
+import { TableDataManager } from './table-data-manager.js';
 export const TableBlockComponentName = 'affine-table';
 export class TableBlockComponent extends CaptionedBlockComponent {
     constructor() {
@@ -100,9 +100,15 @@ export class TableBlockComponent extends CaptionedBlockComponent {
     }
     getScale() {
         const table = this.table$.value;
-        if (!table)
+        if (!table || !table.offsetWidth)
             return 1;
-        return table.getBoundingClientRect().width / table.offsetWidth;
+        const rectWidth = table.getBoundingClientRect().width;
+        // offsetWidth is rounded to an integer while the rect is fractional: on
+        // fractional devicePixelRatio a plain CSS width would read as a phantom
+        // ~1.0001 scale. Within rounding distance there is no transform.
+        if (Math.abs(rectWidth - table.offsetWidth) <= 0.5)
+            return 1;
+        return rectWidth / table.offsetWidth;
     }
     renderBlock() {
         const rows = this.dataManager.uiRows$.value;

package/dist/_pkgs/affine-block-table/table-cell.d.ts

@@ -4,8 +4,8 @@ import { RichText } from '../affine-rich-text/index.js';
 import { ShadowlessElement } from '../std/index.js';
 import type { Text } from '../store/index.js';
 import { nothing } from 'lit';
-import type { SelectionController } from './selection-controller';
-import type { TableDataManager } from './table-data-manager';
+import type { SelectionController } from './selection-controller.js';
+import type { TableDataManager } from './table-data-manager.js';
 export declare const TableCellComponentName = "affine-table-cell";
 declare const TableCell_base: typeof ShadowlessElement & import("../global/utils/types.js").Constructor<import("../global/lit/with-disposable.js").DisposableClass>;
 export declare class TableCell extends TableCell_base {

package/dist/_pkgs/affine-block-table/table-cell.js

@@ -48,10 +48,10 @@ import { property, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { colorList } from './color';
-import { ColumnMaxWidth, DefaultColumnWidth } from './consts';
-import { TableSelectionData, } from './selection-schema';
-import { cellContainerStyle, columnLeftIndicatorStyle, columnOptionsCellStyle, columnOptionsStyle, columnRightIndicatorStyle, rowBottomIndicatorStyle, rowOptionsCellStyle, rowOptionsStyle, rowTopIndicatorStyle, threePointerIconDotStyle, threePointerIconStyle, } from './table-cell-css';
+import { colorList } from './color.js';
+import { ColumnMaxWidth, DefaultColumnWidth } from './consts.js';
+import { TableSelectionData, } from './selection-schema.js';
+import { cellContainerStyle, columnLeftIndicatorStyle, columnOptionsCellStyle, columnOptionsStyle, columnRightIndicatorStyle, rowBottomIndicatorStyle, rowOptionsCellStyle, rowOptionsStyle, rowTopIndicatorStyle, threePointerIconDotStyle, threePointerIconStyle, } from './table-cell-css.js';
 export const TableCellComponentName = 'affine-table-cell';
 let TableCell = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
@@ -123,12 +123,11 @@ let TableCell = (() => {
             });
             this.richText$ = signal();
             this._handleKeyDown = (e) => {
-                if (e.key !== 'Escape') {
-                    if (e.key === 'Tab') {
-                        e.preventDefault();
-                        return;
-                    }
-                    e.stopPropagation();
+                // Tab is the only key the cell still swallows: it would move the focus out
+                // of the table. Everything else is left to propagate, so the table keymap
+                // (see table-keymap.ts) can answer it.
+                if (e.key === 'Tab') {
+                    e.preventDefault();
                 }
             };
         }

package/dist/_pkgs/affine-block-table/table-data-manager.d.ts

@@ -1,6 +1,6 @@
 import type { TableBlockModel, TableCell } from '../affine-model/index.js';
 import { type ReadonlySignal } from '@preact/signals-core';
-import type { TableAreaSelection } from './selection-schema';
+import type { TableAreaSelection } from './selection-schema.js';
 export declare class TableDataManager {
     private readonly model;
     constructor(model: TableBlockModel);

package/dist/_pkgs/affine-block-table/table-keymap.d.ts

@@ -0,0 +1,18 @@
+import { type BlockStdScope, type UIEventHandler } from '../std/index.js';
+/**
+ * Format hotkeys (bold, italic, …) for a table cell.
+ *
+ * The shared `textFormatKeymap` bails out unless the store holds a
+ * `TextSelection`, and a table cell never holds one: focusing a cell installs a
+ * `TableSelection` instead (see `selection-controller.ts`). The format commands
+ * themselves already fall back to the native selection, so that guard is the
+ * only thing standing between the user and a bold word. Dropping it here — for
+ * the table flavour alone — keeps every other block's behaviour untouched.
+ */
+export declare const tableTextFormatKeymap: (std: BlockStdScope) => Record<string, UIEventHandler>;
+/**
+ * Text shortcuts scoped to the table flavour. The cell no longer swallows every
+ * keystroke, so the shortcuts a user expects while typing reach this keymap —
+ * and stop there, instead of reaching the document.
+ */
+export declare const TableKeymapExtension: import("../store/index.js").ExtensionType;

package/dist/_pkgs/affine-block-table/table-keymap.js

@@ -0,0 +1,41 @@
+import { textFormatConfigs, textKeymap } from '../affine-inline-preset/index.js';
+import { TableBlockSchema } from '../affine-model/index.js';
+import { KeymapExtension, } from '../std/index.js';
+/**
+ * Format hotkeys (bold, italic, …) for a table cell.
+ *
+ * The shared `textFormatKeymap` bails out unless the store holds a
+ * `TextSelection`, and a table cell never holds one: focusing a cell installs a
+ * `TableSelection` instead (see `selection-controller.ts`). The format commands
+ * themselves already fall back to the native selection, so that guard is the
+ * only thing standing between the user and a bold word. Dropping it here — for
+ * the table flavour alone — keeps every other block's behaviour untouched.
+ */
+export const tableTextFormatKeymap = (std) => textFormatConfigs
+    .filter(config => config.hotkey)
+    .reduce((acc, config) => {
+    acc[config.hotkey] = ctx => {
+        if (std.store.readonly)
+            return;
+        const allowed = config.textChecker?.(std.host) ?? true;
+        if (!allowed)
+            return;
+        const event = ctx.get('keyboardState').raw;
+        event.stopPropagation();
+        event.preventDefault();
+        config.action(std.host);
+        return true;
+    };
+    return acc;
+}, {});
+/**
+ * Text shortcuts scoped to the table flavour. The cell no longer swallows every
+ * keystroke, so the shortcuts a user expects while typing reach this keymap —
+ * and stop there, instead of reaching the document.
+ */
+export const TableKeymapExtension = KeymapExtension(std => ({
+    ...textKeymap(std),
+    ...tableTextFormatKeymap(std),
+}), {
+    flavour: TableBlockSchema.model.flavour,
+});