@formicoidea/labre-core 0.41.0 → 0.43.1

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

@@ -29,10 +29,48 @@ export const TEMPLATE_SENIOR_TOOL_NAME = [
     'com.labre.template.senior-tool.name',
     'Template',
 ];
+/* ── The five "Other" tiles' own names (#390) ─────────────────────────────
+ *
+ * A hand-composed template derives no tile name from a command, so it needs a
+ * `nameKey` of its own — the same seam every framework category already uses
+ * for its hand-written templates (`gfx/bpmn`, `gfx/edgy`, `gfx/mindmap`…).
+ * Only the NAME is chrome here; the captions painted into each scene are
+ * seeds, declared further down and resolved through `Template.localize`.
+ *
+ * `TEMPLATE_NAME_BUSINESS_MODEL_CANVAS` and `BMC_SEED_TITLE` share the same
+ * English words on purpose and do NOT collide: the seed is written once into
+ * the document, the tile is redrawn every time the panel opens, and the
+ * "un mot chrome, une clé" test groups `source: 'chrome'` only.
+ */
+export const TEMPLATE_NAME_SWOT = [
+    'com.labre.template.name.swot',
+    'SWOT',
+];
+export const TEMPLATE_NAME_KANBAN_BOARD = [
+    'com.labre.template.name.kanban-board',
+    'Kanban board',
+];
+export const TEMPLATE_NAME_BUSINESS_MODEL_CANVAS = [
+    'com.labre.template.name.business-model-canvas',
+    'Business model canvas',
+];
+export const TEMPLATE_NAME_FISHBONE = [
+    'com.labre.template.name.fishbone',
+    'Fishbone (Ishikawa)',
+];
+export const TEMPLATE_NAME_GANTT_CHART = [
+    'com.labre.template.name.gantt-chart',
+    'Gantt chart',
+];
 export const TEMPLATE_PACKAGE_WORDINGS = [
     TEMPLATE_PANEL_ADD,
     TEMPLATE_PANEL_SEARCH_PLACEHOLDER,
     TEMPLATE_SENIOR_TOOL_NAME,
+    TEMPLATE_NAME_SWOT,
+    TEMPLATE_NAME_KANBAN_BOARD,
+    TEMPLATE_NAME_BUSINESS_MODEL_CANVAS,
+    TEMPLATE_NAME_FISHBONE,
+    TEMPLATE_NAME_GANTT_CHART,
 ];
 /**
  * The generic ("Other") diagrams' own seeds: the captions painted onto the

package/dist/_pkgs/affine-gfx-text/dblclick-add-edgeless-text.d.ts

@@ -1,4 +1,16 @@
-import { InteractivityExtension } from '../std/gfx/index.js';
+import { type GfxController, InteractivityExtension } from '../std/gfx/index.js';
+/**
+ * Whether a double click at this model point lands on nothing at all.
+ *
+ * Two layers have to agree, because they answer different questions: the model
+ * hit test (`getElementByPoint`) answers "may I be selected here?", the view
+ * router answers "is this point mine?". Since framework backgrounds became
+ * border-only for picking (#194), their axis labels are a place where the two
+ * disagree — the model calls the label empty canvas while the view is opening
+ * its rename editor there, and dropping a text block on top blurs that editor
+ * shut before the user can type.
+ */
+export declare function isEmptyCanvasAt(gfx: GfxController, x: number, y: number): boolean;
 export declare class DblClickAddEdgelessText extends InteractivityExtension {
     static key: string;
     mounted(): void;

package/dist/_pkgs/affine-gfx-text/dblclick-add-edgeless-text.js

@@ -1,7 +1,23 @@
 import { FeatureFlagService, TelemetryProvider, } from '../affine-shared/services/index.js';
-import { InteractivityExtension, } from '../std/gfx/index.js';
+import { InteractivityExtension, InteractivityIdentifier, } from '../std/gfx/index.js';
 import { insertEdgelessTextCommand } from './commands/index.js';
 import { addText } from './edgeless-text-editor.js';
+/**
+ * Whether a double click at this model point lands on nothing at all.
+ *
+ * Two layers have to agree, because they answer different questions: the model
+ * hit test (`getElementByPoint`) answers "may I be selected here?", the view
+ * router answers "is this point mine?". Since framework backgrounds became
+ * border-only for picking (#194), their axis labels are a place where the two
+ * disagree — the model calls the label empty canvas while the view is opening
+ * its rename editor there, and dropping a text block on top blurs that editor
+ * shut before the user can type.
+ */
+export function isEmptyCanvasAt(gfx, x, y) {
+    if (gfx.getElementByPoint(x, y))
+        return false;
+    return !gfx.std.getOptional(InteractivityIdentifier)?.hasViewAt(x, y);
+}
 export class DblClickAddEdgelessText extends InteractivityExtension {
     static { this.key = 'dbl-click-add-edgeless-text'; }
     mounted() {
@@ -10,12 +26,11 @@ export class DblClickAddEdgelessText extends InteractivityExtension {
             const textFlag = this.std.store
                 .get(FeatureFlagService)
                 .getFlag('enable_edgeless_text');
-            const picked = this.gfx.getElementByPoint(...this.gfx.viewport.toModelCoord(e.x, e.y));
-            if (picked) {
+            const [x, y] = this.gfx.viewport.toModelCoord(e.x, e.y);
+            if (!isEmptyCanvasAt(this.gfx, x, y)) {
                 return;
             }
             if (textFlag) {
-                const [x, y] = this.gfx.viewport.toModelCoord(e.x, e.y);
                 this.std.command.exec(insertEdgelessTextCommand, { x, y });
             }
             else {

package/dist/_pkgs/affine-gfx-text/edgeless-text-editor.d.ts

@@ -9,6 +9,46 @@ export declare function mountTextElementEditor(textElement: TextElementModel, ed
  * Canvas Text has been deprecated
  */
 export declare function addText(edgeless: BlockComponent, event: PointerEventState): void;
+/**
+ * What the editor does with a canvas text the author committed EMPTY: delete it,
+ * or leave it standing.
+ *
+ * ## Why anything survives being emptied
+ *
+ * A free canvas text emptied of its words IS nothing, and deleting it is what
+ * keeps an invisible, selectable box off the board. That was the only rule until
+ * the PO's recette of 14/09/2026 found what it costs a COMPARTMENT: emptying a
+ * classifier's title deleted the `uml:name` tier out of its group, and the next
+ * double-click on the body fell through to the SHAPE's own inner text
+ * (`UmlNodeView`), which R16 keeps empty and no framework renderer paints —
+ * "je n'arrive pas à entrer dans l'édition de texte".
+ *
+ * ## …and why a `role` alone is not the test
+ *
+ * A role says the element means something to a framework. It does NOT say the
+ * element is a tier of a composite: a Wardley `wardley:label` and a BPMN name
+ * are roled texts that float BESIDE their artefact, sized to their own words,
+ * and one emptied to nothing leaves exactly the invisible box the deletion rule
+ * exists to remove — with no placeholder drawn over it and no layout to put it
+ * back.
+ *
+ * A compartment tier is the one that has both halves: a `role`, and
+ * `hasMaxWidth` — a FIXED width, given at creation by every framework that lays
+ * tiers out (`uml/presets.ts`, `c4/actions.ts`), because a tier's width is its
+ * compartment's and not its content's. That fixed width is also, and not by
+ * coincidence, what leaves a full-width hit box for the next double-click to
+ * land on when the words are gone.
+ *
+ * Pure and total, so it can be asked without an editor, an element model or a
+ * document.
+ */
+export declare function emptiedTextIsDeleted(element: {
+    text: {
+        length: number;
+    };
+    role?: string;
+    hasMaxWidth?: boolean;
+}): boolean;
 declare const EdgelessTextEditor_base: typeof ShadowlessElement & import("../global/utils/types.js").Constructor<import("../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessTextEditor extends EdgelessTextEditor_base {
     get crud(): import("../affine-block-surface/index.js").EdgelessCRUDExtension;
@@ -20,6 +60,7 @@ export declare class EdgelessTextEditor extends EdgelessTextEditor_base {
     static styles: import("lit").CSSResult;
     private _isComposition;
     private _keeping;
+    private _removing;
     private readonly _updateRect;
     get inlineEditor(): import("../affine-shared/types/index.js").AffineInlineEditor | null;
     get inlineEditorContainer(): import("../std/inline/inline-editor.js").InlineRootElement<import("../affine-shared/types/index.js").AffineTextAttributes> | null | undefined;

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

@@ -97,6 +97,44 @@ export function addText(edgeless, event) {
         }
     }
 }
+/**
+ * What the editor does with a canvas text the author committed EMPTY: delete it,
+ * or leave it standing.
+ *
+ * ## Why anything survives being emptied
+ *
+ * A free canvas text emptied of its words IS nothing, and deleting it is what
+ * keeps an invisible, selectable box off the board. That was the only rule until
+ * the PO's recette of 14/09/2026 found what it costs a COMPARTMENT: emptying a
+ * classifier's title deleted the `uml:name` tier out of its group, and the next
+ * double-click on the body fell through to the SHAPE's own inner text
+ * (`UmlNodeView`), which R16 keeps empty and no framework renderer paints —
+ * "je n'arrive pas à entrer dans l'édition de texte".
+ *
+ * ## …and why a `role` alone is not the test
+ *
+ * A role says the element means something to a framework. It does NOT say the
+ * element is a tier of a composite: a Wardley `wardley:label` and a BPMN name
+ * are roled texts that float BESIDE their artefact, sized to their own words,
+ * and one emptied to nothing leaves exactly the invisible box the deletion rule
+ * exists to remove — with no placeholder drawn over it and no layout to put it
+ * back.
+ *
+ * A compartment tier is the one that has both halves: a `role`, and
+ * `hasMaxWidth` — a FIXED width, given at creation by every framework that lays
+ * tiers out (`uml/presets.ts`, `c4/actions.ts`), because a tier's width is its
+ * compartment's and not its content's. That fixed width is also, and not by
+ * coincidence, what leaves a full-width hit box for the next double-click to
+ * land on when the words are gone.
+ *
+ * Pure and total, so it can be asked without an editor, an element model or a
+ * document.
+ */
+export function emptiedTextIsDeleted(element) {
+    if (element.text.length !== 0)
+        return false;
+    return !(element.role !== undefined && element.hasMaxWidth === true);
+}
 let EdgelessTextEditor = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _std_decorators;
@@ -138,9 +176,10 @@ let EdgelessTextEditor = (() => {
       transform-origin: left top;
       font-kerning: none;
       border: ${EdgelessTextEditor.BORDER_WIDTH}px solid
-        var(--affine-primary-color, #1e96eb);
+        var(--affine-primary-color);
       border-radius: 4px;
-      box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.3);
+      box-shadow: 0px 0px 0px 2px
+        color-mix(in srgb, var(--affine-primary-color) 30%, transparent);
       padding: ${EdgelessTextEditor.PADDING_VERTICAL}px
         ${EdgelessTextEditor.PADDING_HORIZONTAL}px;
       overflow: visible;
@@ -203,7 +242,12 @@ let EdgelessTextEditor = (() => {
                 this.disposables.add(dispatcher.add('doubleClick', () => true));
                 this.disposables.add(() => {
                     element.display = true;
-                    if (element.text.length === 0) {
+                    // An emptied COMPARTMENT TIER stays, at its compartment's box,
+                    // showing the placeholder its framework draws and answering the next
+                    // double-click; anything else emptied goes. The whole rule, and why it
+                    // is those two properties and not one, is on
+                    // {@link emptiedTextIsDeleted}.
+                    if (emptiedTextIsDeleted(element)) {
                         this.crud.deleteElements([element]);
                     }
                     this.gfx.selection.set({
@@ -213,7 +257,18 @@ let EdgelessTextEditor = (() => {
                 });
                 if (!this.inlineEditorContainer)
                     return;
-                this.disposables.addFromEvent(this.inlineEditorContainer, 'blur', () => !this._keeping && this.remove());
+                this.disposables.addFromEvent(this.inlineEditorContainer, 'blur', () => {
+                    // Re-entrant, and the connector label editor already says why:
+                    // Chrome fires the focused child's blur SYNCHRONOUSLY inside
+                    // `remove()`, before the node is detached, and the commit in
+                    // `disconnectedCallback` moves the focus again. Without the flag the
+                    // handler removes a node whose removal is in progress — a
+                    // `NotFoundError` out of a listener nobody is awaiting.
+                    if (this._keeping || this._removing)
+                        return;
+                    this._removing = true;
+                    this.remove();
+                });
                 this.disposables.addFromEvent(this.inlineEditorContainer, 'compositionstart', () => {
                     this._isComposition = true;
                     this.requestUpdate();
@@ -353,6 +408,7 @@ let EdgelessTextEditor = (() => {
             super(...arguments);
             this._isComposition = false;
             this._keeping = false;
+            this._removing = false;
             this._updateRect = () => {
                 const element = this.element;
                 if (!element || !this.inlineEditorContainer)

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

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

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

@@ -1,5 +1,5 @@
 import { EdgelessCRUDIdentifier, TextUtils } from '../../affine-block-surface/index.js';
-import { packColor, } from '../../affine-components/color-picker/index.js';
+import { frameworkPaletteGroups, packColor, } from '../../affine-components/color-picker/index.js';
 import { EditorChevronDown } from '../../affine-components/toolbar/index.js';
 import { DefaultTheme, FontFamily, FontStyle, FontWeight, resolveColor, TextAlign, } from '../../affine-model/index.js';
 import { translateKey, } from '../../affine-shared/services/index.js';
@@ -10,7 +10,7 @@ import { signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { isFontStyleSupported, isFontWeightSupported, } from '../element-renderer/utils.js';
-import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
+import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_BOLD, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
 const FONT_WEIGHT_LIST = [
     {
         key: 'Light',
@@ -27,6 +27,11 @@ const FONT_WEIGHT_LIST = [
         keyWording: TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD,
         value: FontWeight.SemiBold,
     },
+    {
+        key: 'Bold',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_BOLD,
+        value: FontWeight.Bold,
+    },
 ];
 const FONT_STYLE_LIST = [
     {
@@ -114,6 +119,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             <edgeless-font-family-panel
               .value=${fontFamily}
               .onSelect=${onPick}
+              .std=${ctx.std}
             ></edgeless-font-family-panel>
           </editor-menu-button>
         `;
@@ -167,6 +173,9 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                             break;
                     }
                 };
+                // A label on a framework board opens on that framework's hues; the
+                // text palette of the editor stays page one (`docs/adr/0027`).
+                const carousel = frameworkPaletteGroups(ctx.std, models, palettes);
                 return html `
           <edgeless-color-picker-button
             class="text-color"
@@ -179,6 +188,8 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             .hollowCircle=${true}
             .originalColor=${originalColor}
             .palettes=${palettes}
+            .paletteGroups=${carousel.groups}
+            .activeGroupKey=${carousel.activeKey}
             .enableCustomColor=${enableCustomColor}
           >
           </edgeless-color-picker-button>
@@ -285,6 +296,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 return renderMenu({
                     label: 'Alignment',
                     labelWording: TEXT_TOOLBAR_ALIGNMENT,
+                    menuAriaWording: TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA,
                     items: TEXT_ALIGN_LIST,
                     currentValue: textAlign,
                     onPick,

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

@@ -11,11 +11,20 @@ export declare const TEXT_TOOLBAR_FONT_SIZE: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_BOLD: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_STYLE_ITALIC: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT: ChromeWording;
 export declare const TEXT_TOOLBAR_TEXT_COLOR: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_STYLE: ChromeWording;
 export declare const TEXT_TOOLBAR_ALIGNMENT: ChromeWording;
+/**
+ * The accessible name of the alignment menu SHELL (#390) — its own wording,
+ * not `` `${TEXT_TOOLBAR_ALIGNMENT}-menu` ``, which read "alignement-menu" in
+ * French. Distinct from `ROOT_ALIGNMENT_MENU_ARIA`: that one names the
+ * edgeless menu that aligns ELEMENTS on the board, this one the menu that
+ * aligns TEXT inside an element. Two menus, two names.
+ */
+export declare const TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA: ChromeWording;
 /**
  * The three alignment values — a different concept from a mindmap's own
  * "Left" / "Right" layout direction (`gfx/mindmap`'s

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

@@ -1,4 +1,4 @@
-import { FONT_SIZE_LABEL, FONT_STYLE_ITALIC, FONT_WEIGHT_LIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, } from '../affine-shared/services/index.js';
+import { FONT_SIZE_LABEL, FONT_STYLE_ITALIC, FONT_WEIGHT_BOLD, FONT_WEIGHT_LIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, } from '../affine-shared/services/index.js';
 /**
  * The shared text toolbar's own wordings (`createTextActions`, rendered by
  * every framework that draws real text — shape, mindmap, connector,
@@ -11,6 +11,7 @@ export const TEXT_TOOLBAR_FONT_SIZE = FONT_SIZE_LABEL;
 export const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT = FONT_WEIGHT_LIGHT;
 export const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR = FONT_WEIGHT_REGULAR;
 export const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD = FONT_WEIGHT_SEMIBOLD;
+export const TEXT_TOOLBAR_FONT_WEIGHT_BOLD = FONT_WEIGHT_BOLD;
 export const TEXT_TOOLBAR_FONT_STYLE_ITALIC = FONT_STYLE_ITALIC;
 export const TEXT_TOOLBAR_FONT = [
     'com.labre.text-toolbar.font',
@@ -28,6 +29,17 @@ export const TEXT_TOOLBAR_ALIGNMENT = [
     'com.labre.text-toolbar.alignment',
     'Alignment',
 ];
+/**
+ * The accessible name of the alignment menu SHELL (#390) — its own wording,
+ * not `` `${TEXT_TOOLBAR_ALIGNMENT}-menu` ``, which read "alignement-menu" in
+ * French. Distinct from `ROOT_ALIGNMENT_MENU_ARIA`: that one names the
+ * edgeless menu that aligns ELEMENTS on the board, this one the menu that
+ * aligns TEXT inside an element. Two menus, two names.
+ */
+export const TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA = [
+    'com.labre.text-toolbar.alignment-menu',
+    'text alignment-menu',
+];
 /**
  * The three alignment values — a different concept from a mindmap's own
  * "Left" / "Right" layout direction (`gfx/mindmap`'s
@@ -57,6 +69,7 @@ export const TEXT_WORDINGS = [
     TEXT_TOOLBAR_TEXT_COLOR,
     TEXT_TOOLBAR_FONT_STYLE,
     TEXT_TOOLBAR_ALIGNMENT,
+    TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA,
     TEXT_ALIGN_LEFT,
     TEXT_ALIGN_CENTER,
     TEXT_ALIGN_RIGHT,

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

@@ -101,7 +101,8 @@ let LatexEditorMenu = (() => {
       background: ${unsafeCSSVar('white10')};
 
       /* light/activeShadow */
-      box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.3);
+      box-shadow: 0px 0px 0px 2px
+        color-mix(in srgb, var(--affine-primary-color) 30%, transparent);
 
       font-family: ${unsafeCSSVar('fontCodeFamily')};
       border: 1px solid transparent;

package/dist/_pkgs/affine-inline-preset/markdown.js

@@ -195,14 +195,18 @@ export const CodeExtension = InlineMarkdownExtension({
 });
 // typographic replacement: word -- + space => word — + space
 // not convert: --- + space (divider shortcut), --flag + space, inside inline code
+// an odd number of backticks before the dashes means a code span is still open:
+// the closing backtick has not run yet, so the dashes are code in the making
 export const EmDashExtension = InlineMarkdownExtension({
     name: 'em-dash',
     pattern: /(?:^|[^-])--\s$/,
-    action: ({ inlineEditor, inlineRange, undoManager }) => {
+    action: ({ inlineEditor, inlineRange, prefixText, undoManager }) => {
         const dashes = { index: inlineRange.index - 3, length: 2 };
         const format = inlineEditor.getFormat(dashes);
         if (format.code)
             return;
+        if ((prefixText.match(/`/g) ?? []).length % 2 === 1)
+            return;
         undoManager.stopCapturing();
         inlineEditor.insertText(dashes, '—', format);
         inlineEditor.setInlineRange({

package/dist/_pkgs/affine-model/consts/connector.d.ts

@@ -2,14 +2,40 @@ export declare enum ConnectorEndpoint {
     Front = "Front",
     Rear = "Rear"
 }
+/**
+ * The endpoint head painted at each end of a connector.
+ *
+ * **These string values are PERSISTED.** Every connector stores two of them
+ * (`frontEndpointStyle` / `rearEndpointStyle`, see
+ * `../elements/connector/connector.ts`), so the enum is **append-only**: a
+ * member may be added, never renamed, never removed, and never given a
+ * different string value. Renaming one would silently turn every stored
+ * connector that carries it into an unknown style.
+ *
+ * **Adding a member is safe in both directions.** The canvas `renderEndpoint`
+ * switch (`@labre/affine-gfx-connector`) and the DOM renderer's
+ * `createArrowMarker` both have **no `default` branch** on purpose: a client
+ * built before a member was added simply paints no head for it. The connector
+ * itself, its geometry, its label and its bindings all still load and still
+ * round-trip — degraded, never broken. The reverse is free: an older document
+ * only ever carries members that already existed.
+ *
+ * `TriangleHollow` and `DiamondHollow` are the UML 2.5.1 heads — a hollow
+ * closed triangle for generalization and realization, a hollow diamond for
+ * shared aggregation. They are the same geometry as `Triangle` / `Diamond`,
+ * filled with the notation card fill instead of the stroke colour; see
+ * `docs/adr/0016-hollow-endpoint-styles.md`.
+ */
 export declare enum PointStyle {
     Arrow = "Arrow",
     Circle = "Circle",
     Diamond = "Diamond",
     None = "None",
-    Triangle = "Triangle"
+    Triangle = "Triangle",
+    TriangleHollow = "TriangleHollow",
+    DiamondHollow = "DiamondHollow"
 }
-export declare const PointStyleMap: Record<PointStyle, "Arrow" | "Circle" | "Diamond" | "None" | "Triangle">;
+export declare const PointStyleMap: Record<PointStyle, "Arrow" | "Circle" | "Diamond" | "None" | "Triangle" | "TriangleHollow" | "DiamondHollow">;
 export declare const DEFAULT_FRONT_ENDPOINT_STYLE = PointStyle.None;
 export declare const DEFAULT_REAR_ENDPOINT_STYLE = PointStyle.Arrow;
 export declare const CONNECTOR_LABEL_MAX_WIDTH = 280;

package/dist/_pkgs/affine-model/consts/connector.js

@@ -4,6 +4,30 @@ export var ConnectorEndpoint;
     ConnectorEndpoint["Front"] = "Front";
     ConnectorEndpoint["Rear"] = "Rear";
 })(ConnectorEndpoint || (ConnectorEndpoint = {}));
+/**
+ * The endpoint head painted at each end of a connector.
+ *
+ * **These string values are PERSISTED.** Every connector stores two of them
+ * (`frontEndpointStyle` / `rearEndpointStyle`, see
+ * `../elements/connector/connector.ts`), so the enum is **append-only**: a
+ * member may be added, never renamed, never removed, and never given a
+ * different string value. Renaming one would silently turn every stored
+ * connector that carries it into an unknown style.
+ *
+ * **Adding a member is safe in both directions.** The canvas `renderEndpoint`
+ * switch (`@labre/affine-gfx-connector`) and the DOM renderer's
+ * `createArrowMarker` both have **no `default` branch** on purpose: a client
+ * built before a member was added simply paints no head for it. The connector
+ * itself, its geometry, its label and its bindings all still load and still
+ * round-trip — degraded, never broken. The reverse is free: an older document
+ * only ever carries members that already existed.
+ *
+ * `TriangleHollow` and `DiamondHollow` are the UML 2.5.1 heads — a hollow
+ * closed triangle for generalization and realization, a hollow diamond for
+ * shared aggregation. They are the same geometry as `Triangle` / `Diamond`,
+ * filled with the notation card fill instead of the stroke colour; see
+ * `docs/adr/0016-hollow-endpoint-styles.md`.
+ */
 export var PointStyle;
 (function (PointStyle) {
     PointStyle["Arrow"] = "Arrow";
@@ -11,6 +35,8 @@ export var PointStyle;
     PointStyle["Diamond"] = "Diamond";
     PointStyle["None"] = "None";
     PointStyle["Triangle"] = "Triangle";
+    PointStyle["TriangleHollow"] = "TriangleHollow";
+    PointStyle["DiamondHollow"] = "DiamondHollow";
 })(PointStyle || (PointStyle = {}));
 export const PointStyleMap = createEnumMap(PointStyle);
 export const DEFAULT_FRONT_ENDPOINT_STYLE = PointStyle.None;

package/dist/_pkgs/affine-model/consts/text.d.ts

@@ -31,17 +31,30 @@ export declare enum FontStyle {
     Italic = "italic",
     Normal = "normal"
 }
+/**
+ * A stored value: every member stays forever, whether or not a host still
+ * ships its files. `Satoshi` is in no default font list since #396 (its
+ * licence forbids offering it as a selectable font in a SaaS or design tool),
+ * but an element that carries it keeps loading and painting with the
+ * `sans-serif` fallback. `PlusJakartaSans` (SIL OFL 1.1) is its replacement.
+ */
 export declare enum FontFamily {
     BebasNeue = "blocksuite:surface:BebasNeue",
     Inter = "blocksuite:surface:Inter",
     Kalam = "blocksuite:surface:Kalam",
     Lora = "blocksuite:surface:Lora",
     OrelegaOne = "blocksuite:surface:OrelegaOne",
+    PlusJakartaSans = "blocksuite:surface:PlusJakartaSans",
     Poppins = "blocksuite:surface:Poppins",
     Satoshi = "blocksuite:surface:Satoshi"
 }
-export declare const FontFamilyMap: Record<FontFamily, "BebasNeue" | "Inter" | "Kalam" | "Lora" | "OrelegaOne" | "Poppins" | "Satoshi">;
-export declare const FontFamilyList: { [K in FontFamily]: [K, (typeof FontFamilyMap)[K]]; }[FontFamily][];
+export declare const FontFamilyMap: Record<FontFamily, "BebasNeue" | "Inter" | "Kalam" | "Lora" | "OrelegaOne" | "PlusJakartaSans" | "Poppins" | "Satoshi">;
+/**
+ * Every family with the name the picker shows, in declaration order. What a
+ * picker OFFERS is this list narrowed to the families the host configured
+ * (`FontConfig`, #396); this is the order and the names it keeps.
+ */
+export declare const FontFamilyList: [FontFamily, string][];
 export declare enum TextResizing {
     AUTO_WIDTH_AND_HEIGHT = 0,
     AUTO_HEIGHT = 1

package/dist/_pkgs/affine-model/consts/text.js

@@ -27,6 +27,13 @@ export var FontStyle;
     FontStyle["Italic"] = "italic";
     FontStyle["Normal"] = "normal";
 })(FontStyle || (FontStyle = {}));
+/**
+ * A stored value: every member stays forever, whether or not a host still
+ * ships its files. `Satoshi` is in no default font list since #396 (its
+ * licence forbids offering it as a selectable font in a SaaS or design tool),
+ * but an element that carries it keeps loading and painting with the
+ * `sans-serif` fallback. `PlusJakartaSans` (SIL OFL 1.1) is its replacement.
+ */
 export var FontFamily;
 (function (FontFamily) {
     FontFamily["BebasNeue"] = "blocksuite:surface:BebasNeue";
@@ -34,11 +41,28 @@ export var FontFamily;
     FontFamily["Kalam"] = "blocksuite:surface:Kalam";
     FontFamily["Lora"] = "blocksuite:surface:Lora";
     FontFamily["OrelegaOne"] = "blocksuite:surface:OrelegaOne";
+    FontFamily["PlusJakartaSans"] = "blocksuite:surface:PlusJakartaSans";
     FontFamily["Poppins"] = "blocksuite:surface:Poppins";
     FontFamily["Satoshi"] = "blocksuite:surface:Satoshi";
 })(FontFamily || (FontFamily = {}));
 export const FontFamilyMap = createEnumMap(FontFamily);
-export const FontFamilyList = Object.entries(FontFamilyMap);
+/**
+ * The name a family goes by where its enum key cannot spell it: a proper name
+ * with spaces. Proper names carry no i18n key, like the other family names
+ * (ADR 0023).
+ */
+const SPACED_FONT_FAMILY_NAMES = {
+    [FontFamily.PlusJakartaSans]: 'Plus Jakarta Sans',
+};
+/**
+ * Every family with the name the picker shows, in declaration order. What a
+ * picker OFFERS is this list narrowed to the families the host configured
+ * (`FontConfig`, #396); this is the order and the names it keeps.
+ */
+export const FontFamilyList = Object.entries(FontFamilyMap).map(([family, key]) => [
+    family,
+    SPACED_FONT_FAMILY_NAMES[family] ?? key,
+]);
 export var TextResizing;
 (function (TextResizing) {
     TextResizing[TextResizing["AUTO_WIDTH_AND_HEIGHT"] = 0] = "AUTO_WIDTH_AND_HEIGHT";

package/dist/_pkgs/affine-model/elements/bpmn/pool.js

@@ -98,7 +98,7 @@ let BpmnPoolElementModel = (() => {
             _name_decorators = [field('Pool')];
             _resizeEnabled_decorators = [field(true)];
             _rotate_decorators = [field(0)];
-            _xywh_decorators = [field()];
+            _xywh_decorators = [field('[0,0,0,0]')];
             _lanes_decorators = [field()];
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);

package/dist/_pkgs/affine-model/elements/brush/brush.js

@@ -109,7 +109,7 @@ let BrushElementModel = (() => {
                             ...(instance.points[i][2] !== undefined ? [instance.points[i][2]] : []),
                         ]),
                     };
-                }), field()];
+                }), field('[0,0,0,0]')];
             __esDecorate(this, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
             __esDecorate(this, null, _lineWidth_decorators, { kind: "accessor", name: "lineWidth", static: false, private: false, access: { has: obj => "lineWidth" in obj, get: obj => obj.lineWidth, set: (obj, value) => { obj.lineWidth = value; } }, metadata: _metadata }, _lineWidth_initializers, _lineWidth_extraInitializers);
             __esDecorate(this, null, _points_decorators, { kind: "accessor", name: "points", static: false, private: false, access: { has: obj => "points" in obj, get: obj => obj.points, set: (obj, value) => { obj.points = value; } }, metadata: _metadata }, _points_initializers, _points_extraInitializers);

package/dist/_pkgs/affine-model/elements/c4/board.js

@@ -93,7 +93,7 @@ let C4BoardElementModel = (() => {
             _name_decorators = [field('C4 diagram')];
             _resizeEnabled_decorators = [field(true)];
             _rotate_decorators = [field(0)];
-            _xywh_decorators = [field()];
+            _xywh_decorators = [field('[0,0,0,0]')];
             _level_decorators = [field()];
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);

package/dist/_pkgs/affine-model/elements/c4/boundary.js

@@ -67,7 +67,7 @@ let C4BoundaryElementModel = (() => {
             _name_decorators = [field('Boundary')];
             _resizeEnabled_decorators = [field(true)];
             _rotate_decorators = [field(0)];
-            _xywh_decorators = [field()];
+            _xywh_decorators = [field('[0,0,0,0]')];
             _variant_decorators = [field()];
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);