@formicoidea/labre-core 0.60.0 → 0.61.0

package/dist/_pkgs/affine-gfx-template/builtin/slides/consts.js

@@ -2,9 +2,9 @@ import { DefaultTheme, FontWeight } from '../../../affine-model/index.js';
 import { HEADING_SCALE } from '../../../affine-shared/consts/index.js';
 import { darkThemeV2, lightThemeV2 } from '@toeverything/theme/v2';
 /**
- * The slide masks' one system: geometry, typography and the two paper
- * variants. Every mask in `masks.ts` reads these and restates none of them,
- * so a size or a colour changes here, once, for the whole set.
+ * The slide masks' one system: geometry, typography and the one paper.
+ * Every mask in `masks.ts` reads these and restates none of them, so a size
+ * or a colour changes here, once, for the whole set.
  */
 /** A 16:9 slide, the frame menu's own `16:9` preset (1600 × 900). */
 export const SLIDE_WIDTH = 1600;
@@ -74,25 +74,28 @@ const NOTE_GREY = {
     light: lightThemeV2['edgeless/note/grey'],
 };
 /**
- * Two variants, so the set reads as one deck: `paper`, a light slide that
- * turns dark grey on a dark canvas, and `inverse`, the ink slide of a section
- * divider, a statement or a quote, which swaps paper and ink.
+ * One paper for every mask: white, turning dark grey on a dark canvas. The
+ * set once had an `inverse` black slide (section, statement, quote); the PO
+ * wants every slide of a deck on white (recette of 0.60), so a deck reads as
+ * one sheet and prints as one.
+ *
+ * Words reach WCAG AA (4.5:1) on both sides of the paper, which the base
+ * palette's medium grey does not (`#929292` on white is 3.1:1): secondary
+ * words are set in ink, and their tone is carried by their role's size.
+ * The medium grey stays for rules and outlines, where 3:1 is the bar.
+ *
+ * ponytail: `muted` is the ink pair, so a muted line looks like an ink one
+ * at the same size. The ceiling is a deck with no tonal step between a
+ * heading and its detail; the upgrade is a darker grey `{ light, dark }`
+ * pair in the base palette (one AA on white and on `#252525`), set here.
  */
-export const SLIDE_PALETTES = {
-    paper: {
-        paper: DefaultTheme.NoteBackgroundColorMap['White'],
-        ink: DefaultTheme.black,
-        muted: MEDIUM_GREY,
-        hairline: NOTE_GREY,
-        zoneStroke: MEDIUM_GREY,
-    },
-    inverse: {
-        paper: DefaultTheme.black,
-        ink: DefaultTheme.white,
-        muted: MEDIUM_GREY,
-        hairline: MEDIUM_GREY,
-        zoneStroke: MEDIUM_GREY,
-    },
+export const SLIDE_PALETTE = {
+    paper: DefaultTheme.NoteBackgroundColorMap['White'],
+    ink: DefaultTheme.black,
+    muted: DefaultTheme.black,
+    rule: MEDIUM_GREY,
+    hairline: NOTE_GREY,
+    zoneStroke: MEDIUM_GREY,
 };
 /** Stroke widths, model units. */
 export const SLIDE_HAIRLINE_WIDTH = 2;

package/dist/_pkgs/affine-gfx-template/builtin/slides/masks.d.ts

@@ -1,5 +1,5 @@
 import type { ChromeWording, TranslationParams } from '../../../affine-shared/services/index.js';
-import { type SlideTextRole, type SlideVariant } from './consts.js';
+import { type SlideTextRole } from './consts.js';
 /**
  * The slide masks, as DATA: a mask is the list of its zones, and one builder
  * (`build.ts`) projects every mask into a frame, its elements and its preview.
@@ -76,7 +76,6 @@ export type SlideMask = {
     name: ChromeWording;
     /** Plain English search words besides the name (`Template.keywords`). */
     keywords: string[];
-    variant: SlideVariant;
     zones: SlideZone[];
 };
 /** Every mask, in the panel's order: a deck reads top to bottom. */

package/dist/_pkgs/affine-gfx-template/builtin/slides/masks.js

@@ -53,7 +53,6 @@ const cover = {
     id: 'cover',
     name: SLIDE_NAME_COVER,
     keywords: ['cover', 'title', 'opening', 'first slide', 'pitch'],
-    variant: 'paper',
     zones: [
         text('caption', SLIDE_SEED_EYEBROW, M, 330, CONTENT, {
             ...centred,
@@ -67,7 +66,6 @@ const coverImage = {
     id: 'cover-image',
     name: SLIDE_NAME_COVER_IMAGE,
     keywords: ['cover', 'title', 'tagline', 'picture', 'photo', 'hero'],
-    variant: 'paper',
     zones: [
         text('display', SLIDE_SEED_COVER_TITLE, M, 330, 620, { lines: 2 }),
         text('body', SLIDE_SEED_SUBTITLE, M, 500, 620, { lines: 2, ...muted }),
@@ -78,7 +76,6 @@ const section = {
     id: 'section',
     name: SLIDE_NAME_SECTION,
     keywords: ['section', 'divider', 'chapter', 'break', 'part'],
-    variant: 'inverse',
     zones: [
         text('display', SLIDE_SEED_SECTION_TITLE, M, 600, CONTENT),
         text('body', SLIDE_SEED_SECTION_SUBTITLE, M, 690, CONTENT, muted),
@@ -88,7 +85,6 @@ const statement = {
     id: 'statement',
     name: SLIDE_NAME_STATEMENT,
     keywords: ['statement', 'big idea', 'headline', 'message', 'claim'],
-    variant: 'inverse',
     zones: [
         text('caption', SLIDE_SEED_SUBTITLE, M, 300, CONTENT, muted),
         text('display', SLIDE_SEED_STATEMENT, M, 340, 1100, { lines: 3 }),
@@ -98,7 +94,6 @@ const agenda = {
     id: 'agenda',
     name: SLIDE_NAME_AGENDA,
     keywords: ['agenda', 'contents', 'outline', 'summary', 'plan'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_AGENDA_TITLE),
         ...[0, 1, 2, 3, 4].flatMap(i => {
@@ -115,7 +110,6 @@ const textImage = {
     id: 'text-image',
     name: SLIDE_NAME_TEXT_IMAGE,
     keywords: ['text', 'picture', 'photo', 'split', 'describe', 'half'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, { w: 720 }),
         text('heading', SLIDE_SEED_HEADING, M, 240, 720, muted),
@@ -129,7 +123,6 @@ const fullImage = {
     id: 'full-image',
     name: SLIDE_NAME_FULL_IMAGE,
     keywords: ['picture', 'photo', 'screenshot', 'visual', 'caption'],
-    variant: 'paper',
     zones: [
         title(),
         image(M, 160, CONTENT, 600),
@@ -143,7 +136,6 @@ const twoColumns = {
     id: 'two-columns',
     name: SLIDE_NAME_TWO_COLUMNS,
     keywords: ['columns', 'compare', 'versus', 'before after', 'pros cons'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(2).flatMap(({ x, w }) => [
@@ -156,7 +148,6 @@ const threeColumns = {
     id: 'three-columns',
     name: SLIDE_NAME_THREE_COLUMNS,
     keywords: ['columns', 'three points', 'pillars', 'ideas', 'list'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(3).flatMap(({ x, w }, i) => [
@@ -170,7 +161,6 @@ const sixPoints = {
     id: 'six-points',
     name: SLIDE_NAME_SIX_POINTS,
     keywords: ['grid', 'points', 'features', 'benefits', 'list'],
-    variant: 'paper',
     zones: [
         title(),
         ...[240, 530].flatMap(y => columns(3).flatMap(({ x, w }) => [
@@ -183,7 +173,6 @@ const imageCards = {
     id: 'image-cards',
     name: SLIDE_NAME_IMAGE_CARDS,
     keywords: ['cards', 'pictures', 'gallery', 'products', 'features'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(3).flatMap(({ x, w }) => [
@@ -197,7 +186,6 @@ const keyFigures = {
     id: 'key-figures',
     name: SLIDE_NAME_KEY_FIGURES,
     keywords: ['metrics', 'kpi', 'numbers', 'statistics', 'data', 'results'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(3).flatMap(({ x, w }) => [
@@ -211,7 +199,6 @@ const timeline = {
     id: 'timeline',
     name: SLIDE_NAME_TIMELINE,
     keywords: ['timeline', 'milestones', 'history', 'schedule', 'dates'],
-    variant: 'paper',
     zones: [
         title(),
         line([M, 470], [M + CONTENT, 470]),
@@ -235,7 +222,6 @@ const roadmap = {
     id: 'roadmap',
     name: SLIDE_NAME_ROADMAP,
     keywords: ['roadmap', 'plan', 'quarters', 'gantt', 'milestones'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(4, 0).flatMap(({ x, w }, i) => [
@@ -258,7 +244,6 @@ const process = {
     id: 'process',
     name: SLIDE_NAME_PROCESS,
     keywords: ['process', 'steps', 'flow', 'workflow', 'how it works'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(5, 57).flatMap(({ x, w }, i, all) => [
@@ -289,7 +274,6 @@ const matrix = {
         'prioritization',
         'value effort',
     ],
-    variant: 'paper',
     zones: [
         title(),
         line([260, 780], [260, 210], true),
@@ -310,7 +294,6 @@ const venn = {
     id: 'venn',
     name: SLIDE_NAME_VENN,
     keywords: ['venn', 'overlap', 'intersection', 'circles', 'sweet spot'],
-    variant: 'paper',
     zones: [
         title(),
         card(400, 200, 520, 520, { shape: 'ellipse', stroke: 'muted' }),
@@ -328,7 +311,6 @@ const marketSize = {
     id: 'market-size',
     name: SLIDE_NAME_MARKET_SIZE,
     keywords: ['market', 'tam sam som', 'opportunity', 'sizing', 'circles'],
-    variant: 'paper',
     zones: [
         title(),
         ...[
@@ -368,7 +350,6 @@ const orgChart = {
         'reporting',
         'structure',
     ],
-    variant: 'paper',
     zones: [
         title(),
         ...person(650, 220),
@@ -384,7 +365,6 @@ const pricing = {
     id: 'pricing',
     name: SLIDE_NAME_PRICING,
     keywords: ['pricing', 'plans', 'tiers', 'offer', 'packages'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, centred),
         ...columns(3).flatMap(({ x, w }) => [
@@ -400,7 +380,6 @@ const logoWall = {
     id: 'logo-wall',
     name: SLIDE_NAME_LOGO_WALL,
     keywords: ['logos', 'clients', 'partners', 'customers', 'trusted by'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, centred),
         ...[300, 480].flatMap(y => columns(5, 52).map(({ x, w }) => image(x, y, w, 120, { label: SLIDE_SEED_LOGO }))),
@@ -410,7 +389,6 @@ const quote = {
     id: 'quote',
     name: SLIDE_NAME_QUOTE,
     keywords: ['quote', 'citation', 'testimonial', 'voice', 'customer'],
-    variant: 'inverse',
     zones: [
         text('title', SLIDE_SEED_QUOTE, 200, 300, 1200, { lines: 3, ...centred }),
         text('body', SLIDE_SEED_QUOTE_AUTHOR, 200, 520, 1200, {
@@ -423,7 +401,6 @@ const testimonials = {
     id: 'testimonials',
     name: SLIDE_NAME_TESTIMONIALS,
     keywords: ['testimonials', 'quotes', 'reviews', 'customers', 'clients'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TESTIMONIALS_TITLE, centred),
         ...columns(3).flatMap(({ x, w }) => [
@@ -440,7 +417,6 @@ const team = {
     id: 'team',
     name: SLIDE_NAME_TEAM,
     keywords: ['team', 'people', 'staff', 'leadership', 'about us'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TEAM_TITLE, centred),
         ...columns(4).flatMap(({ x, w }) => [
@@ -454,7 +430,6 @@ const contact = {
     id: 'contact',
     name: SLIDE_NAME_CONTACT,
     keywords: ['contact', 'address', 'email', 'phone', 'closing', 'thank you'],
-    variant: 'paper',
     zones: [
         image(0, 0, 640, SLIDE_HEIGHT),
         text('title', SLIDE_SEED_CONTACT_TITLE, 736, TITLE_Y, 768),
@@ -503,7 +478,6 @@ const gantt = {
     id: 'gantt',
     name: SLIDE_NAME_GANTT,
     keywords: ['gantt', 'plan', 'schedule', 'tasks', 'months', 'timeline'],
-    variant: 'paper',
     zones: [
         title(),
         ...columns(6, 0).flatMap(({ x, w }, i) => [
@@ -521,7 +495,6 @@ const chartText = {
     id: 'chart-text',
     name: SLIDE_NAME_CHART_TEXT,
     keywords: ['chart', 'graph', 'data', 'figures', 'explain', 'bar', 'line'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, { w: 760 }),
         text('body', SLIDE_SEED_BODY, M, 680, 700, { lines: 3, ...muted }),
@@ -532,7 +505,6 @@ const threeCharts = {
     id: 'three-charts',
     name: SLIDE_NAME_THREE_CHARTS,
     keywords: ['charts', 'graphs', 'pie', 'donut', 'compare', 'data'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, centred),
         ...columns(3).flatMap(({ x, w }) => [
@@ -549,7 +521,6 @@ const collage = {
     id: 'collage',
     name: SLIDE_NAME_COLLAGE,
     keywords: ['collage', 'photos', 'pictures', 'gallery', 'text', 'mosaic'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, { w: 560 }),
         text('body', SLIDE_SEED_BODY, M, 640, 560, { lines: 4, ...muted }),
@@ -562,7 +533,6 @@ const bento = {
     id: 'bento',
     name: SLIDE_NAME_BENTO,
     keywords: ['bento', 'photos', 'pictures', 'collage', 'mosaic', 'gallery'],
-    variant: 'paper',
     zones: [
         image(M, 80, 940, 350),
         image(1076, 80, 428, 350),
@@ -574,7 +544,6 @@ const imageGrid = {
     id: 'image-grid',
     name: SLIDE_NAME_IMAGE_GRID,
     keywords: ['grid', 'photos', 'pictures', 'gallery', 'six', 'mosaic'],
-    variant: 'paper',
     zones: [80, 470].flatMap(y => columns(3, 40).map(({ x, w }) => image(x, y, w, 350))),
 };
 /** A key-figure card: the number, then what it measures. */
@@ -604,7 +573,6 @@ const featureBento = {
     id: 'feature-bento',
     name: SLIDE_NAME_FEATURE_BENTO,
     keywords: ['bento', 'features', 'metrics', 'kpi', 'product', 'highlights'],
-    variant: 'paper',
     zones: [
         ...featureCard(M, 80, 520, 500),
         ...figureCard(660, 80, 844, 190),
@@ -617,7 +585,6 @@ const phone = {
     id: 'phone',
     name: SLIDE_NAME_PHONE,
     keywords: ['phone', 'mobile', 'mockup', 'app', 'device', 'screen'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, { w: 760 }),
         text('body', SLIDE_SEED_BODY, M, 700, 760, { lines: 2, ...muted }),
@@ -628,7 +595,6 @@ const tablet = {
     id: 'tablet',
     name: SLIDE_NAME_TABLET,
     keywords: ['tablet', 'mockup', 'app', 'device', 'screen', 'laptop'],
-    variant: 'paper',
     zones: [
         title(SLIDE_SEED_TITLE, { w: 700 }),
         text('body', SLIDE_SEED_BODY, M, 680, 700, { lines: 3, ...muted }),

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

@@ -1,4 +1,5 @@
 import { notifyLinkedDocSwitchedToEmbed } from '../../../affine-components/notification/index.js';
+import { LINKED_DOC_NOTE_STYLE } from '../../../affine-shared/consts/index.js';
 import { ActionPlacement, DocDisplayMetaProvider, TOOLBAR_CARD_VIEW, TOOLBAR_DELETE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, translateKey, UNTITLED_DOC_LABEL, } from '../../../affine-shared/services/index.js';
 import { cloneReferenceInfoWithoutAliases, isInsideBlockByFlavour, } from '../../../affine-shared/utils/index.js';
 import { DeleteIcon } from '@blocksuite/icons/lit';
@@ -57,7 +58,7 @@ export const builtinInlineReferenceToolbarConfig = {
                         // Clears
                         ctx.reset();
                         const index = parent.children.indexOf(model);
-                        const blockId = ctx.store.addBlock('affine:embed-linked-doc', referenceInfo, parent, index + 1);
+                        const blockId = ctx.store.addBlock('affine:embed-linked-doc', { ...referenceInfo, style: LINKED_DOC_NOTE_STYLE }, parent, index + 1);
                         const totalTextLength = inlineEditor.yTextLength;
                         const inlineTextLength = selfInlineRange.length;
                         if (totalTextLength === inlineTextLength) {

package/dist/_pkgs/affine-shared/consts/index.d.ts

@@ -4,6 +4,15 @@ export declare const EDGELESS_BLOCK_CHILD_PADDING = 24;
 export declare const EDGELESS_BLOCK_CHILD_BORDER_WIDTH = 2;
 export declare const PAGE_HEADER_HEIGHT = 53;
 export declare const EMBED_CARD_MIN_WIDTH = 450;
+/**
+ * The style of a page's `affine:embed-linked-doc` card the library places in
+ * a note when no one chose one: the one-line card ("Small horizontal style").
+ * Product owner, labre recette 3 P2-7b (ADR-0045 amended 2026-10-27): the
+ * default view of a child page's card or of a link to a page is the line. A
+ * creation site writes it, never the model's default (`horizontal`), which
+ * every stored card already carries. Canvas cards keep their own style.
+ */
+export declare const LINKED_DOC_NOTE_STYLE = "list";
 /**
  * The smallest a thing you TAP may be, in CSS pixels.
  *

package/dist/_pkgs/affine-shared/consts/index.js

@@ -6,6 +6,15 @@ export const EDGELESS_BLOCK_CHILD_BORDER_WIDTH = 2;
 // In AFFiNE, to avoid the option element to be covered by the header, we need to reserve the space for the header
 export const PAGE_HEADER_HEIGHT = 53;
 export const EMBED_CARD_MIN_WIDTH = 450;
+/**
+ * The style of a page's `affine:embed-linked-doc` card the library places in
+ * a note when no one chose one: the one-line card ("Small horizontal style").
+ * Product owner, labre recette 3 P2-7b (ADR-0045 amended 2026-10-27): the
+ * default view of a child page's card or of a link to a page is the line. A
+ * creation site writes it, never the model's default (`horizontal`), which
+ * every stored card already carries. Canvas cards keep their own style.
+ */
+export const LINKED_DOC_NOTE_STYLE = 'list';
 /**
  * The smallest a thing you TAP may be, in CSS pixels.
  *

package/dist/_pkgs/affine-shared/services/asset-picker-service.d.ts

@@ -24,7 +24,8 @@ export interface AssetRef {
  *
  * - `kind`: `image` for an image block, `file` for an attachment card.
  * - `mode`: `insert` adds new blocks; `replace` swaps the picture of one
- *   existing image (one ref is used, the first).
+ *   existing image, or the file of one attachment card (one ref is used, the
+ *   first).
  * - `multiple`: whether more than one ref is welcome (the image insertions).
  * - `docId`: the document the result lands in, so the host can attach the
  *   asset to that page (a guest of the page must be able to read it).
@@ -51,11 +52,11 @@ export interface AssetPickerService {
 export declare const AssetPickerProvider: import("../../global/di/types.js").ServiceIdentifier<AssetPickerService> & (<U extends AssetPickerService = AssetPickerService>(variant: import("../../global/di/types.js").ServiceVariant) => import("../../global/di/types.js").ServiceIdentifier<U>);
 /**
  * Host seam: the asset dialog. Present, the slash menu's Image, Attachment
- * and PDF, the mobile keyboard toolbar's Image and Attachment, and the
- * canvas's image and file buttons open it, and the image toolbar gains
- * "Replace". Absent, every one of those opens the system file chooser as
- * before, and there is no "Replace". Pasting and dropping files never go
- * through it.
+ * and PDF, the mobile keyboard toolbar's Image and Attachment, the canvas's
+ * image and file buttons and its "Add file" tool, and the attachment card's
+ * "Replace" open it, and the image toolbar gains "Replace". Absent, every
+ * one of those opens the system file chooser as before, and the image
+ * toolbar has no "Replace". Pasting and dropping files never go through it.
  *
  * `di.override`, like `FrameTemplateExtension`, so a later registration
  * always wins and registering twice never throws at boot.

package/dist/_pkgs/affine-shared/services/asset-picker-service.js

@@ -2,11 +2,11 @@ import { createIdentifier } from '../../global/di/index.js';
 export const AssetPickerProvider = createIdentifier('AffineAssetPicker');
 /**
  * Host seam: the asset dialog. Present, the slash menu's Image, Attachment
- * and PDF, the mobile keyboard toolbar's Image and Attachment, and the
- * canvas's image and file buttons open it, and the image toolbar gains
- * "Replace". Absent, every one of those opens the system file chooser as
- * before, and there is no "Replace". Pasting and dropping files never go
- * through it.
+ * and PDF, the mobile keyboard toolbar's Image and Attachment, the canvas's
+ * image and file buttons and its "Add file" tool, and the attachment card's
+ * "Replace" open it, and the image toolbar gains "Replace". Absent, every
+ * one of those opens the system file chooser as before, and the image
+ * toolbar has no "Replace". Pasting and dropping files never go through it.
  *
  * `di.override`, like `FrameTemplateExtension`, so a later registration
  * always wins and registering twice never throws at boot.

package/dist/_pkgs/affine-shared/services/title-band-service.d.ts

@@ -119,6 +119,15 @@ export interface TitleBandService {
      * on a row). Absent, there is no "+".
      */
     add?(docId: string): void;
+    /**
+     * Configure one property (recette 3, 0.61): a right-click on a chip's name
+     * asks the host to open the menu its own panel opens for that property
+     * (name, type, options, visibility, order, delete), under `anchor`, the
+     * name the reader clicked. The band then keeps the browser's menu from
+     * showing. Not on a read-only document, nor for a touch long-press, which
+     * stays the browser's. Absent, a right-click on a name is the browser's.
+     */
+    configure?(docId: string, propertyId: string, anchor: HTMLElement): void;
     /**
      * Whether the band is collapsed for this document. The host decides where
      * that is remembered (the Labre app: per device, REQ-PR-6). Absent, the
@@ -138,6 +147,16 @@ export interface TitleBandService {
      * the host's reading of the document. Absent or empty, no row.
      */
     notShown$?(docId: string): ReadonlySignal<readonly TitleBandNotShownPage[]>;
+    /**
+     * The ids of the child pages of document `docId` in the host's page tree
+     * (labre ADR-0045, amended 2026-10-27). A linked-doc card or a synced-doc
+     * embed of one of them, in that document, is the child's own card: it is
+     * drawn with the plain page (or canvas) icon, without the link arrow an
+     * inline `@` reference keeps. Read inside the card's icon computation, so
+     * a move redraws it. The library never computes a parent or a child.
+     * Absent, every card keeps the arrow (0.59).
+     */
+    children$?(docId: string): ReadonlySignal<readonly string[]>;
 }
 export declare const TitleBandProvider: import("../../global/di/types.js").ServiceIdentifier<TitleBandService> & (<U extends TitleBandService = TitleBandService>(variant: import("../../global/di/types.js").ServiceVariant) => import("../../global/di/types.js").ServiceIdentifier<U>);
 /**

package/dist/_pkgs/affine-widget-edgeless-zoom-toolbar/index.js

@@ -52,29 +52,29 @@ let AffineEdgelessZoomToolbarWidget = (() => {
             __esDecorate(this, null, __hide_decorators, { kind: "accessor", name: "_hide", static: false, private: false, access: { has: obj => "_hide" in obj, get: obj => obj._hide, set: (obj, value) => { obj._hide = value; } }, metadata: _metadata }, __hide_initializers, __hide_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static { this.styles = css `
-    :host {
-      position: absolute;
-      bottom: 20px;
-      left: 12px;
-      z-index: var(--affine-z-index-popover);
-      display: flex;
-      justify-content: center;
-      -webkit-user-select: none;
-      user-select: none;
-    }
-
-    @container viewport (width <= 1200px) {
-      edgeless-zoom-toolbar {
-        display: none;
-      }
-    }
-
-    @container viewport (width > 1200px) {
-      zoom-bar-toggle-button {
-        display: none;
-      }
-    }
+        static { this.styles = css `
+    :host {
+      position: absolute;
+      bottom: 20px;
+      left: 12px;
+      z-index: var(--affine-z-index-popover);
+      display: flex;
+      justify-content: center;
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    @container viewport (width <= 1200px) {
+      edgeless-zoom-toolbar {
+        display: none;
+      }
+    }
+
+    @container viewport (width > 1200px) {
+      zoom-bar-toggle-button {
+        display: none;
+      }
+    }
   `; }
         get edgeless() {
             return this.block;
@@ -105,9 +105,9 @@ let AffineEdgelessZoomToolbarWidget = (() => {
             if (this._hide || !this.edgeless) {
                 return nothing;
             }
-            return html `
-      <edgeless-zoom-toolbar .std=${this.std}></edgeless-zoom-toolbar>
-      <zoom-bar-toggle-button .std=${this.std}></zoom-bar-toggle-button>
+            return html `
+      <edgeless-zoom-toolbar .std=${this.std}></edgeless-zoom-toolbar>
+      <zoom-bar-toggle-button .std=${this.std}></zoom-bar-toggle-button>
     `;
         }
         #_hide_accessor_storage = __runInitializers(this, __hide_initializers, false);