@formicoidea/labre-core 0.34.2 → 0.35.0

package/dist/_pkgs/affine-components/toolbar/menu-button.js

@@ -247,6 +247,33 @@ export class EditorMenuAction extends LitElement {
       pointer-events: none;
     }
 
+    /*
+     * An OPTION row: one of N choices, the one in force carrying
+     * data-selected. Opt-in through data-option, because a plain command row is
+     * not a choice and keeps its left-packed icon and its grey highlight.
+     *
+     * The shape invents nothing. It is what edgeless-tool-icon-button draws
+     * with justify='space-between' and its default active-mode-color -- the
+     * Regular/Semibold menu -- and what size-dropdown-menu already spells out
+     * for its own check list: label left, tick right and ONLY when selected,
+     * the selected row in the primary colour. The colour IS the affordance, so
+     * the background highlight goes, and no gutter is held open on the left for
+     * a tick that is not there.
+     */
+    :host([data-option]) {
+      justify-content: space-between;
+    }
+
+    :host([data-option][data-selected]) {
+      color: var(--affine-primary-color);
+      background-color: unset;
+    }
+
+    /* The tick takes the row's colour rather than the neutral icon one. */
+    :host([data-option][data-selected]) ::slotted(svg) {
+      color: inherit;
+    }
+
     :host(:hover.delete),
     :host(:hover.delete) ::slotted(svg) {
       background-color: var(--affine-background-error-color);

package/dist/_pkgs/affine-gfx-connector/direction/direction-reveal.d.ts

@@ -6,7 +6,7 @@ import { type TypedEdge } from './typed-edge.js';
  * **M2 of `docs/adr/0010` — "show it".**
  *
  * A typed edge reveals its orientation on hover and on selection: ONE mark, the
- * role's verb laid ALONG the link — `depends on` — in a box whose far end is a
+ * role's verb laid ALONG the link — `needs` — in a box whose far end is a
  * point aimed at the target. At rest the board keeps the canonical arrowless
  * look, because on a Wardley map a permanent head already means something else
  * (evolution movement), and two meanings on one glyph make both unreadable.
@@ -66,7 +66,7 @@ export interface EdgeLabelAnchor {
      * this flag: the point of the box must face the TARGET, so on a link running
      * right-to-left — where the turn put the box's right end at the SOURCE — the
      * point moves to the box's left end. The words themselves never reverse; a
-     * mirrored `depends on` would be a smudge, not a rotation.
+     * mirrored `needs` would be a smudge, not a rotation.
      */
     flipped: boolean;
 }

package/dist/_pkgs/affine-gfx-connector/direction/direction-reveal.js

@@ -5,7 +5,7 @@ import { asTypedEdge, edgeIsBound, roleVocabularies, } from './typed-edge.js';
  * **M2 of `docs/adr/0010` — "show it".**
  *
  * A typed edge reveals its orientation on hover and on selection: ONE mark, the
- * role's verb laid ALONG the link — `depends on` — in a box whose far end is a
+ * role's verb laid ALONG the link — `needs` — in a box whose far end is a
  * point aimed at the target. At rest the board keeps the canonical arrowless
  * look, because on a Wardley map a permanent head already means something else
  * (evolution movement), and two meanings on one glyph make both unreadable.

package/dist/_pkgs/affine-gfx-connector/direction/direction-widget.d.ts

@@ -12,7 +12,7 @@ export declare const EDGE_DIRECTION_WIDGET = "affine-edge-direction-widget";
  * is an unreadable one):
  *
  * - **M2** — while a typed edge is hovered or selected, the role's VERB laid
- *   along the link: `depends on`, in a box that ends in a point aimed at the
+ *   along the link: `needs`, in a box that ends in a point aimed at the
  *   provider. Since the PO acceptance of 02/08/2026 this is the only mark the
  *   reveal draws; the canvas chevron it used to sit on top of is folded into
  *   that point (see `direction-reveal.ts`). Since the second pass of the same

package/dist/_pkgs/affine-gfx-connector/direction/direction-widget.js

@@ -86,7 +86,7 @@ const EDGE_DIRECTION_Z_INDEX = 0;
  * is an unreadable one):
  *
  * - **M2** — while a typed edge is hovered or selected, the role's VERB laid
- *   along the link: `depends on`, in a box that ends in a point aimed at the
+ *   along the link: `needs`, in a box that ends in a point aimed at the
  *   provider. Since the PO acceptance of 02/08/2026 this is the only mark the
  *   reveal draws; the canvas chevron it used to sit on top of is folded into
  *   that point (see `direction-reveal.ts`). Since the second pass of the same
@@ -139,6 +139,11 @@ let EdgeDirectionWidget = (() => {
      * point has no border to speak of, and a hairline diagonal at 40 % zoom is
      * a smudge. Solid house blue with white text reads in both themes and
      * cannot be mistaken for the map's own ink.
+     *
+     * The background here is the DEFAULT, which every role that declares no
+     * chipColor keeps: render() overrides it inline only for a role that asks
+     * for one, so a colour decision taken about one relation never repaints the
+     * others.
      */
     .edge-direction-label {
       --edge-direction-point: 9px;
@@ -325,6 +330,9 @@ let EdgeDirectionWidget = (() => {
             const verb = this._verbFor(edge);
             if (!verb)
                 return nothing;
+            // Declared by the ROLE, defaulted by the stylesheet: only a relation that
+            // asked for its own colour gets an inline background at all.
+            const chipColor = edge.direction?.chipColor;
             const { viewport } = this.gfx;
             const [x, y] = viewport.toViewCoord(anchor.at[0], anchor.at[1]);
             // Two decimals: below what a reader can see on a 12 px box, and it keeps
@@ -341,6 +349,7 @@ let EdgeDirectionWidget = (() => {
       style=${styleMap({
                 left: `${x}px`,
                 top: `${y}px`,
+                ...(chipColor ? { background: chipColor } : {}),
                 // Read right to left, as CSS composes it: scale by the zoom and turn
                 // onto the line, both about the box's centre, and only THEN slide that
                 // centre onto the anchor. The lengths in the class are model units, so

package/dist/_pkgs/affine-model/elements/c4/board.d.ts

@@ -1,6 +1,29 @@
 import type { SerializedXYWH } from '../../../global/gfx/index.js';
+import type { PointTestOptions } from '../../../std/gfx/index.js';
 import type { FrameworkBackgroundProps } from '../framework-background/index.js';
 import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+/**
+ * Height of the board's title band — the header strip across the top of the
+ * sheet the diagram title is written in, in model units.
+ *
+ * Declared HERE, in the model, and re-exported by `@labre/affine-gfx-c4` rather
+ * than the other way round, for the reason `POOL_BAND_WIDTH` is: the
+ * board's own hit test needs it (a board is clickable by its title band as well
+ * as its border), and `affine-model` cannot reach into `affine-block-surface`
+ * where the declaration is resolved. One number, owned by the layer that both
+ * the declaration and the hit test can read.
+ *
+ * It is the board's TOP MARGIN, and it always was — the deep inset the plot
+ * gives up so the title has somewhere to be written. Naming it says out loud
+ * what was already true, so the strip that is painted, the strip that is picked
+ * and the strip that opens the rename are one number rather than three.
+ *
+ * 56 is what the title has been written in since the pack shipped: a 20-unit
+ * title, sitting on a baseline a third of the band up from its foot, with the
+ * rest as breathing room above and below. Changing it moves the title, so it is
+ * a visual decision and not a hit-test one.
+ */
+export declare const C4_BOARD_TITLE_BAND_HEIGHT = 56;
 /**
  * Which of C4's levels this board draws — the DECLARED fact, as opposed to the
  * title, which is free text and says whatever its author wants it to.
@@ -85,4 +108,30 @@ export declare class C4BoardElementModel extends FrameworkBackgroundElementModel
      * on a board that declares none — no fact, no rule (PRD principle 8).
      */
     accessor level: C4BoardLevel | undefined;
+    /**
+     * A board is picked by its BORDER — and by its TITLE BAND, the one carve-out
+     * this frame keeps (issues #194 / #197).
+     *
+     * The same carve-out a BPMN pool makes, for the same reason and by the same
+     * arithmetic: the band is the only part of the sheet that is the SHEET rather
+     * than the diagram drawn on it. The title is written there, nothing is ever
+     * dropped there by convention, and the plot below is where the work goes — so
+     * a click there belongs to whatever node is under the pointer.
+     *
+     * Without this the title became unreachable the day backgrounds stopped being
+     * picked by their area: the only thing left answering was the view's
+     * double-click zone, which is the tight box of the DRAWN glyphs, and a single
+     * click on the title selected nothing at all.
+     *
+     * ## Where the geometry comes from
+     *
+     * The band is the top margin, full width — one number
+     * ({@link C4_BOARD_TITLE_BAND_HEIGHT}), read from here by the framework
+     * declaration, so what is painted is what is selectable. There is no
+     * zoom-grown target here as there is on a pool: the pool grows its 28-unit
+     * strip to stay reachable when zoomed out, which would put the rename zone
+     * outside the selectable one. A 56-unit header does not need it, and the
+     * promise "what is painted is what is picked" is worth more than the pixels.
+     */
+    includesPoint(x: number, y: number, options?: PointTestOptions): boolean;
 }

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

@@ -32,8 +32,31 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { rotatePoint } from '../../../global/gfx/index.js';
 import { field } from '../../../std/gfx/index.js';
 import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+/**
+ * Height of the board's title band — the header strip across the top of the
+ * sheet the diagram title is written in, in model units.
+ *
+ * Declared HERE, in the model, and re-exported by `@labre/affine-gfx-c4` rather
+ * than the other way round, for the reason `POOL_BAND_WIDTH` is: the
+ * board's own hit test needs it (a board is clickable by its title band as well
+ * as its border), and `affine-model` cannot reach into `affine-block-surface`
+ * where the declaration is resolved. One number, owned by the layer that both
+ * the declaration and the hit test can read.
+ *
+ * It is the board's TOP MARGIN, and it always was — the deep inset the plot
+ * gives up so the title has somewhere to be written. Naming it says out loud
+ * what was already true, so the strip that is painted, the strip that is picked
+ * and the strip that opens the rename are one number rather than three.
+ *
+ * 56 is what the title has been written in since the pack shipped: a 20-unit
+ * title, sitting on a baseline a third of the band up from its foot, with the
+ * rest as breathing room above and below. Changing it moves the title, so it is
+ * a visual decision and not a hit-test one.
+ */
+export const C4_BOARD_TITLE_BAND_HEIGHT = 56;
 /**
  * The C4 board: the sheet one diagram of the model is drawn on — a context
  * diagram, a container diagram, a component diagram. A framework background like
@@ -119,6 +142,51 @@ let C4BoardElementModel = (() => {
          */
         get level() { return this.#level_accessor_storage; }
         set level(value) { this.#level_accessor_storage = value; }
+        /**
+         * A board is picked by its BORDER — and by its TITLE BAND, the one carve-out
+         * this frame keeps (issues #194 / #197).
+         *
+         * The same carve-out a BPMN pool makes, for the same reason and by the same
+         * arithmetic: the band is the only part of the sheet that is the SHEET rather
+         * than the diagram drawn on it. The title is written there, nothing is ever
+         * dropped there by convention, and the plot below is where the work goes — so
+         * a click there belongs to whatever node is under the pointer.
+         *
+         * Without this the title became unreachable the day backgrounds stopped being
+         * picked by their area: the only thing left answering was the view's
+         * double-click zone, which is the tight box of the DRAWN glyphs, and a single
+         * click on the title selected nothing at all.
+         *
+         * ## Where the geometry comes from
+         *
+         * The band is the top margin, full width — one number
+         * ({@link C4_BOARD_TITLE_BAND_HEIGHT}), read from here by the framework
+         * declaration, so what is painted is what is selectable. There is no
+         * zoom-grown target here as there is on a pool: the pool grows its 28-unit
+         * strip to stay reachable when zoomed out, which would put the rename zone
+         * outside the selectable one. A 56-unit header does not need it, and the
+         * promise "what is painted is what is picked" is worth more than the pixels.
+         */
+        includesPoint(x, y, options) {
+            if (super.includesPoint(x, y, options))
+                return true;
+            const [ex, ey, w, h] = this.deserializedXYWH;
+            // Element-local coordinates, undoing the element rotation about its centre
+            // — the band is axis-aligned inside the board, not on the canvas.
+            let lx = x - ex;
+            let ly = y - ey;
+            const rotate = this.rotate ?? 0;
+            if (rotate) {
+                const [ux, uy] = rotatePoint([x, y], [ex + w / 2, ey + h / 2], -rotate);
+                lx = ux - ex;
+                ly = uy - ey;
+            }
+            if (lx < 0 || lx > w || ly < 0)
+                return false;
+            // Clamped to a board shorter than its own header — the degenerate case the
+            // renderer clamps too.
+            return ly <= Math.min(C4_BOARD_TITLE_BAND_HEIGHT, h);
+        }
         constructor() {
             super(...arguments);
             __runInitializers(this, _level_extraInitializers);

package/dist/_pkgs/affine-widget-edgeless-toolbar/menu/slide-menu.js

@@ -88,7 +88,7 @@ let EdgelessSlideMenu = (() => {
     }
     .menu-container {
       background: var(--affine-background-overlay-panel-color);
-      border-radius: 8px 8px 0 0;
+      border-radius: 16px 16px 0 0;
       border: 1px solid var(--affine-border-color);
       border-bottom: none;
       display: flex;

package/dist/_pkgs/affine-widget-keyboard-toolbar/icons.js

@@ -19,105 +19,105 @@ export function HeadingIcon(i) {
             return Heading1Icon();
     }
 }
-export const HighLightDuotoneIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-  >
-    <path
-      d="M5.8291 16.441L7.91757 18.5295L6.57811 19.8689C6.53119 19.9158 6.46406 19.9364 6.3989 19.9239L3.37036 19.3412C3.21285 19.3109 3.15331 19.1168 3.26673 19.0034L5.8291 16.441Z"
-      fill="${color}"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M19.0095 3.63759C17.9526 2.58067 16.26 2.516 15.1255 3.48919L7.32135 10.1837C6.35438 11.0132 6.05275 12.3823 6.58163 13.5414L6.73501 13.8775L5.67697 14.9356C5.30169 15.3108 5.30169 15.9193 5.67697 16.2946L8.06379 18.6814C8.43907 19.0567 9.04752 19.0567 9.4228 18.6814L10.4808 17.6234L10.8171 17.7768C11.9761 18.3057 13.3452 18.0041 14.1747 17.0371L20.8692 9.23294C21.8424 8.09846 21.7778 6.40588 20.7208 5.34896L19.0095 3.63759ZM16.1021 4.62769C16.6415 4.16498 17.4463 4.19572 17.9488 4.69825L19.6602 6.40962C20.1627 6.91215 20.1935 7.7169 19.7307 8.25631L14.6424 14.188L10.1704 9.71604L16.1021 4.62769ZM9.02857 10.6955L8.29798 11.3222C7.83822 11.7166 7.6948 12.3676 7.94627 12.9187L8.29785 13.6892C8.4348 13.9893 8.37947 14.3544 8.13372 14.6001L7.11878 15.6151L8.74329 17.2396L9.75812 16.2247C10.004 15.9789 10.3691 15.9236 10.6693 16.0606L11.4398 16.4122C11.9908 16.6636 12.6418 16.5202 13.0362 16.0605L13.6629 15.3299L9.02857 10.6955Z"
-      fill="${cssVarV2('icon/primary')}"
-    />
+export const HighLightDuotoneIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <path
+      d="M5.8291 16.441L7.91757 18.5295L6.57811 19.8689C6.53119 19.9158 6.46406 19.9364 6.3989 19.9239L3.37036 19.3412C3.21285 19.3109 3.15331 19.1168 3.26673 19.0034L5.8291 16.441Z"
+      fill="${color}"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M19.0095 3.63759C17.9526 2.58067 16.26 2.516 15.1255 3.48919L7.32135 10.1837C6.35438 11.0132 6.05275 12.3823 6.58163 13.5414L6.73501 13.8775L5.67697 14.9356C5.30169 15.3108 5.30169 15.9193 5.67697 16.2946L8.06379 18.6814C8.43907 19.0567 9.04752 19.0567 9.4228 18.6814L10.4808 17.6234L10.8171 17.7768C11.9761 18.3057 13.3452 18.0041 14.1747 17.0371L20.8692 9.23294C21.8424 8.09846 21.7778 6.40588 20.7208 5.34896L19.0095 3.63759ZM16.1021 4.62769C16.6415 4.16498 17.4463 4.19572 17.9488 4.69825L19.6602 6.40962C20.1627 6.91215 20.1935 7.7169 19.7307 8.25631L14.6424 14.188L10.1704 9.71604L16.1021 4.62769ZM9.02857 10.6955L8.29798 11.3222C7.83822 11.7166 7.6948 12.3676 7.94627 12.9187L8.29785 13.6892C8.4348 13.9893 8.37947 14.3544 8.13372 14.6001L7.11878 15.6151L8.74329 17.2396L9.75812 16.2247C10.004 15.9789 10.3691 15.9236 10.6693 16.0606L11.4398 16.4122C11.9908 16.6636 12.6418 16.5202 13.0362 16.0605L13.6629 15.3299L9.02857 10.6955Z"
+      fill="${cssVarV2('icon/primary')}"
+    />
   </svg>`;
-export const TextColorIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M14.0627 6.16255C14.385 5.30291 15.2068 4.7334 16.1249 4.7334C17.043 4.7334 17.8648 5.30291 18.1872 6.16255L23.7279 20.9378C23.9219 21.455 23.6599 22.0314 23.1427 22.2253C22.6256 22.4192 22.0492 22.1572 21.8553 21.6401L20.2289 17.3031H12.021L10.3946 21.6401C10.2007 22.1572 9.62428 22.4192 9.10716 22.2253C8.59004 22.0314 8.32803 21.455 8.52195 20.9378L14.0627 6.16255ZM12.771 15.3031H19.4789L16.3146 6.8648C16.2849 6.78576 16.2094 6.7334 16.1249 6.7334C16.0405 6.7334 15.965 6.78576 15.9353 6.8648L12.771 15.3031Z"
-      fill="${cssVarV2('icon/primary')}"
-    />
-    <rect
-      x="5.45837"
-      y="24"
-      width="21.3333"
-      height="3.33333"
-      rx="1"
-      fill=${color}
-    />
+export const TextColorIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.0627 6.16255C14.385 5.30291 15.2068 4.7334 16.1249 4.7334C17.043 4.7334 17.8648 5.30291 18.1872 6.16255L23.7279 20.9378C23.9219 21.455 23.6599 22.0314 23.1427 22.2253C22.6256 22.4192 22.0492 22.1572 21.8553 21.6401L20.2289 17.3031H12.021L10.3946 21.6401C10.2007 22.1572 9.62428 22.4192 9.10716 22.2253C8.59004 22.0314 8.32803 21.455 8.52195 20.9378L14.0627 6.16255ZM12.771 15.3031H19.4789L16.3146 6.8648C16.2849 6.78576 16.2094 6.7334 16.1249 6.7334C16.0405 6.7334 15.965 6.78576 15.9353 6.8648L12.771 15.3031Z"
+      fill="${cssVarV2('icon/primary')}"
+    />
+    <rect
+      x="5.45837"
+      y="24"
+      width="21.3333"
+      height="3.33333"
+      rx="1"
+      fill=${color}
+    />
   </svg>`;
-export const TextBackgroundDuotoneIcon = (color) => html `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.57507 7.33336C4.57507 5.60287 5.97791 4.20003 7.70841 4.20003H25.0417C26.7722 4.20003 28.1751 5.60287 28.1751 7.33336V24.6667C28.1751 26.3972 26.7722 27.8 25.0417 27.8H7.70841C5.97791 27.8 4.57507 26.3972 4.57507 24.6667V7.33336Z"
-      fill="${color}"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.57495 7.33333C4.57495 5.60284 5.97779 4.2 7.70828 4.2H25.0416C26.7721 4.2 28.175 5.60284 28.175 7.33333V24.6667C28.175 26.3972 26.7721 27.8 25.0416 27.8H7.70828C5.97779 27.8 4.57495 26.3972 4.57495 24.6667V7.33333ZM7.70828 5.13333C6.49326 5.13333 5.50828 6.1183 5.50828 7.33333V24.6667C5.50828 25.8817 6.49326 26.8667 7.70828 26.8667H25.0416C26.2566 26.8667 27.2416 25.8817 27.2416 24.6667V7.33333C27.2416 6.1183 26.2566 5.13333 25.0416 5.13333H7.70828Z"
-      fill="black"
-      fill-opacity="0.22"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M14.5379 10.0064C14.8251 9.24064 15.5571 8.73332 16.375 8.73332C17.1928 8.73332 17.9249 9.24064 18.2121 10.0064L22.6446 21.8266C22.8386 22.3438 22.5766 22.9202 22.0594 23.1141C21.5423 23.308 20.9659 23.046 20.772 22.5289L19.5196 19.1891H13.2304L11.978 22.5289C11.7841 23.046 11.2076 23.308 10.6905 23.1141C10.1734 22.9202 9.9114 22.3438 10.1053 21.8266L14.5379 10.0064ZM13.9804 17.1891H18.7696L16.375 10.8035L13.9804 17.1891Z"
-      fill="${cssVarV2('text/primary')}"
-    />
+export const TextBackgroundDuotoneIcon = (color) => html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.57507 7.33336C4.57507 5.60287 5.97791 4.20003 7.70841 4.20003H25.0417C26.7722 4.20003 28.1751 5.60287 28.1751 7.33336V24.6667C28.1751 26.3972 26.7722 27.8 25.0417 27.8H7.70841C5.97791 27.8 4.57507 26.3972 4.57507 24.6667V7.33336Z"
+      fill="${color}"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.57495 7.33333C4.57495 5.60284 5.97779 4.2 7.70828 4.2H25.0416C26.7721 4.2 28.175 5.60284 28.175 7.33333V24.6667C28.175 26.3972 26.7721 27.8 25.0416 27.8H7.70828C5.97779 27.8 4.57495 26.3972 4.57495 24.6667V7.33333ZM7.70828 5.13333C6.49326 5.13333 5.50828 6.1183 5.50828 7.33333V24.6667C5.50828 25.8817 6.49326 26.8667 7.70828 26.8667H25.0416C26.2566 26.8667 27.2416 25.8817 27.2416 24.6667V7.33333C27.2416 6.1183 26.2566 5.13333 25.0416 5.13333H7.70828Z"
+      fill="black"
+      fill-opacity="0.22"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.5379 10.0064C14.8251 9.24064 15.5571 8.73332 16.375 8.73332C17.1928 8.73332 17.9249 9.24064 18.2121 10.0064L22.6446 21.8266C22.8386 22.3438 22.5766 22.9202 22.0594 23.1141C21.5423 23.308 20.9659 23.046 20.772 22.5289L19.5196 19.1891H13.2304L11.978 22.5289C11.7841 23.046 11.2076 23.308 10.6905 23.1141C10.1734 22.9202 9.9114 22.3438 10.1053 21.8266L14.5379 10.0064ZM13.9804 17.1891H18.7696L16.375 10.8035L13.9804 17.1891Z"
+      fill="${cssVarV2('text/primary')}"
+    />
   </svg>`;
-export const FigmaDuotoneIcon = html `<svg
-  width="32"
-  height="32"
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g id="Figma_Duotone">
-    <path
-      id="Vector"
-      d="M8.41842 22.5027C10.3047 22.5027 11.8356 20.9719 11.8356 19.0856V15.6685H8.41842C6.53216 15.6685 5.00128 17.1993 5.00128 19.0856C5.00128 20.9719 6.53216 22.5027 8.41842 22.5027Z"
-      fill="#0ACF83"
-    />
-    <path
-      id="Vector_2"
-      d="M5.00128 12.2514C5.00128 10.3651 6.53216 8.83423 8.41842 8.83423H11.8356V15.6685H8.41842C6.53216 15.6685 5.00128 14.1376 5.00128 12.2514Z"
-      fill="#A259FF"
-    />
-    <path
-      id="Vector_3"
-      d="M5.00146 5.41714C5.00146 3.53088 6.53234 2 8.4186 2H11.8357V8.83428H8.4186C6.53234 8.83428 5.00146 7.3034 5.00146 5.41714Z"
-      fill="#F24E1E"
-    />
-    <path
-      id="Vector_4"
-      d="M11.8356 2H15.2527C17.139 2 18.6699 3.53088 18.6699 5.41714C18.6699 7.3034 17.139 8.83428 15.2527 8.83428H11.8356V2Z"
-      fill="#FF7262"
-    />
-    <path
-      id="Vector_5"
-      d="M18.6699 12.2514C18.6699 14.1376 17.139 15.6685 15.2527 15.6685C13.3665 15.6685 11.8356 14.1376 11.8356 12.2514C11.8356 10.3651 13.3665 8.83423 15.2527 8.83423C17.139 8.83423 18.6699 10.3651 18.6699 12.2514Z"
-      fill="#1ABCFE"
-    />
-  </g>
+export const FigmaDuotoneIcon = html `<svg
+  width="32"
+  height="32"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g id="Figma_Duotone">
+    <path
+      id="Vector"
+      d="M8.41842 22.5027C10.3047 22.5027 11.8356 20.9719 11.8356 19.0856V15.6685H8.41842C6.53216 15.6685 5.00128 17.1993 5.00128 19.0856C5.00128 20.9719 6.53216 22.5027 8.41842 22.5027Z"
+      fill="#0ACF83"
+    />
+    <path
+      id="Vector_2"
+      d="M5.00128 12.2514C5.00128 10.3651 6.53216 8.83423 8.41842 8.83423H11.8356V15.6685H8.41842C6.53216 15.6685 5.00128 14.1376 5.00128 12.2514Z"
+      fill="#A259FF"
+    />
+    <path
+      id="Vector_3"
+      d="M5.00146 5.41714C5.00146 3.53088 6.53234 2 8.4186 2H11.8357V8.83428H8.4186C6.53234 8.83428 5.00146 7.3034 5.00146 5.41714Z"
+      fill="#F24E1E"
+    />
+    <path
+      id="Vector_4"
+      d="M11.8356 2H15.2527C17.139 2 18.6699 3.53088 18.6699 5.41714C18.6699 7.3034 17.139 8.83428 15.2527 8.83428H11.8356V2Z"
+      fill="#FF7262"
+    />
+    <path
+      id="Vector_5"
+      d="M18.6699 12.2514C18.6699 14.1376 17.139 15.6685 15.2527 15.6685C13.3665 15.6685 11.8356 14.1376 11.8356 12.2514C11.8356 10.3651 13.3665 8.83423 15.2527 8.83423C17.139 8.83423 18.6699 10.3651 18.6699 12.2514Z"
+      fill="#1ABCFE"
+    />
+  </g>
 </svg> `;

package/dist/_pkgs/data-view/core/group-by/renderer/boolean-group.js

@@ -2,21 +2,21 @@ import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { css, html } from 'lit';
 import { BaseGroup } from './base.js';
 export class BooleanGroupView extends BaseGroup {
-    static { this.styles = css `
-    .data-view-group-title-boolean-view {
-      display: flex;
-      align-items: center;
-    }
-    .data-view-group-title-boolean-view svg {
-      width: 20px;
-      height: 20px;
-    }
+    static { this.styles = css `
+    .data-view-group-title-boolean-view {
+      display: flex;
+      align-items: center;
+    }
+    .data-view-group-title-boolean-view svg {
+      width: 20px;
+      height: 20px;
+    }
   `; }
     render() {
-        return html ` <div class="data-view-group-title-boolean-view">
+        return html ` <div class="data-view-group-title-boolean-view">
       ${this.value
             ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
-            : CheckBoxUnIcon()}
+            : CheckBoxUnIcon()}
     </div>`;
     }
 }

package/dist/_pkgs/data-view/core/utils/menu-title.js

@@ -1,22 +1,22 @@
 import { ArrowLeftBigIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 export const menuTitle = (name, onBack) => {
-    return html `
-    <div
-      style="display:flex;align-items:center;gap: 4px;padding: 3px 3px 3px 2px"
-    >
-      <div
-        @click=${onBack}
-        class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
-        style="display:flex;"
-      >
-        ${ArrowLeftBigIcon()}
-      </div>
-      <div
-        style="font-weight:500;font-size: 14px;line-height: 22px;color: var(--affine-text-primary-color)"
-      >
-        ${name}
-      </div>
-    </div>
+    return html `
+    <div
+      style="display:flex;align-items:center;gap: 4px;padding: 3px 3px 3px 2px"
+    >
+      <div
+        @click=${onBack}
+        class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
+        style="display:flex;"
+      >
+        ${ArrowLeftBigIcon()}
+      </div>
+      <div
+        style="font-weight:500;font-size: 14px;line-height: 22px;color: var(--affine-text-primary-color)"
+      >
+        ${name}
+      </div>
+    </div>
   `;
 };

package/dist/_pkgs/data-view/view-presets/table/pc-virtual/group/top/group-title.js

@@ -19,9 +19,9 @@ export const GroupTitle = (groupData, ops) => {
     }
     const icon = groupData.value == null
         ? ''
-        : html ` <uni-lit
-          class="${groupHeaderIcon}"
-          .uni="${groupData.property.icon}"
+        : html ` <uni-lit
+          class="${groupHeaderIcon}"
+          .uni="${groupData.property.icon}"
         ></uni-lit>`;
     const props = {
         group: groupData,
@@ -29,25 +29,25 @@ export const GroupTitle = (groupData, ops) => {
     };
     const showColumnName = groupData.property.type$.value === 'checkbox';
     const columnName = showColumnName
-        ? html `<span class="${groupHeaderTitle}"
-        >${groupData.property.name$.value}</span
+        ? html `<span class="${groupHeaderTitle}"
+        >${groupData.property.name$.value}</span
       >`
         : nothing;
     const opsClass = clsx(ops.groupHover && show, groupHeaderOps);
-    return html `
-    <div class="${groupTitleRow}">
-      ${icon} ${renderUniLit(view, props)} ${columnName}
-      ${GroupHeaderCount(groupData)}
-    </div>
+    return html `
+    <div class="${groupTitleRow}">
+      ${icon} ${renderUniLit(view, props)} ${columnName}
+      ${GroupHeaderCount(groupData)}
+    </div>
     ${!ops.readonly
-        ? html ` <div class="${opsClass}">
-          <div @click="${ops.clickAdd}" class="${groupHeaderOp}">
-            ${PlusIcon()}
-          </div>
-          <div @click="${ops.clickOps}" class="${groupHeaderOp}">
-            ${MoreHorizontalIcon()}
-          </div>
+        ? html ` <div class="${opsClass}">
+          <div @click="${ops.clickAdd}" class="${groupHeaderOp}">
+            ${PlusIcon()}
+          </div>
+          <div @click="${ops.clickOps}" class="${groupHeaderOp}">
+            ${MoreHorizontalIcon()}
+          </div>
         </div>`
-        : nothing}
+        : nothing}
   `;
 };

package/dist/_pkgs/std/gfx/index.d.ts

@@ -17,7 +17,7 @@ export { type GfxModel, isPrimitiveModel } from './model/model.js';
 export { convert, convertProps, derive, field, getDerivedProps, getFieldPropsSet, getLocalPropsSet, initializeObservers, initializeWatchers, local, observe, updateDerivedProps, watch, } from './model/surface/decorators/index.js';
 export { type BaseElementProps, type ForeignInterchange, type InterchangeScope, GfxGroupLikeElementModel, GfxPrimitiveElementModel, type SerializedElement, type ValidationException, } from './model/surface/element-model.js';
 export { GfxLocalElementModel, prop, } from './model/surface/local-element-model.js';
-export { collectPivotOccurrences, isPivotBound, type PivotBoundElement, type PivotOccurrence, } from './model/surface/pivot.js';
+export { collectPivotOccurrences, isPivotBound, type PivotBoundElement, type PivotOccurrence, resolvePivotBinding, } from './model/surface/pivot.js';
 export { type EdgeDirectionDef, findRoleDef, isTypedEdgeRole, type RoleDef, type RoleDefs, type RoleId, roleIsA, type RoleKind, RoleVocabularyExtension, RoleVocabularyIdentifier, } from './model/surface/role.js';
 export { ELEMENT_TAGS_FIELD, type ElementTags, elementTagValues, hasElementTagValue, readElementTags, setElementTag, tagsPropToY, } from './model/surface/tags.js';
 export { SURFACE_TEXT_UNIQ_IDENTIFIER, SURFACE_YMAP_UNIQ_IDENTIFIER, SurfaceBlockModel, type SurfaceBlockProps, type SurfaceMiddleware, } from './model/surface/surface-model.js';

package/dist/_pkgs/std/gfx/index.js

@@ -14,7 +14,7 @@ export { isPrimitiveModel } from './model/model.js';
 export { convert, convertProps, derive, field, getDerivedProps, getFieldPropsSet, getLocalPropsSet, initializeObservers, initializeWatchers, local, observe, updateDerivedProps, watch, } from './model/surface/decorators/index.js';
 export { GfxGroupLikeElementModel, GfxPrimitiveElementModel, } from './model/surface/element-model.js';
 export { GfxLocalElementModel, prop, } from './model/surface/local-element-model.js';
-export { collectPivotOccurrences, isPivotBound, } from './model/surface/pivot.js';
+export { collectPivotOccurrences, isPivotBound, resolvePivotBinding, } from './model/surface/pivot.js';
 export { findRoleDef, isTypedEdgeRole, roleIsA, RoleVocabularyExtension, RoleVocabularyIdentifier, } from './model/surface/role.js';
 export { ELEMENT_TAGS_FIELD, elementTagValues, hasElementTagValue, readElementTags, setElementTag, tagsPropToY, } from './model/surface/tags.js';
 export { SURFACE_TEXT_UNIQ_IDENTIFIER, SURFACE_YMAP_UNIQ_IDENTIFIER, SurfaceBlockModel, } from './model/surface/surface-model.js';