@formicoidea/labre-core 0.24.0 → 0.26.0

package/dist/_pkgs/affine-gfx-ddd/templates/components.js

@@ -1,158 +0,0 @@
-import { makeTemplateSnapshot, surfaceText, } from '../../affine-gfx-template/index.js';
-import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextAlign, } from '../../affine-model/index.js';
-import { CD_SUBDOMAINS, CLOUD, CLOUD_VERTICES, CM_BUBBLE, CM_RELATIONSHIPS, ES_HOTSPOT, ES_STICKIES, MOVEMENT_COLOR, TEAM_TOPOLOGIES, } from '../shared/consts';
-/**
- * Every DDD component (the things the three senior menus create) re-expressed as
- * an insertable Template, so the whole toolbox is also available from the
- * Templates panel. Authored as static surface-element JSON from the SAME consts
- * the live prefabs use, so colours/labels stay in sync.
- */
-const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
-const NO_STROKE = '#00000000';
-function tpl(name, preview, elements) {
-    return { name, type: 'template', preview, content: makeTemplateSnapshot(elements, name) };
-}
-function stickyEl(fill, text, label, shapeType) {
-    return {
-        type: 'shape',
-        shapeType,
-        filled: true,
-        fillColor: fill,
-        strokeColor: NO_STROKE,
-        strokeWidth: 0,
-        shapeStyle: ShapeStyle.General,
-        roughness: 0,
-        radius: shapeType === 'rect' ? 6 : 0,
-        text: surfaceText(label),
-        color: text,
-        fontFamily: FontFamily.Kalam,
-        fontSize: 20,
-        textAlign: TextAlign.Center,
-        xywh: '[0,0,120,120]',
-    };
-}
-const sq = (c) => `<svg ${ATTRS}><rect x="38" y="13" width="60" height="54" rx="5" fill="${c}"/></svg>`;
-const dia = (c) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" transform="rotate(45 68 40)" fill="${c}"/></svg>`;
-const circ = (c) => `<svg ${ATTRS}><circle cx="68" cy="40" r="22" fill="${c}" stroke="#1f2328" stroke-width="1.5"/></svg>`;
-const mk = (c, l) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" rx="5" fill="${c}" stroke="#1f2328" stroke-width="1.5"/><text x="68" y="47" text-anchor="middle" font-size="20" fill="#1f2328">${l}</text></svg>`;
-const line = (dashed, arrow) => `<svg ${ATTRS} fill="none"><path d="M20 40 H${arrow ? 100 : 115}" stroke="#1f2328" stroke-width="2" stroke-dasharray="${dashed ? '5 4' : '0'}"/>${arrow ? '<path d="M98 32 L114 40 L98 48" stroke="#1f2328" stroke-width="2"/>' : ''}</svg>`;
-/** Event Storming: one template per sticky kind + the hotspot. */
-export const ES_TEMPLATES = [
-    ...ES_STICKIES.map(p => tpl(`Event Storming — ${p.label}`, sq(p.fill), { s: stickyEl(p.fill, p.text, p.label, 'rect') })),
-    tpl('Event Storming — Hotspot', dia(ES_HOTSPOT.fill), {
-        s: stickyEl(ES_HOTSPOT.fill, ES_HOTSPOT.text, ES_HOTSPOT.label, 'diamond'),
-    }),
-];
-/** Core Domain: the chart background, the sub-domain dots, the team-topology markers, the movement arrow. */
-export const CD_TEMPLATES = [
-    tpl('Core Domain Chart', `<svg ${ATTRS} fill="none"><rect x="10" y="6" width="115" height="62" fill="#4d9900" fill-opacity="0.5"/><rect x="10" y="6" width="22" height="62" fill="#9933ff" fill-opacity="0.5"/><path d="M10 68 V6 M10 68 H125" stroke="#1f2328" stroke-width="1.6"/></svg>`, { bg: { type: 'coreDomain', xywh: '[0,0,900,820]' } }),
-    ...CD_SUBDOMAINS.map(d => tpl(`Core Domain — ${d.label}`, circ(d.fill), {
-        dot: {
-            type: 'shape',
-            shapeType: 'ellipse',
-            filled: true,
-            fillColor: d.fill,
-            strokeColor: '#1f2328',
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            xywh: '[0,0,26,26]',
-        },
-    })),
-    ...TEAM_TOPOLOGIES.map(t => tpl(`Team topology — ${t.label}`, mk(t.fill, t.letter), {
-        m: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: t.fill,
-            strokeColor: '#1f2328',
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 4,
-            text: surfaceText(t.letter),
-            color: '#1f2328',
-            fontFamily: FontFamily.Inter,
-            fontSize: 15,
-            textAlign: TextAlign.Center,
-            xywh: '[0,0,30,30]',
-        },
-    })),
-    tpl('Core Domain — Movement over time', line(true, true), {
-        c: {
-            type: 'connector',
-            mode: ConnectorMode.Straight,
-            stroke: MOVEMENT_COLOR,
-            strokeWidth: 2,
-            strokeStyle: StrokeStyle.Dash,
-            frontEndpointStyle: PointStyle.None,
-            rearEndpointStyle: PointStyle.Arrow,
-            source: { position: [0, 80] },
-            target: { position: [160, 0] },
-        },
-    }),
-];
-/** Context Map: the bounded-context bubble, the cloud, the nine relationship patterns. */
-export const CM_TEMPLATES = [
-    tpl('Context Map — Bounded Context', `<svg ${ATTRS} fill="none"><rect x="20" y="25" width="95" height="30" rx="15" fill="${CM_BUBBLE.fill}" stroke="${CM_BUBBLE.stroke}" stroke-width="1.6"/></svg>`, {
-        b: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: CM_BUBBLE.fill,
-            strokeColor: CM_BUBBLE.stroke,
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: CM_BUBBLE.radius,
-            text: surfaceText('Bounded Context'),
-            color: CM_BUBBLE.text,
-            fontFamily: FontFamily.Inter,
-            fontSize: 14,
-            textAlign: TextAlign.Center,
-            xywh: `[0,0,${CM_BUBBLE.w},${CM_BUBBLE.h}]`,
-        },
-    }),
-    tpl('Context Map — Cloud / System', `<svg ${ATTRS} fill="none"><path d="M30 52 C18 52 16 40 26 37 C24 25 42 24 46 32 C50 22 70 24 70 35 C84 32 90 46 78 50 Z" fill="${CLOUD.fill}" stroke="${CLOUD.stroke}" stroke-width="1.4"/></svg>`, {
-        c: {
-            type: 'shape',
-            shapeType: 'polygon',
-            vertices: CLOUD_VERTICES,
-            isClosed: true,
-            filled: true,
-            fillColor: CLOUD.fill,
-            strokeColor: CLOUD.stroke,
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            text: surfaceText('System'),
-            color: '#3d3d3d',
-            fontFamily: FontFamily.Inter,
-            fontSize: 14,
-            textAlign: TextAlign.Center,
-            xywh: `[0,0,${CLOUD.w},${CLOUD.h}]`,
-        },
-    }),
-    ...CM_RELATIONSHIPS.map(r => tpl(`Context Map — ${r.label}`, line(r.dashed, r.upDown), {
-        c: {
-            type: 'connector',
-            mode: ConnectorMode.Straight,
-            stroke: '#1f2328',
-            strokeWidth: 2,
-            strokeStyle: r.dashed ? StrokeStyle.Dash : StrokeStyle.Solid,
-            frontEndpointStyle: PointStyle.None,
-            rearEndpointStyle: r.upDown ? PointStyle.Arrow : PointStyle.None,
-            source: { position: [0, 0] },
-            target: { position: [240, 0] },
-        },
-        t: {
-            type: 'text',
-            text: surfaceText(r.abbrev),
-            color: '#1f2328',
-            fontFamily: FontFamily.Inter,
-            fontSize: 13,
-            textAlign: TextAlign.Center,
-            xywh: '[94,-30,52,22]',
-        },
-    })),
-];

package/dist/_pkgs/affine-gfx-ddd/templates/index.d.ts

@@ -1,11 +0,0 @@
-import { type TemplateCategory } from '../../affine-gfx-template/index.js';
-/**
- * One Templates-panel section per senior button (mirrors Cynefin/Estuarine),
- * plus a standalone Aggregate Design Canvas section. These are gated by
- * `ddd-templates` only — never by a senior-button flag — so the catalogue
- * stays available even when a senior button is hidden.
- */
-export declare const eventStormingTemplateCategory: TemplateCategory;
-export declare const coreDomainTemplateCategory: TemplateCategory;
-export declare const contextMapTemplateCategory: TemplateCategory;
-export declare const aggregateTemplateCategory: TemplateCategory;

package/dist/_pkgs/affine-gfx-ddd/templates/index.js

@@ -1,108 +0,0 @@
-import { makeTemplateSnapshot, surfaceText, } from '../../affine-gfx-template/index.js';
-import { FontFamily, ShapeStyle, TextAlign } from '../../affine-model/index.js';
-import { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES } from './components';
-const DARK = '#323d4f';
-const WHITE = '#ffffff';
-function box(x, y, w, h) {
-    return {
-        type: 'shape',
-        shapeType: 'rect',
-        filled: true,
-        fillColor: WHITE,
-        strokeColor: DARK,
-        strokeWidth: 1,
-        shapeStyle: ShapeStyle.General,
-        roughness: 0,
-        radius: 0,
-        xywh: `[${x},${y},${w},${h}]`,
-    };
-}
-function title(x, y, str, color = DARK, fontSize = 20) {
-    return {
-        type: 'text',
-        text: surfaceText(str),
-        color,
-        fontFamily: FontFamily.Inter,
-        fontSize,
-        textAlign: TextAlign.Left,
-        xywh: `[${x},${y},340,28]`,
-    };
-}
-/** The Aggregate Design Canvas v1.1 (Kacper Gunia / DDD Crew): nine sections. */
-function aggregateCanvas() {
-    return {
-        bg: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: DARK,
-            strokeColor: '#00000000',
-            strokeWidth: 0,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 0,
-            xywh: '[0,0,1060,770]',
-        },
-        headerBar: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: DARK,
-            strokeColor: '#00000000',
-            strokeWidth: 0,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 0,
-            xywh: '[9,10,1040,40]',
-        },
-        headerTitle: title(16, 18, 'Aggregate Design Canvas', WHITE, 30),
-        nameBox: box(9, 60, 350, 50),
-        nameTitle: title(18, 72, '1. Name'),
-        descBox: box(9, 120, 350, 170),
-        descTitle: title(18, 132, '2. Description'),
-        stateBox: box(369, 60, 680, 230),
-        stateTitle: title(378, 72, '3. State Transitions'),
-        invariantsBox: box(9, 300, 350, 210),
-        invariantsTitle: title(18, 312, '4. Enforced Invariants'),
-        policiesBox: box(9, 520, 350, 200),
-        policiesTitle: title(18, 532, '5. Corrective Policies'),
-        commandsBox: box(369, 300, 350, 210),
-        commandsTitle: title(378, 312, '6. Handled Commands'),
-        eventsBox: box(369, 520, 350, 200),
-        eventsTitle: title(378, 532, '7. Created Events'),
-        throughputBox: box(729, 300, 320, 210),
-        throughputTitle: title(738, 312, '8. Throughput'),
-        sizeBox: box(729, 520, 320, 200),
-        sizeTitle: title(738, 532, '9. Size'),
-    };
-}
-const PREVIEW = `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"><rect width="135" height="80" fill="#323d4f"/><rect x="3" y="3" width="129" height="6" fill="#323d4f"/><g fill="#fff"><rect x="3" y="11" width="42" height="6"/><rect x="3" y="19" width="42" height="22"/><rect x="47" y="11" width="85" height="28"/><rect x="3" y="43" width="42" height="16"/><rect x="3" y="61" width="42" height="16"/><rect x="47" y="43" width="42" height="16"/><rect x="47" y="61" width="42" height="16"/><rect x="91" y="43" width="41" height="16"/><rect x="91" y="61" width="41" height="16"/></g></svg>`;
-/**
- * One Templates-panel section per senior button (mirrors Cynefin/Estuarine),
- * plus a standalone Aggregate Design Canvas section. These are gated by
- * `ddd-templates` only — never by a senior-button flag — so the catalogue
- * stays available even when a senior button is hidden.
- */
-export const eventStormingTemplateCategory = {
-    name: 'Event Storming',
-    templates: ES_TEMPLATES,
-};
-export const coreDomainTemplateCategory = {
-    name: 'Core Domain Chart',
-    templates: CD_TEMPLATES,
-};
-export const contextMapTemplateCategory = {
-    name: 'Context Map',
-    templates: CM_TEMPLATES,
-};
-export const aggregateTemplateCategory = {
-    name: 'Aggregate Design Canvas',
-    templates: [
-        {
-            name: 'Aggregate Design Canvas',
-            type: 'template',
-            preview: PREVIEW,
-            content: makeTemplateSnapshot(aggregateCanvas(), 'Aggregate Design Canvas'),
-        },
-    ],
-};

package/dist/_pkgs/affine-gfx-ddd/toolbar/context-map-menu.d.ts

@@ -1,10 +0,0 @@
-import { DddMenuBase } from './menu-base';
-/** Context Map palette: bounded-context bubble, the cloud, the nine relationship patterns. */
-export declare class EdgelessDddContextMapMenu extends DddMenuBase {
-    protected framework: "context-map";
-    private _createBubble;
-    private _createCloud;
-    private _createRelationship;
-    private _createLegend;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/context-map-menu.js

@@ -1,109 +0,0 @@
-import { html, svg } from 'lit';
-import { CLOUD, CM_BUBBLE, CM_RELATIONSHIPS } from '../shared/consts';
-import { addBubble, addCloud, addLegend, addRelationship, } from '../shared/prefabs';
-import { DddMenuBase } from './menu-base';
-const bubbleSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="2" y="7" width="20" height="10" rx="5" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/></svg>`;
-const cloudSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M6 17 C3 17 2 14 4.5 12.5 C4 9 8 8 9.5 10 C11 6.5 16 7.5 16 11 C19 10.5 20.5 14 18 16 C18 17 16.5 17 15 17 Z" fill="#f0eef6" stroke="#6d6e71" stroke-width="1.4"/></svg>`;
-const legendSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="16" rx="2" stroke="currentColor" stroke-width="1.6"/><circle cx="7" cy="9" r="1.6" fill="currentColor"/><circle cx="7" cy="14" r="1.6" fill="currentColor"/><path d="M11 9 H18 M11 14 H18" stroke="currentColor" stroke-width="1.4"/></svg>`;
-const relationSwatch = (dashed, arrow) => svg `<svg viewBox="0 0 24 24" fill="none"><path d="M3 12 H${arrow ? 17 : 21}" stroke="currentColor" stroke-width="2" stroke-dasharray="${dashed ? '3 3' : '0'}"/>${arrow ? svg `<path d="M15 8 L21 12 L15 16" stroke="currentColor" stroke-width="2" fill="none"/>` : ''}</svg>`;
-/** Context Map palette: bounded-context bubble, the cloud, the nine relationship patterns. */
-export class EdgelessDddContextMapMenu extends DddMenuBase {
-    constructor() {
-        super(...arguments);
-        this.framework = 'context-map';
-    }
-    _createBubble() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addBubble(surface, this.edgeless.std, cx, cy, 'Bounded Context');
-        this.track('FrameworkElementAdded', 'bounded-context');
-        this.finish(id);
-    }
-    _createCloud() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addCloud(surface, this.edgeless.std, cx, cy, 'System');
-        this.track('FrameworkElementAdded', 'cloud');
-        this.finish(id);
-    }
-    _createRelationship(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addRelationship(surface, this.edgeless.std, cx, cy, preset);
-        this.track('FrameworkElementAdded', `relationship:${preset.kind}`);
-        this.finish(id);
-    }
-    _createLegend() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const patRows = (kinds) => CM_RELATIONSHIPS.filter(r => kinds.includes(r.kind)).map((r) => ({
-            swatch: 'line',
-            color: '#1f2328',
-            label: `${r.abbrev} — ${r.label}`,
-        }));
-        const sections = [
-            {
-                title: 'Boundaries',
-                rows: [
-                    { swatch: 'square', color: CM_BUBBLE.fill, label: 'Bounded Context' },
-                    { swatch: 'square', color: CLOUD.fill, label: 'System / Big Ball of Mud' },
-                ],
-            },
-            { title: 'Mutually dependent', rows: patRows(['partnership', 'sharedKernel']) },
-            {
-                title: 'Upstream → Downstream (U/D)',
-                rows: patRows(['customerSupplier', 'conformist', 'acl', 'ohs', 'publishedLanguage']),
-            },
-            { title: 'Separate / no integration', rows: patRows(['separateWays', 'bbom']) },
-        ];
-        const id = addLegend(surface, this.edgeless.std, cx - 140, cy - 210, {
-            title: 'Légende',
-            sections,
-            width: 290,
-        });
-        this.track('FrameworkElementAdded', 'legend');
-        this.finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            <edgeless-tool-icon-button
-              .tooltip=${'Bounded Context'}
-              @click=${() => this._createBubble()}
-            >
-              ${bubbleSwatch}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Cloud / System (Big Ball of Mud)'}
-              @click=${() => this._createCloud()}
-            >
-              ${cloudSwatch}
-            </edgeless-tool-icon-button>
-            ${CM_RELATIONSHIPS.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createRelationship(preset)}
-              >
-                ${relationSwatch(preset.dashed, preset.upDown)}
-              </edgeless-tool-icon-button>`)}
-            <edgeless-tool-icon-button
-              .tooltip=${'Legend'}
-              @click=${() => this._createLegend()}
-            >
-              ${legendSwatch}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
-    }
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/core-domain-menu.d.ts

@@ -1,11 +0,0 @@
-import { DddMenuBase } from './menu-base';
-/** Core Domain Chart palette: the background, sub-domain dots, movement arrow, Notation legend. */
-export declare class EdgelessDddCoreDomainMenu extends DddMenuBase {
-    protected framework: "core-domain";
-    private _createBackground;
-    private _createDot;
-    private _createMarker;
-    private _createMovement;
-    private _createLegend;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/core-domain-menu.js

@@ -1,118 +0,0 @@
-import { Bound } from '../../global/gfx/index.js';
-import { html, svg } from 'lit';
-import { CD_SUBDOMAINS, MOVEMENT_COLOR, TEAM_TOPOLOGIES } from '../shared/consts';
-import { addConnector, addDot, addLegend, addMarker } from '../shared/prefabs';
-import { REF_H, REF_W } from '../core-domain/consts';
-import { coreDomainLegendSections } from '../core-domain/legend';
-import { DddMenuBase } from './menu-base';
-const chartSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="4" y="3" width="17" height="17" fill="#4d9900" fill-opacity="0.5"/><rect x="4" y="3" width="6" height="17" fill="#9933ff" fill-opacity="0.5"/><path d="M4 20 V3 M4 20 H21" stroke="currentColor" stroke-width="1.8"/></svg>`;
-const dotSwatch = (color) => svg `<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="7" fill="${color}" stroke="#1f2328" stroke-width="1.2"/></svg>`;
-const movementSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M3 18 L16 7" stroke="${MOVEMENT_COLOR}" stroke-width="2" stroke-dasharray="3 3"/><path d="M12 6 L18 5 L17 11" stroke="${MOVEMENT_COLOR}" stroke-width="2" fill="none"/></svg>`;
-const legendSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="16" rx="2" stroke="currentColor" stroke-width="1.6"/><circle cx="7" cy="9" r="1.6" fill="currentColor"/><circle cx="7" cy="14" r="1.6" fill="currentColor"/><path d="M11 9 H18 M11 14 H18" stroke="currentColor" stroke-width="1.4"/></svg>`;
-const markerSwatch = (fill, letter) => svg `<svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="${fill}" stroke="#1f2328" stroke-width="1.2"/><text x="12" y="16" text-anchor="middle" font-size="11" font-family="sans-serif" fill="#1f2328">${letter}</text></svg>`;
-/** Core Domain Chart palette: the background, sub-domain dots, movement arrow, Notation legend. */
-export class EdgelessDddCoreDomainMenu extends DddMenuBase {
-    constructor() {
-        super(...arguments);
-        this.framework = 'core-domain';
-    }
-    _createBackground() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = surface.addElement({
-            type: 'coreDomain',
-            xywh: new Bound(cx - REF_W / 2, cy - REF_H / 2, REF_W, REF_H).serialize(),
-        });
-        this.track('FrameworkElementAdded', 'background');
-        this.finish(id);
-    }
-    _createDot(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addDot(surface, this.edgeless.std, cx, cy, preset.fill, preset.label);
-        this.track('FrameworkElementAdded', `subdomain:${preset.kind}`);
-        this.finish(id);
-    }
-    _createMarker(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addMarker(surface, this.edgeless.std, cx, cy, {
-            fill: preset.fill,
-            letter: preset.letter,
-            label: preset.label,
-        });
-        this.track('FrameworkElementAdded', `team-topology:${preset.kind}`);
-        this.finish(id);
-    }
-    _createMovement() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addConnector(surface, cx - 80, cy + 60, cx + 80, cy - 60, {
-            rearArrow: true,
-            dashed: true,
-            stroke: MOVEMENT_COLOR,
-        });
-        this.track('FrameworkElementAdded', 'movement');
-        this.finish(id);
-    }
-    _createLegend() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addLegend(surface, this.edgeless.std, cx - 130, cy - 170, {
-            title: 'Légende',
-            sections: coreDomainLegendSections(),
-        });
-        this.track('FrameworkElementAdded', 'legend');
-        this.finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            <edgeless-tool-icon-button
-              .tooltip=${'Core Domain Chart'}
-              @click=${() => this._createBackground()}
-            >
-              ${chartSwatch}
-            </edgeless-tool-icon-button>
-            ${CD_SUBDOMAINS.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createDot(preset)}
-              >
-                ${dotSwatch(preset.fill)}
-              </edgeless-tool-icon-button>`)}
-            ${TEAM_TOPOLOGIES.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createMarker(preset)}
-              >
-                ${markerSwatch(preset.fill, preset.letter)}
-              </edgeless-tool-icon-button>`)}
-            <edgeless-tool-icon-button
-              .tooltip=${'Movement over time'}
-              @click=${() => this._createMovement()}
-            >
-              ${movementSwatch}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Notation legend'}
-              @click=${() => this._createLegend()}
-            >
-              ${legendSwatch}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
-    }
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/event-storming-menu.d.ts

@@ -1,9 +0,0 @@
-import { DddMenuBase } from './menu-base';
-/** Event Storming palette: the colour-coded stickies, the hotspot, a flow arrow. */
-export declare class EdgelessDddEventStormingMenu extends DddMenuBase {
-    protected framework: "event-storming";
-    private _createSticky;
-    private _createHotspot;
-    private _createFlow;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/event-storming-menu.js

@@ -1,78 +0,0 @@
-import { html, svg } from 'lit';
-import { ES_HOTSPOT, ES_STICKIES } from '../shared/consts';
-import { addConnector, addSticky } from '../shared/prefabs';
-import { DddMenuBase } from './menu-base';
-const squareSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3" fill="${color}"/></svg>`;
-const diamondSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" transform="rotate(45 12 12)" fill="${color}"/></svg>`;
-const flowSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M4 12 H18" stroke="currentColor" stroke-width="2"/><path d="M16 8 L20 12 L16 16" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
-/** Event Storming palette: the colour-coded stickies, the hotspot, a flow arrow. */
-export class EdgelessDddEventStormingMenu extends DddMenuBase {
-    constructor() {
-        super(...arguments);
-        this.framework = 'event-storming';
-    }
-    _createSticky(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addSticky(surface, this.edgeless.std, cx, cy, {
-            fill: preset.fill,
-            text: preset.text,
-            label: preset.label,
-        });
-        this.track('FrameworkElementAdded', `sticky:${preset.kind}`);
-        this.finish(id);
-    }
-    _createHotspot() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addSticky(surface, this.edgeless.std, cx, cy, {
-            fill: ES_HOTSPOT.fill,
-            text: ES_HOTSPOT.text,
-            label: ES_HOTSPOT.label,
-            shapeType: 'diamond',
-        });
-        this.track('FrameworkElementAdded', 'sticky:hotspot');
-        this.finish(id);
-    }
-    _createFlow() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addConnector(surface, cx - 110, cy, cx + 110, cy, { rearArrow: true });
-        this.track('FrameworkElementAdded', 'flow');
-        this.finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            ${ES_STICKIES.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createSticky(preset)}
-              >
-                ${squareSwatch(preset.fill)}
-              </edgeless-tool-icon-button>`)}
-            <edgeless-tool-icon-button
-              .tooltip=${ES_HOTSPOT.label}
-              @click=${() => this._createHotspot()}
-            >
-              ${diamondSwatch(ES_HOTSPOT.fill)}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Flow'}
-              @click=${() => this._createFlow()}
-            >
-              ${flowSwatch}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
-    }
-}

package/dist/_pkgs/affine-gfx-ddd/toolbar/icons.d.ts

@@ -1,6 +0,0 @@
-/** Senior-button glyph — Event Storming (overlapping stickies). */
-export declare const eventStormingToolbarIcon: import("lit-html").TemplateResult<2>;
-/** Senior-button glyph — Core Domain Chart (axes + bands). */
-export declare const coreDomainToolbarIcon: import("lit-html").TemplateResult<2>;
-/** Senior-button glyph — Context Map (two bubbles + relation). */
-export declare const contextMapToolbarIcon: import("lit-html").TemplateResult<2>;

package/dist/_pkgs/affine-gfx-ddd/toolbar/icons.js

@@ -1,20 +0,0 @@
-import { svg } from 'lit';
-/** Senior-button glyph — Event Storming (overlapping stickies). */
-export const eventStormingToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="10" y="14" width="22" height="22" rx="2" transform="rotate(-6 21 25)" fill="#F5963B"/>
-  <rect x="24" y="18" width="22" height="22" rx="2" transform="rotate(5 35 29)" fill="#5BA3DB"/>
-  <rect x="17" y="26" width="22" height="22" rx="2" transform="rotate(-3 28 37)" fill="#FFD84D"/>
-</svg>`;
-/** Senior-button glyph — Core Domain Chart (axes + bands). */
-export const coreDomainToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="10" y="8" width="38" height="38" fill="#4d9900" fill-opacity="0.55"/>
-  <rect x="10" y="8" width="14" height="38" fill="#9933ff" fill-opacity="0.55"/>
-  <path d="M10 46 V8 M10 46 H48" stroke="#1f2328" stroke-width="2.4" stroke-linecap="round"/>
-  <circle cx="38" cy="18" r="4" fill="#9933ff"/>
-</svg>`;
-/** Senior-button glyph — Context Map (two bubbles + relation). */
-export const contextMapToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="6" y="10" width="22" height="14" rx="7" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/>
-  <rect x="28" y="32" width="22" height="14" rx="7" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/>
-  <path d="M20 24 L34 32" stroke="#1f2328" stroke-width="1.8"/>
-</svg>`;