@formicoidea/labre-core 0.23.3 → 0.25.0

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

@@ -1,4 +1,4 @@
-import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel } from '../../affine-model/index.js';
+import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel } from '../../affine-model/index.js';
 import { SurfaceElementModel } from './base.js';
 export declare const elementsCtorMap: {
     group: typeof GroupElementModel;
@@ -14,10 +14,11 @@ export declare const elementsCtorMap: {
     edgyNode: typeof EdgyNodeElementModel;
     cynefin: typeof CynefinElementModel;
     estuarine: typeof EstuarineElementModel;
+    coreDomain: typeof CoreDomainChartElementModel;
     bpmnNode: typeof BpmnNodeElementModel;
     bpmnPool: typeof BpmnPoolElementModel;
 };
-export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
+export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
 export declare enum CanvasElementType {
     BRUSH = "brush",
     CONNECTOR = "connector",
@@ -32,6 +33,7 @@ export declare enum CanvasElementType {
     EDGYNODE = "edgyNode",
     CYNEFIN = "cynefin",
     ESTUARINE = "estuarine",
+    COREDOMAIN = "coreDomain",
     BPMNNODE = "bpmnNode",
     BPMNPOOL = "bpmnPool"
 }
@@ -49,6 +51,7 @@ export type ElementModelMap = {
     ['edgyNode']: EdgyNodeElementModel;
     ['cynefin']: CynefinElementModel;
     ['estuarine']: EstuarineElementModel;
+    ['coreDomain']: CoreDomainChartElementModel;
     ['bpmnNode']: BpmnNodeElementModel;
     ['bpmnPool']: BpmnPoolElementModel;
 };

package/dist/_pkgs/affine-block-surface/element-model/index.js

@@ -1,4 +1,4 @@
-import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, } from '../../affine-model/index.js';
+import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, } from '../../affine-model/index.js';
 import { SurfaceElementModel } from './base.js';
 export const elementsCtorMap = {
     group: GroupElementModel,
@@ -14,10 +14,11 @@ export const elementsCtorMap = {
     edgyNode: EdgyNodeElementModel,
     cynefin: CynefinElementModel,
     estuarine: EstuarineElementModel,
+    coreDomain: CoreDomainChartElementModel,
     bpmnNode: BpmnNodeElementModel,
     bpmnPool: BpmnPoolElementModel,
 };
-export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
+export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, ConnectorElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
 export var CanvasElementType;
 (function (CanvasElementType) {
     CanvasElementType["BRUSH"] = "brush";
@@ -33,6 +34,7 @@ export var CanvasElementType;
     CanvasElementType["EDGYNODE"] = "edgyNode";
     CanvasElementType["CYNEFIN"] = "cynefin";
     CanvasElementType["ESTUARINE"] = "estuarine";
+    CanvasElementType["COREDOMAIN"] = "coreDomain";
     CanvasElementType["BPMNNODE"] = "bpmnNode";
     CanvasElementType["BPMNPOOL"] = "bpmnPool";
 })(CanvasElementType || (CanvasElementType = {}));

package/dist/_pkgs/affine-gfx-mindmap/index.d.ts

@@ -2,6 +2,7 @@ export * from './adapter';
 export * from './element-renderer';
 export * from './indicator-overlay';
 export * from './interactivity';
+export * from './templates';
 export * from './toolbar/config';
 export * from './toolbar/senior-tool';
 export * from './utils';

package/dist/_pkgs/affine-gfx-mindmap/index.js

@@ -2,6 +2,7 @@ export * from './adapter';
 export * from './element-renderer';
 export * from './indicator-overlay';
 export * from './interactivity';
+export * from './templates';
 export * from './toolbar/config';
 export * from './toolbar/senior-tool';
 export * from './utils';

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

@@ -0,0 +1,2 @@
+import { type TemplateCategory } from '../../affine-gfx-template/index.js';
+export declare const mindmapTemplateCategory: TemplateCategory;

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

@@ -0,0 +1,28 @@
+import { makeTemplateSnapshot, } from '../../affine-gfx-template/index.js';
+/**
+ * Mindmap starter templates — one per built-in style. Captured as real
+ * serialized mindmaps (the element plus its node shapes) so they round-trip
+ * through the Templates-panel insert path; the id-regeneration middleware
+ * (replaceIdMiddleware) remaps the mindmap node-id references on insert.
+ */
+function tpl(name, preview, elements) {
+    return {
+        name,
+        type: 'template',
+        preview,
+        content: makeTemplateSnapshot(elements, name),
+    };
+}
+const STYLE_1 = { "1Y2vfnrsLJ": { "index": "a0", "seed": 1700105571, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontWeight": "600", "maxWidth": false, "padding": [11, 22], "radius": 8, "rotate": 0, "roughness": 1.4, "shadow": { "offsetX": 0, "offsetY": 6, "blur": 12, "color": "rgba(0, 0, 0, 0.14)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#53b2ef", "strokeStyle": "solid", "strokeWidth": 4, "text": { "affine:surface:text": true, "delta": [{ "insert": "Mind Map" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[0,0,136.20703125,45]", "type": "shape", "id": "1Y2vfnrsLJ" }, "K_WWv7xJKi": { "index": "a0", "seed": 1580354321, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 8, "rotate": 0, "roughness": 1.4, "shadow": { "offsetX": 0, "offsetY": 6, "blur": 12, "color": "rgba(0, 0, 0, 0.14)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#6e52df", "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 1" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[336.20703125,-67.5,94.6953125,30]", "type": "shape", "id": "K_WWv7xJKi" }, "7fO_u4_Elm": { "index": "a0", "seed": 1196740856, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 8, "rotate": 0, "roughness": 1.4, "shadow": { "offsetX": 0, "offsetY": 6, "blur": 12, "color": "rgba(0, 0, 0, 0.14)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#e96cab", "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 2" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[336.20703125,7.5,94.6953125,30]", "type": "shape", "id": "7fO_u4_Elm" }, "Lza2YDXgkV": { "index": "a0", "seed": 981612871, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 8, "rotate": 0, "roughness": 1.4, "shadow": { "offsetX": 0, "offsetY": 6, "blur": 12, "color": "rgba(0, 0, 0, 0.14)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#ff8c38", "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 3" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[336.20703125,82.5,94.6953125,30]", "type": "shape", "id": "Lza2YDXgkV" }, "Gsko87TmXj": { "index": "a0", "seed": 871727345, "children": { "affine:surface:ymap": true, "json": { "1Y2vfnrsLJ": { "index": "a0" }, "K_WWv7xJKi": { "index": "a0", "parent": "1Y2vfnrsLJ" }, "7fO_u4_Elm": { "index": "a1", "parent": "1Y2vfnrsLJ" }, "Lza2YDXgkV": { "index": "a2", "parent": "1Y2vfnrsLJ" } } }, "layoutType": 0, "style": 1, "type": "mindmap", "id": "Gsko87TmXj" } };
+const STYLE_2 = { "kPwf_uD4jZ": { "index": "a0", "seed": 1047170436, "fillColor": "#fcd34d", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 18, "fontWeight": "600", "maxWidth": false, "padding": [11, 22], "radius": 3, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 0, "offsetX": 3, "offsetY": 3, "color": { "dark": "#ffffff", "light": "#000000" } }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": { "dark": "#ffffff", "light": "#000000" }, "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Mind Map" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[0,0,126.986328125,42.7]", "type": "shape", "id": "kPwf_uD4jZ" }, "zwZHwYXnAG": { "index": "a0", "seed": 79321525, "fillColor": "#84cfff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "600", "maxWidth": false, "padding": [6, 22], "radius": 3, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 0, "offsetX": 3, "offsetY": 3, "color": { "dark": "#ffffff", "light": "#000000" } }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": { "dark": "#ffffff", "light": "#000000" }, "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 1" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[326.986328125,-69.25,98.8203125,30.400000000000002]", "type": "shape", "id": "zwZHwYXnAG" }, "VIz858biOY": { "index": "a0", "seed": 1187771384, "fillColor": "#84cfff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "600", "maxWidth": false, "padding": [6, 22], "radius": 3, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 0, "offsetX": 3, "offsetY": 3, "color": { "dark": "#ffffff", "light": "#000000" } }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": { "dark": "#ffffff", "light": "#000000" }, "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 2" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[326.986328125,6.150000000000006,98.8203125,30.400000000000002]", "type": "shape", "id": "VIz858biOY" }, "DPMWxLX_cs": { "index": "a0", "seed": 1192286986, "fillColor": "#84cfff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "600", "maxWidth": false, "padding": [6, 22], "radius": 3, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 0, "offsetX": 3, "offsetY": 3, "color": { "dark": "#ffffff", "light": "#000000" } }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": { "dark": "#ffffff", "light": "#000000" }, "strokeStyle": "solid", "strokeWidth": 3, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 3" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[326.986328125,81.55000000000001,98.8203125,30.400000000000002]", "type": "shape", "id": "DPMWxLX_cs" }, "nMfQ2gc-O2": { "index": "a0", "seed": 1612961410, "children": { "affine:surface:ymap": true, "json": { "kPwf_uD4jZ": { "index": "a0" }, "zwZHwYXnAG": { "index": "a0", "parent": "kPwf_uD4jZ" }, "VIz858biOY": { "index": "a1", "parent": "kPwf_uD4jZ" }, "DPMWxLX_cs": { "index": "a2", "parent": "kPwf_uD4jZ" } } }, "layoutType": 0, "style": 2, "type": "mindmap", "id": "nMfQ2gc-O2" } };
+const STYLE_3 = { "ZIw4rmcVBn": { "index": "a0", "seed": 880670515, "fillColor": "#fcd34d", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [10, 22], "radius": 10, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 12, "offsetX": 0, "offsetY": 0, "color": "rgba(66, 65, 73, 0.18)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "transparent", "strokeStyle": "solid", "strokeWidth": 0, "text": { "affine:surface:text": true, "delta": [{ "insert": "Mind Map" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[0,0,114.25,38]", "type": "shape", "id": "ZIw4rmcVBn" }, "dwRkKPG-3B": { "index": "a0", "seed": 125208616, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 10, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 12, "offsetX": 0, "offsetY": 0, "color": "rgba(66, 65, 73, 0.18)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#fcd34d", "strokeStyle": "solid", "strokeWidth": 2, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 1" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[314.25,-71,94.6953125,30]", "type": "shape", "id": "dwRkKPG-3B" }, "c7LOmcZzw5": { "index": "a0", "seed": 1361083332, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 10, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 12, "offsetX": 0, "offsetY": 0, "color": "rgba(66, 65, 73, 0.18)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#fcd34d", "strokeStyle": "solid", "strokeWidth": 2, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 2" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[314.25,4,94.6953125,30]", "type": "shape", "id": "c7LOmcZzw5" }, "FE0kD_GYHx": { "index": "a0", "seed": 774157552, "fillColor": "#ffffff", "filled": true, "fontFamily": "blocksuite:surface:Poppins", "fontSize": 16, "fontWeight": "500", "maxWidth": false, "padding": [6, 22], "radius": 10, "rotate": 0, "roughness": 1.4, "shadow": { "blur": 12, "offsetX": 0, "offsetY": 0, "color": "rgba(66, 65, 73, 0.18)" }, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "#fcd34d", "strokeStyle": "solid", "strokeWidth": 2, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 3" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[314.25,79,94.6953125,30]", "type": "shape", "id": "FE0kD_GYHx" }, "wR3Bc0vWc_": { "index": "a0", "seed": 660798577, "children": { "affine:surface:ymap": true, "json": { "ZIw4rmcVBn": { "index": "a0" }, "dwRkKPG-3B": { "index": "a0", "parent": "ZIw4rmcVBn" }, "c7LOmcZzw5": { "index": "a1", "parent": "ZIw4rmcVBn" }, "FE0kD_GYHx": { "index": "a2", "parent": "ZIw4rmcVBn" } } }, "layoutType": 0, "style": 3, "type": "mindmap", "id": "wR3Bc0vWc_" } };
+const STYLE_4 = { "EyUas98ZAK": { "index": "a0", "seed": 1433519934, "color": { "dark": "#ffffff", "light": "#000000" }, "fillColor": "transparent", "filled": true, "fontFamily": "blocksuite:surface:Kalam", "fontSize": 22, "fontWeight": "700", "maxWidth": false, "padding": [0, 10], "radius": 0, "rotate": 0, "roughness": 1.4, "shadow": null, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "transparent", "strokeStyle": "solid", "strokeWidth": 0, "text": { "affine:surface:text": true, "delta": [{ "insert": "Mind Map" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[0,0,121.427734375,26]", "type": "shape", "id": "EyUas98ZAK" }, "8AX6hJveTK": { "index": "a0", "seed": 1032075934, "color": { "dark": "#ffffff", "light": "#000000" }, "fillColor": "transparent", "filled": true, "fontFamily": "blocksuite:surface:Kalam", "fontSize": 18, "fontWeight": "700", "maxWidth": false, "padding": [1.5, 10], "radius": 0, "rotate": 0, "roughness": 1.4, "shadow": null, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "transparent", "strokeStyle": "solid", "strokeWidth": 0, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 1" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[321.427734375,-68.40909090909092,81.6728515625,24.272727272727273]", "type": "shape", "id": "8AX6hJveTK" }, "sk6jIhglvv": { "index": "a0", "seed": 1054014636, "color": { "dark": "#ffffff", "light": "#000000" }, "fillColor": "transparent", "filled": true, "fontFamily": "blocksuite:surface:Kalam", "fontSize": 18, "fontWeight": "700", "maxWidth": false, "padding": [1.5, 10], "radius": 0, "rotate": 0, "roughness": 1.4, "shadow": null, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "transparent", "strokeStyle": "solid", "strokeWidth": 0, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 2" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[321.427734375,0.8636363636363598,81.6728515625,24.272727272727273]", "type": "shape", "id": "sk6jIhglvv" }, "ua9jCGGYRE": { "index": "a0", "seed": 2140202745, "color": { "dark": "#ffffff", "light": "#000000" }, "fillColor": "transparent", "filled": true, "fontFamily": "blocksuite:surface:Kalam", "fontSize": 18, "fontWeight": "700", "maxWidth": false, "padding": [1.5, 10], "radius": 0, "rotate": 0, "roughness": 1.4, "shadow": null, "shapeStyle": "General", "shapeType": "rect", "strokeColor": "transparent", "strokeStyle": "solid", "strokeWidth": 0, "text": { "affine:surface:text": true, "delta": [{ "insert": "Topic 3" }] }, "textResizing": 0, "vertices": null, "isClosed": true, "smoothFlags": null, "controlPoints": null, "xywh": "[321.427734375,70.13636363636364,81.6728515625,24.272727272727273]", "type": "shape", "id": "ua9jCGGYRE" }, "nqaFHOZEOd": { "index": "a0", "seed": 664701650, "children": { "affine:surface:ymap": true, "json": { "EyUas98ZAK": { "index": "a0" }, "8AX6hJveTK": { "index": "a0", "parent": "EyUas98ZAK" }, "sk6jIhglvv": { "index": "a1", "parent": "EyUas98ZAK" }, "ua9jCGGYRE": { "index": "a2", "parent": "EyUas98ZAK" } } }, "layoutType": 0, "style": 4, "type": "mindmap", "id": "nqaFHOZEOd" } };
+export const mindmapTemplateCategory = {
+    name: 'Mind Map',
+    templates: [
+        tpl('Mind Map — Style 1', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_1),
+        tpl('Mind Map — Style 2', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_2),
+        tpl('Mind Map — Style 3', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_3),
+        tpl('Mind Map — Style 4', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_4),
+    ],
+};

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-menu.d.ts

@@ -34,6 +34,9 @@ export declare class EdgelessMindmapMenu extends EdgelessMindmapMenu_base {
     render(): TemplateResult<1>;
     updated(changedProperties: Map<PropertyKey, unknown>): void;
     accessor model: BlockModel;
+    /** Which sections to render: the "Others" button shows media + text, the
+     * dedicated "Mind Map" button shows the mindmap styles + import. */
+    accessor variant: 'mindmap' | 'other';
     accessor onActiveStyleChange: (style: MindmapStyle) => void;
     accessor onImportMindMap: (bound: Bound) => Promise<void>;
     accessor std: BlockStdScope;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-menu.js

@@ -60,6 +60,9 @@ let EdgelessMindmapMenu = (() => {
     let _model_decorators;
     let _model_initializers = [];
     let _model_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
     let _onActiveStyleChange_decorators;
     let _onActiveStyleChange_initializers = [];
     let _onActiveStyleChange_extraInitializers = [];
@@ -73,10 +76,12 @@ let EdgelessMindmapMenu = (() => {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _model_decorators = [consume({ context: modelContext })];
+            _variant_decorators = [property({ attribute: false })];
             _onActiveStyleChange_decorators = [property({ attribute: false })];
             _onImportMindMap_decorators = [property({ attribute: false })];
             _std_decorators = [consume({ context: stdContext })];
             __esDecorate(this, null, _model_decorators, { kind: "accessor", name: "model", static: false, private: false, access: { has: obj => "model" in obj, get: obj => obj.model, set: (obj, value) => { obj.model = value; } }, metadata: _metadata }, _model_initializers, _model_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
             __esDecorate(this, null, _onActiveStyleChange_decorators, { kind: "accessor", name: "onActiveStyleChange", static: false, private: false, access: { has: obj => "onActiveStyleChange" in obj, get: obj => obj.onActiveStyleChange, set: (obj, value) => { obj.onActiveStyleChange = value; } }, metadata: _metadata }, _onActiveStyleChange_initializers, _onActiveStyleChange_extraInitializers);
             __esDecorate(this, null, _onImportMindMap_decorators, { kind: "accessor", name: "onImportMindMap", static: false, private: false, access: { has: obj => "onImportMindMap" in obj, get: obj => obj.onImportMindMap, set: (obj, value) => { obj.onImportMindMap = value; } }, metadata: _metadata }, _onImportMindMap_initializers, _onImportMindMap_extraInitializers);
             __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
@@ -277,100 +282,104 @@ let EdgelessMindmapMenu = (() => {
             const isDraggingMedia = draggingElement?.data?.type === 'media';
             const isDraggingText = draggingElement?.data?.type === 'text';
             const showNextText = dragOut && !cancelled;
-            return html `<edgeless-slide-menu .height=${'64px'}>
-      <div class="text-and-mindmap">
-        <div class="media-item">
-          ${isDraggingMedia
-                ? html `<button
-                class="next"
-                style="transform: translateY(${showNextText ? 0 : 64}px)"
+            // The menu is shared by two senior buttons: the "Others" button (media +
+            // text) and the dedicated "Mind Map" button (mindmap styles + import).
+            const otherSection = this.variant === 'other'
+                ? html `
+            <div class="media-item">
+              ${isDraggingMedia
+                    ? html `<button
+                    class="next"
+                    style="transform: translateY(${showNextText ? 0 : 64}px)"
+                  >
+                    ${mediaItem.icon}
+                  </button>`
+                    : nothing}
+              <button
+                style="opacity: ${isDraggingMedia ? 0 : 1}"
+                @mousedown=${(e) => this.draggableController.onMouseDown(e, {
+                    preview: mediaItem.icon,
+                    data: mediaItem,
+                })}
+                @touchstart=${(e) => this.draggableController.onTouchStart(e, {
+                    preview: mediaItem.icon,
+                    data: mediaItem,
+                })}
               >
                 ${mediaItem.icon}
-              </button>`
-                : nothing}
-          <button
-            style="opacity: ${isDraggingMedia ? 0 : 1}"
-            @mousedown=${(e) => this.draggableController.onMouseDown(e, {
-                preview: mediaItem.icon,
-                data: mediaItem,
-            })}
-            @touchstart=${(e) => this.draggableController.onTouchStart(e, {
-                preview: mediaItem.icon,
-                data: mediaItem,
-            })}
-          >
-            ${mediaItem.icon}
-          </button>
-          <affine-tooltip tip-position="top" .offset=${12}>
-            <affine-tooltip-content-with-shortcut
-              data-tip="${'Add media'}"
-            ></affine-tooltip-content-with-shortcut>
-          </affine-tooltip>
-        </div>
-        <div class="thin-divider"></div>
-        <div class="text-item">
-          ${isDraggingText
-                ? html `<button
-                class="next"
-                style="transform: translateY(${showNextText ? 0 : 64}px)"
+              </button>
+              <affine-tooltip tip-position="top" .offset=${12}>
+                <affine-tooltip-content-with-shortcut
+                  data-tip="${'Add media'}"
+                ></affine-tooltip-content-with-shortcut>
+              </affine-tooltip>
+            </div>
+            <div class="thin-divider"></div>
+            <div class="text-item">
+              ${isDraggingText
+                    ? html `<button
+                    class="next"
+                    style="transform: translateY(${showNextText ? 0 : 64}px)"
+                  >
+                    ${textItem.icon}
+                  </button>`
+                    : nothing}
+              <button
+                style="opacity: ${isDraggingText ? 0 : 1}"
+                @mousedown=${(e) => this.draggableController.onMouseDown(e, {
+                    preview: textItem.icon,
+                    data: textItem,
+                })}
+                @touchstart=${(e) => this.draggableController.onTouchStart(e, {
+                    preview: textItem.icon,
+                    data: textItem,
+                })}
               >
                 ${textItem.icon}
-              </button>`
-                : nothing}
-          <button
-            style="opacity: ${isDraggingText ? 0 : 1}"
-            @mousedown=${(e) => this.draggableController.onMouseDown(e, {
-                preview: textItem.icon,
-                data: textItem,
-            })}
-            @touchstart=${(e) => this.draggableController.onTouchStart(e, {
-                preview: textItem.icon,
-                data: textItem,
-            })}
-          >
-            ${textItem.icon}
-          </button>
-          <affine-tooltip tip-position="top" .offset=${12}>
-            <affine-tooltip-content-with-shortcut
-              data-tip="${'Edgeless Text'}"
-              data-shortcup="${'T'}"
-            ></affine-tooltip-content-with-shortcut>
-          </affine-tooltip>
-        </div>
-        <div class="thin-divider"></div>
-        <!-- mind map -->
-        ${repeat(this.mindMaps, mindMap => {
-                const isDraggingMindMap = draggingElement?.data?.type !== 'text';
-                const draggingEle = draggingElement?.data;
-                const isBeingDragged = isDraggingMindMap && draggingEle?.style === mindMap.style;
-                const showNext = dragOut && !cancelled;
-                const isActive = this._style$.value === mindMap.style;
-                return html `
+              </button>
+              <affine-tooltip tip-position="top" .offset=${12}>
+                <affine-tooltip-content-with-shortcut
+                  data-tip="${'Edgeless Text'}"
+                  data-shortcup="${'T'}"
+                ></affine-tooltip-content-with-shortcut>
+              </affine-tooltip>
+            </div>
+          `
+                : nothing;
+            const mindmapSection = this.variant === 'mindmap'
+                ? html `
+            ${repeat(this.mindMaps, mindMap => {
+                    const isDraggingMindMap = draggingElement?.data?.type !== 'text';
+                    const draggingEle = draggingElement?.data;
+                    const isBeingDragged = isDraggingMindMap && draggingEle?.style === mindMap.style;
+                    const showNext = dragOut && !cancelled;
+                    const isActive = this._style$.value === mindMap.style;
+                    return html `
             <div class="mindmap-item" data-is-active=${isActive}>
               ${isBeingDragged
-                    ? html `<button
+                        ? html `<button
                     style="transform: translateY(${showNext ? 0 : 64}px)"
                     class="next"
                   >
                     ${mindMap.icon}
                   </button>`
-                    : nothing}
+                        : nothing}
               <button
                 style="opacity: ${isBeingDragged ? 0 : 1}"
                 @mousedown=${(e) => {
-                    this.draggableController.onMouseDown(e, {
-                        preview: mindMap.icon,
-                        data: mindMap,
-                        standardWidth: 350,
-                    });
-                }}
+                        this.draggableController.onMouseDown(e, {
+                            preview: mindMap.icon,
+                            data: mindMap,
+                            standardWidth: 350,
+                        });
+                    }}
                 @touchstart=${(e) => {
-                    this.draggableController.onTouchStart(e, {
-                        preview: mindMap.icon,
-                        data: mindMap,
-                        standardWidth: 350,
-                    });
-                }}
+                        this.draggableController.onTouchStart(e, {
+                            preview: mindMap.icon,
+                            data: mindMap,
+                            standardWidth: 350,
+                        });
+                    }}
                 @click=${() => this.onActiveStyleChange?.(mindMap.style)}
               >
                 ${mindMap.icon}
@@ -383,13 +392,16 @@ let EdgelessMindmapMenu = (() => {
               </affine-tooltip>
             </div>
           `;
-            })}
-        ${this.std.store
-                .get(FeatureFlagService)
-                .getFlag('enable_mind_map_import')
-                ? this._importMindMapEntry()
-                : nothing}
-      </div>
+                })}
+            ${this.std.store
+                    .get(FeatureFlagService)
+                    .getFlag('enable_mind_map_import')
+                    ? this._importMindMapEntry()
+                    : nothing}
+          `
+                : nothing;
+            return html `<edgeless-slide-menu .height=${'64px'}>
+      <div class="text-and-mindmap">${otherSection}${mindmapSection}</div>
     </edgeless-slide-menu>`;
         }
         updated(changedProperties) {
@@ -400,6 +412,11 @@ let EdgelessMindmapMenu = (() => {
         #model_accessor_storage;
         get model() { return this.#model_accessor_storage; }
         set model(value) { this.#model_accessor_storage = value; }
+        #variant_accessor_storage;
+        /** Which sections to render: the "Others" button shows media + text, the
+         * dedicated "Mind Map" button shows the mindmap styles + import. */
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
         #onActiveStyleChange_accessor_storage;
         get onActiveStyleChange() { return this.#onActiveStyleChange_accessor_storage; }
         set onActiveStyleChange(value) { this.#onActiveStyleChange_accessor_storage = value; }
@@ -417,7 +434,8 @@ let EdgelessMindmapMenu = (() => {
             });
             this.type = EmptyTool;
             this.#model_accessor_storage = __runInitializers(this, _model_initializers, void 0);
-            this.#onActiveStyleChange_accessor_storage = (__runInitializers(this, _model_extraInitializers), __runInitializers(this, _onActiveStyleChange_initializers, void 0));
+            this.#variant_accessor_storage = (__runInitializers(this, _model_extraInitializers), __runInitializers(this, _variant_initializers, 'mindmap'));
+            this.#onActiveStyleChange_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _onActiveStyleChange_initializers, void 0));
             this.#onImportMindMap_accessor_storage = (__runInitializers(this, _onActiveStyleChange_extraInitializers), __runInitializers(this, _onImportMindMap_initializers, void 0));
             this.#std_accessor_storage = (__runInitializers(this, _onImportMindMap_extraInitializers), __runInitializers(this, _std_initializers, void 0));
             __runInitializers(this, _std_extraInitializers);

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-tool-button.d.ts

@@ -16,7 +16,9 @@ export declare class EdgelessMindmapToolButton extends EdgelessMindmapToolButton
     initDragController(): void;
     render(): import("lit-html").TemplateResult<1>;
     updated(_changedProperties: Map<PropertyKey, unknown>): void;
-    accessor enableBlur: boolean;
+    /** `'mindmap'` → the dedicated Mind Map button; `'other'` → free-text +
+     * add-file ("Others"). Drives the tools, tooltip, `m` shortcut and menu. */
+    accessor variant: 'mindmap' | 'other';
     accessor mindmapElement: HTMLElement;
     accessor readyToDrop: boolean;
 }

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-tool-button.js

@@ -35,7 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { DefaultTool, EdgelessCRUDIdentifier, } from '../../affine-block-surface/index.js';
 import { EmptyTool } from '../../affine-gfx-pointer/index.js';
 import { TextTool } from '../../affine-gfx-text/index.js';
-import { EditPropsStore, ThemeProvider, ViewportElementProvider, } from '../../affine-shared/services/index.js';
+import { EditPropsStore, ViewportElementProvider, } from '../../affine-shared/services/index.js';
 import { EdgelessDraggableElementController, EdgelessToolbarToolMixin, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { SignalWatcher } from '../../global/lit/index.js';
 import { computed } from '@preact/signals-core';
@@ -46,13 +46,13 @@ import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { getMindMaps } from './assets.js';
 import { getMindmapRender, mediaConfig, mediaRender, mindmapConfig, textConfig, textRender, toolConfig2StyleObj, } from './basket-elements.js';
-import { basketIconDark, basketIconLight, mindmapMenuMediaIcon, textIcon, } from './icons.js';
+import { mindmapMenuMediaIcon, textIcon } from './icons.js';
 import { importMindmap } from './utils/import-mindmap.js';
 let EdgelessMindmapToolButton = (() => {
     let _classSuper = EdgelessToolbarToolMixin(SignalWatcher(LitElement));
-    let _enableBlur_decorators;
-    let _enableBlur_initializers = [];
-    let _enableBlur_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
     let _mindmapElement_decorators;
     let _mindmapElement_initializers = [];
     let _mindmapElement_extraInitializers = [];
@@ -62,10 +62,10 @@ let EdgelessMindmapToolButton = (() => {
     return class EdgelessMindmapToolButton extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _enableBlur_decorators = [property({ type: Boolean })];
+            _variant_decorators = [property({ attribute: false })];
             _mindmapElement_decorators = [query('.basket-tool-item.mindmap')];
             _readyToDrop_decorators = [state()];
-            __esDecorate(this, null, _enableBlur_decorators, { kind: "accessor", name: "enableBlur", static: false, private: false, access: { has: obj => "enableBlur" in obj, get: obj => obj.enableBlur, set: (obj, value) => { obj.enableBlur = value; } }, metadata: _metadata }, _enableBlur_initializers, _enableBlur_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
             __esDecorate(this, null, _mindmapElement_decorators, { kind: "accessor", name: "mindmapElement", static: false, private: false, access: { has: obj => "mindmapElement" in obj, get: obj => obj.mindmapElement, set: (obj, value) => { obj.mindmapElement = value; } }, metadata: _metadata }, _mindmapElement_initializers, _mindmapElement_extraInitializers);
             __esDecorate(this, null, _readyToDrop_decorators, { kind: "accessor", name: "readyToDrop", static: false, private: false, access: { has: obj => "readyToDrop" in obj, get: obj => obj.readyToDrop, set: (obj, value) => { obj.readyToDrop = value; } }, metadata: _metadata }, _readyToDrop_initializers, _readyToDrop_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -77,6 +77,11 @@ let EdgelessMindmapToolButton = (() => {
       display: flex;
       justify-content: center;
       align-items: center;
+      /* Make this button the containing block of the popup's clip wrapper so
+         the "Others" sub-menu anchors to THIS button (not the whole toolbar)
+         and can be right-aligned to it — mirrors the framework senior buttons.
+         Without this the menu drifts when senior buttons are hidden. */
+      position: relative;
     }
     .partial-clip {
       flex-shrink: 0;
@@ -86,88 +91,57 @@ let EdgelessMindmapToolButton = (() => {
       padding: 0 10px;
       overflow: hidden;
     }
+    /* Icons sit centered in the slot — no basket tray. */
     .basket-wrapper {
       pointer-events: auto;
       height: 64px;
       width: 96px;
       display: flex;
       justify-content: center;
-      align-items: flex-end;
+      align-items: center;
+      gap: 4px;
       position: relative;
     }
-    .basket,
-    .basket-tool-item {
-      transition: transform 0.3s ease-in-out;
-      position: absolute;
-    }
-
-    .basket {
-      bottom: 0;
-      height: 17px;
-      width: 76px;
-    }
-    .basket > div,
-    .basket > svg {
-      position: absolute;
-    }
-    .glass {
-      width: 76px;
-      height: 17px;
-      border-radius: 2px;
-      mask: url(#mindmap-basket-body-mask);
-    }
-    .glass.enabled {
-      backdrop-filter: blur(2px);
-    }
-    @-moz-document url-prefix() {
-      .glass.enabled {
-        backdrop-filter: none;
-      }
-    }
-
-    .basket {
-      z-index: 3;
-    }
     .basket-tool-item {
+      position: relative;
       cursor: grab;
+      transition: transform 0.3s ease-in-out;
     }
     .basket-tool-item svg {
       display: block;
+      max-width: 46px;
+      max-height: 46px;
+      width: auto;
+      height: auto;
     }
-    .basket-tool-item {
-      transform: translate(var(--default-x, 0), var(--default-y, 0))
-        rotate(var(--default-r, 0)) scale(var(--default-s, 1));
-      z-index: var(--default-z, 0);
-    }
-
+    /* the drag clone flies in/out using its captured offsets */
     .basket-tool-item.next {
+      position: absolute;
       transform: translate(var(--next-x, 0), var(--next-y, 0))
         rotate(var(--next-r, 0)) scale(var(--next-s, 1));
       z-index: var(--next-z, 0);
     }
-
-    /* active & hover */
-    .basket-wrapper:hover .basket,
-    .basket-wrapper.active .basket {
-      z-index: 0;
-    }
     .basket-wrapper:hover .basket-tool-item.current,
     .basket-wrapper.active .basket-tool-item.current {
-      transform: translate(var(--active-x, 0), var(--active-y, 0))
-        rotate(var(--active-r, 0)) scale(var(--active-s, 1));
-      z-index: var(--active-z, 0);
-    }
-
-    .basket-tool-item.next.coming,
-    .basket-wrapper:hover .basket-tool-item.current:hover {
-      transform: translate(var(--hover-x, 0), var(--hover-y, 0))
-        rotate(var(--hover-r, 0)) scale(var(--hover-s, 1));
-      z-index: var(--hover-z, 0);
+      transform: translateY(-6px) scale(1.06);
     }
   `; }
         get draggableTools() {
-            const style = this._style$.value;
-            const mindmap = this.mindmaps.find(m => m.style === style) || this.mindmaps[0];
+            // The dedicated "Mind Map" button carries only the mindmap tool; the
+            // "Others" button keeps free-text + add-file.
+            if (this.variant === 'mindmap') {
+                const style = this._style$.value;
+                const mindmap = this.mindmaps.find(m => m.style === style) || this.mindmaps[0];
+                return [
+                    {
+                        name: 'mindmap',
+                        icon: mindmap.icon,
+                        config: mindmapConfig,
+                        standardWidth: 350,
+                        render: getMindmapRender(style),
+                    },
+                ];
+            }
             return [
                 {
                     name: 'media',
@@ -183,13 +157,6 @@ let EdgelessMindmapToolButton = (() => {
                     standardWidth: 100,
                     render: textRender,
                 },
-                {
-                    name: 'mindmap',
-                    icon: mindmap.icon,
-                    config: mindmapConfig,
-                    standardWidth: 350,
-                    render: getMindmapRender(style),
-                },
             ];
         }
         get mindmaps() {
@@ -205,6 +172,7 @@ let EdgelessMindmapToolButton = (() => {
             const menu = this.createPopper('edgeless-mindmap-menu', this);
             Object.assign(menu.element, {
                 edgeless: this.edgeless,
+                variant: this.variant,
                 onActiveStyleChange: (style) => {
                     this.edgeless.std.get(EditPropsStore).recordLastProps('mindmap', {
                         style,
@@ -228,6 +196,20 @@ let EdgelessMindmapToolButton = (() => {
                     });
                 },
             });
+            // Right-align the menu's right edge to this button's right edge, like the
+            // framework senior buttons. Stays correct however many buttons are hidden.
+            const el = menu.element;
+            const wrap = el.parentElement;
+            if (wrap) {
+                wrap.style.overflow = 'visible';
+                wrap.style.justifyContent = 'flex-end';
+            }
+            Object.assign(el.style, {
+                position: 'static',
+                width: 'max-content',
+                maxWidth: 'calc(100vw - 16px)',
+                marginLeft: '0',
+            });
         }
         initDragController() {
             if (!this.edgeless || !this.toolbarContainer)
@@ -291,38 +273,41 @@ let EdgelessMindmapToolButton = (() => {
                         .catch(console.error);
                 },
             });
-            this.edgeless.bindHotKey({
-                m: () => {
-                    const gfx = this.gfx;
-                    const locked = gfx.viewport.locked;
-                    if (locked)
-                        return;
-                    if (gfx.selection.editing)
-                        return;
-                    if (this.readyToDrop) {
-                        // change the style
-                        const activeIndex = this.mindmaps.findIndex(m => m.style === this._style$.value);
-                        const nextIndex = (activeIndex + 1) % this.mindmaps.length;
-                        const next = this.mindmaps[nextIndex];
-                        this.edgeless.std.get(EditPropsStore).recordLastProps('mindmap', {
-                            style: next.style,
-                        });
-                        const tool = this.draggableTools.find(t => t.name === 'mindmap');
-                        this.draggableController.updateElementInfo({
-                            data: tool,
-                            preview: next.icon,
-                        });
-                        return;
-                    }
-                    this.setEdgelessTool(EmptyTool);
-                    const icon = this.mindmapElement;
-                    const { x, y } = gfx.tool.lastMouseViewPos$.peek();
-                    const { viewport } = this.edgeless.std.get(ViewportElementProvider);
-                    const { left, top } = viewport;
-                    const clientPos = { x: x + left, y: y + top };
-                    this.draggableController.dragAndMoveTo(icon, clientPos);
-                },
-            }, { global: true });
+            // The `m` shortcut belongs to the dedicated Mind Map button only.
+            if (this.variant === 'mindmap') {
+                this.edgeless.bindHotKey({
+                    m: () => {
+                        const gfx = this.gfx;
+                        const locked = gfx.viewport.locked;
+                        if (locked)
+                            return;
+                        if (gfx.selection.editing)
+                            return;
+                        if (this.readyToDrop) {
+                            // change the style
+                            const activeIndex = this.mindmaps.findIndex(m => m.style === this._style$.value);
+                            const nextIndex = (activeIndex + 1) % this.mindmaps.length;
+                            const next = this.mindmaps[nextIndex];
+                            this.edgeless.std.get(EditPropsStore).recordLastProps('mindmap', {
+                                style: next.style,
+                            });
+                            const tool = this.draggableTools.find(t => t.name === 'mindmap');
+                            this.draggableController.updateElementInfo({
+                                data: tool,
+                                preview: next.icon,
+                            });
+                            return;
+                        }
+                        this.setEdgelessTool(EmptyTool);
+                        const icon = this.mindmapElement;
+                        const { x, y } = gfx.tool.lastMouseViewPos$.peek();
+                        const { viewport } = this.edgeless.std.get(ViewportElementProvider);
+                        const { left, top } = viewport;
+                        const clientPos = { x: x + left, y: y + top };
+                        this.draggableController.dragAndMoveTo(icon, clientPos);
+                    },
+                }, { global: true });
+            }
             // since there is not a tool called mindmap, we need to cancel the drag when the tool is changed
             this.disposables.add(this.gfx.tool.currentToolName$.subscribe(toolName => {
                 // FIXME: remove the assertion after gfx tool refactor
@@ -333,15 +318,12 @@ let EdgelessMindmapToolButton = (() => {
         }
         render() {
             const { popper } = this;
-            const appTheme = this.edgeless.std.get(ThemeProvider).app$.value;
-            const basketIcon = appTheme === 'light' ? basketIconLight : basketIconDark;
-            const glassBg = appTheme === 'light' ? 'rgba(255,255,255,0.5)' : 'rgba(74, 74, 74, 0.6)';
             const { cancelled, dragOut, draggingElement } = this.draggableController?.states || {};
             const active = popper || draggingElement;
             return html `<edgeless-toolbar-button
       class="edgeless-mindmap-button"
       ?withHover=${true}
-      .tooltip=${popper ? '' : 'Others'}
+      .tooltip=${popper ? '' : this.variant === 'mindmap' ? 'Mind Map' : 'Others'}
       .tooltipOffset=${4}
       @click=${this._toggleMenu}
       style="width: 100%; height: 100%; display: inline-block"
@@ -389,41 +371,8 @@ let EdgelessMindmapToolButton = (() => {
                   ${tool.icon}
                 </div>`;
             })}
-
-          <div class="basket">
-            <div
-              class="glass ${this.enableBlur ? 'enabled' : ''}"
-              style="background: ${glassBg}"
-            ></div>
-            ${basketIcon}
-          </div>
         </div>
       </div>
-
-      <svg width="0" height="0" style="opacity: 0; pointer-events: none">
-        <defs>
-          <mask id="mindmap-basket-body-mask">
-            <rect
-              x="2"
-              width="71.8"
-              y="2"
-              height="15"
-              rx="1.5"
-              ry="1.5"
-              fill="white"
-            />
-            <rect
-              width="32"
-              height="6"
-              x="22"
-              y="5.9"
-              fill="black"
-              rx="3"
-              ry="3"
-            />
-          </mask>
-        </defs>
-      </svg>
     </edgeless-toolbar-button>`;
         }
         updated(_changedProperties) {
@@ -433,9 +382,11 @@ let EdgelessMindmapToolButton = (() => {
                 this.initDragController();
             }
         }
-        #enableBlur_accessor_storage;
-        get enableBlur() { return this.#enableBlur_accessor_storage; }
-        set enableBlur(value) { this.#enableBlur_accessor_storage = value; }
+        #variant_accessor_storage;
+        /** `'mindmap'` → the dedicated Mind Map button; `'other'` → free-text +
+         * add-file ("Others"). Drives the tools, tooltip, `m` shortcut and menu. */
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
         #mindmapElement_accessor_storage;
         get mindmapElement() { return this.#mindmapElement_accessor_storage; }
         set mindmapElement(value) { this.#mindmapElement_accessor_storage = value; }
@@ -450,8 +401,8 @@ let EdgelessMindmapToolButton = (() => {
             });
             this.enableActiveBackground = true;
             this.type = [EmptyTool, TextTool];
-            this.#enableBlur_accessor_storage = __runInitializers(this, _enableBlur_initializers, true);
-            this.#mindmapElement_accessor_storage = (__runInitializers(this, _enableBlur_extraInitializers), __runInitializers(this, _mindmapElement_initializers, void 0));
+            this.#variant_accessor_storage = __runInitializers(this, _variant_initializers, 'other');
+            this.#mindmapElement_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _mindmapElement_initializers, void 0));
             this.#readyToDrop_accessor_storage = (__runInitializers(this, _mindmapElement_extraInitializers), __runInitializers(this, _readyToDrop_initializers, false));
             __runInitializers(this, _readyToDrop_extraInitializers);
         }

package/dist/_pkgs/affine-gfx-mindmap/toolbar/senior-tool.d.ts

@@ -1 +1,3 @@
 export declare const mindMapSeniorTool: import("../../store/index.js").ExtensionType;
+/** The "Others" button: free-text + add-file (mindmap moved to its own tool). */
+export declare const otherSeniorTool: import("../../store/index.js").ExtensionType;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/senior-tool.js

@@ -6,6 +6,18 @@ export const mindMapSeniorTool = SeniorToolExtension('mindMap', ({ block, toolba
         content: html `<edgeless-mindmap-tool-button
         .edgeless=${block}
         .toolbarContainer=${toolbarContainer}
+        .variant=${'mindmap'}
+      ></edgeless-mindmap-tool-button>`,
+    };
+});
+/** The "Others" button: free-text + add-file (mindmap moved to its own tool). */
+export const otherSeniorTool = SeniorToolExtension('other', ({ block, toolbarContainer }) => {
+    return {
+        name: 'Others',
+        content: html `<edgeless-mindmap-tool-button
+        .edgeless=${block}
+        .toolbarContainer=${toolbarContainer}
+        .variant=${'other'}
       ></edgeless-mindmap-tool-button>`,
     };
 });

package/dist/_pkgs/affine-gfx-mindmap/view.d.ts

@@ -1,6 +1,22 @@
 import { type ViewExtensionContext, ViewExtensionProvider } from '../affine-ext-loader/index.js';
-export declare class MindmapViewExtension extends ViewExtensionProvider {
+/**
+ * Mindmap rendering — ALWAYS registered, independent of any flag. Disabling the
+ * `mindmap` / `other` flags hides only their senior buttons (see below); placed
+ * mindmaps must still paint, stay editable, and Templates-panel insertion must
+ * still render them.
+ */
+export declare class MindmapRenderViewExtension extends ViewExtensionProvider {
     name: string;
     effect(): void;
     setup(context: ViewExtensionContext): void;
 }
+/** The dedicated "Mind Map" senior button — flag-gated (`mindmap`). */
+export declare class MindmapToolViewExtension extends ViewExtensionProvider {
+    name: string;
+    setup(context: ViewExtensionContext): void;
+}
+/** The "Others" senior button (free-text + add-file) — flag-gated (`other`). */
+export declare class OtherToolViewExtension extends ViewExtensionProvider {
+    name: string;
+    setup(context: ViewExtensionContext): void;
+}

package/dist/_pkgs/affine-gfx-mindmap/view.js

@@ -1,24 +1,32 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
+import { extendTemplateCategory } from '../affine-gfx-template/index.js';
 import { effects } from './effects';
 import { MindmapElementRendererExtension } from './element-renderer';
 import { MindMapIndicatorOverlay } from './indicator-overlay';
 import { MindMapDragExtension } from './interactivity';
 import { mindmapToolbarExtension, shapeMindmapToolbarExtension, } from './toolbar/config';
-import { mindMapSeniorTool } from './toolbar/senior-tool';
+import { mindMapSeniorTool, otherSeniorTool } from './toolbar/senior-tool';
+import { mindmapTemplateCategory } from './templates';
 import { MindMapInteraction, MindMapView } from './view/view';
-export class MindmapViewExtension extends ViewExtensionProvider {
+/**
+ * Mindmap rendering — ALWAYS registered, independent of any flag. Disabling the
+ * `mindmap` / `other` flags hides only their senior buttons (see below); placed
+ * mindmaps must still paint, stay editable, and Templates-panel insertion must
+ * still render them.
+ */
+export class MindmapRenderViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);
-        this.name = 'affine-mindmap-gfx';
+        this.name = 'affine-mindmap-render-gfx';
     }
     effect() {
         super.effect();
         effects();
+        extendTemplateCategory(mindmapTemplateCategory);
     }
     setup(context) {
         super.setup(context);
         context.register(MindmapElementRendererExtension);
-        context.register(mindMapSeniorTool);
         context.register(mindmapToolbarExtension);
         context.register(shapeMindmapToolbarExtension);
         context.register(MindMapView);
@@ -27,3 +35,29 @@ export class MindmapViewExtension extends ViewExtensionProvider {
         context.register(MindMapInteraction);
     }
 }
+/** The dedicated "Mind Map" senior button — flag-gated (`mindmap`). */
+export class MindmapToolViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-mindmap-gfx';
+    }
+    setup(context) {
+        super.setup(context);
+        if (this.isEdgeless(context.scope)) {
+            context.register(mindMapSeniorTool);
+        }
+    }
+}
+/** The "Others" senior button (free-text + add-file) — flag-gated (`other`). */
+export class OtherToolViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-other-gfx';
+    }
+    setup(context) {
+        super.setup(context);
+        if (this.isEdgeless(context.scope)) {
+            context.register(otherSeniorTool);
+        }
+    }
+}

package/dist/_pkgs/affine-gfx-template/services/template-middlewares.js

@@ -35,7 +35,7 @@ export const replaceIdMiddleware = (job) => {
                 regeneratedIdMap.set(id, newId);
                 val.id = newId;
                 elements[newId] = val;
-                if (['connector', 'group'].includes(val['type'])) {
+                if (['connector', 'group', 'mindmap'].includes(val['type'])) {
                     defered.push(newId);
                 }
             });
@@ -73,6 +73,21 @@ export const replaceIdMiddleware = (job) => {
                             }
                         }
                         break;
+                    case 'mindmap':
+                        {
+                            const children = element['children'];
+                            const newJson = {};
+                            Object.entries(children.json).forEach(([key, val]) => {
+                                const newVal = { ...val };
+                                if (newVal.parent) {
+                                    newVal.parent =
+                                        regeneratedIdMap.get(newVal.parent) ?? newVal.parent;
+                                }
+                                newJson[regeneratedIdMap.get(key) ?? key] = newVal;
+                            });
+                            children.json = newJson;
+                        }
+                        break;
                 }
             });
             blockJson.props.elements = elements;

package/dist/_pkgs/affine-model/elements/core-domain/core-domain.d.ts

@@ -0,0 +1,36 @@
+import type { IVec, SerializedXYWH } from '../../../global/gfx/index.js';
+import { Bound } from '../../../global/gfx/index.js';
+import type { BaseElementProps } from '../../../std/gfx/index.js';
+import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+export type CoreDomainChartProps = BaseElementProps & {
+    /** When false the resize handles are hidden — toggled from the toolbar. */
+    resizeEnabled?: boolean;
+    /** When false the translucent Core / Supporting / Generic zone bands are hidden. */
+    showZones?: boolean;
+    /** When false the axis titles, Low/High ticks and zone names are hidden. */
+    showLabels?: boolean;
+};
+/**
+ * The Core Domain Chart background (DDD Crew): the two axes (Complexity ×
+ * Business differentiation) with their Low/High ticks and the translucent
+ * Generic / Supporting / Core zone bands. The user places sub-domain dots,
+ * movement arrows and the Notation legend on top of it.
+ *
+ * Mirrors the Wardley / EDGY / Cynefin backgrounds: extends
+ * {@link GfxPrimitiveElementModel} so it inherits selection, move, copy/paste,
+ * duplicate, align and undo/redo. Authored in a fixed reference space and scaled
+ * uniformly to the element bounds by the renderer.
+ */
+export declare class CoreDomainChartElementModel extends GfxPrimitiveElementModel<CoreDomainChartProps> {
+    get type(): string;
+    get connectable(): boolean;
+    containsBound(bounds: Bound): boolean;
+    getLineIntersections(start: IVec, end: IVec): import("../../../global/gfx/index.js").PointLocation[] | null;
+    getNearestPoint(point: IVec): IVec;
+    includesPoint(x: number, y: number): boolean;
+    accessor resizeEnabled: boolean;
+    accessor showZones: boolean;
+    accessor showLabels: boolean;
+    accessor rotate: number;
+    accessor xywh: SerializedXYWH;
+}

package/dist/_pkgs/affine-model/elements/core-domain/core-domain.js

@@ -0,0 +1,122 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { Bound, getPointsFromBoundWithRotation, linePolygonIntersects, pointInPolygon, polygonNearestPoint, } from '../../../global/gfx/index.js';
+import { field, GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+/**
+ * The Core Domain Chart background (DDD Crew): the two axes (Complexity ×
+ * Business differentiation) with their Low/High ticks and the translucent
+ * Generic / Supporting / Core zone bands. The user places sub-domain dots,
+ * movement arrows and the Notation legend on top of it.
+ *
+ * Mirrors the Wardley / EDGY / Cynefin backgrounds: extends
+ * {@link GfxPrimitiveElementModel} so it inherits selection, move, copy/paste,
+ * duplicate, align and undo/redo. Authored in a fixed reference space and scaled
+ * uniformly to the element bounds by the renderer.
+ */
+let CoreDomainChartElementModel = (() => {
+    let _classSuper = GfxPrimitiveElementModel;
+    let _resizeEnabled_decorators;
+    let _resizeEnabled_initializers = [];
+    let _resizeEnabled_extraInitializers = [];
+    let _showZones_decorators;
+    let _showZones_initializers = [];
+    let _showZones_extraInitializers = [];
+    let _showLabels_decorators;
+    let _showLabels_initializers = [];
+    let _showLabels_extraInitializers = [];
+    let _rotate_decorators;
+    let _rotate_initializers = [];
+    let _rotate_extraInitializers = [];
+    let _xywh_decorators;
+    let _xywh_initializers = [];
+    let _xywh_extraInitializers = [];
+    return class CoreDomainChartElementModel extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _resizeEnabled_decorators = [field(true)];
+            _showZones_decorators = [field(true)];
+            _showLabels_decorators = [field(true)];
+            _rotate_decorators = [field(0)];
+            _xywh_decorators = [field()];
+            __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);
+            __esDecorate(this, null, _showZones_decorators, { kind: "accessor", name: "showZones", static: false, private: false, access: { has: obj => "showZones" in obj, get: obj => obj.showZones, set: (obj, value) => { obj.showZones = value; } }, metadata: _metadata }, _showZones_initializers, _showZones_extraInitializers);
+            __esDecorate(this, null, _showLabels_decorators, { kind: "accessor", name: "showLabels", static: false, private: false, access: { has: obj => "showLabels" in obj, get: obj => obj.showLabels, set: (obj, value) => { obj.showLabels = value; } }, metadata: _metadata }, _showLabels_initializers, _showLabels_extraInitializers);
+            __esDecorate(this, null, _rotate_decorators, { kind: "accessor", name: "rotate", static: false, private: false, access: { has: obj => "rotate" in obj, get: obj => obj.rotate, set: (obj, value) => { obj.rotate = value; } }, metadata: _metadata }, _rotate_initializers, _rotate_extraInitializers);
+            __esDecorate(this, null, _xywh_decorators, { kind: "accessor", name: "xywh", static: false, private: false, access: { has: obj => "xywh" in obj, get: obj => obj.xywh, set: (obj, value) => { obj.xywh = value; } }, metadata: _metadata }, _xywh_initializers, _xywh_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        get type() {
+            return 'coreDomain';
+        }
+        get connectable() {
+            return false;
+        }
+        containsBound(bounds) {
+            const points = getPointsFromBoundWithRotation(this);
+            return points.some(point => bounds.containsPoint(point));
+        }
+        getLineIntersections(start, end) {
+            const points = getPointsFromBoundWithRotation(this);
+            return linePolygonIntersects(start, end, points);
+        }
+        getNearestPoint(point) {
+            return polygonNearestPoint(Bound.deserialize(this.xywh).points, point);
+        }
+        includesPoint(x, y) {
+            const points = getPointsFromBoundWithRotation(this);
+            return pointInPolygon([x, y], points);
+        }
+        #resizeEnabled_accessor_storage = __runInitializers(this, _resizeEnabled_initializers, true);
+        get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
+        set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
+        #showZones_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _showZones_initializers, true));
+        get showZones() { return this.#showZones_accessor_storage; }
+        set showZones(value) { this.#showZones_accessor_storage = value; }
+        #showLabels_accessor_storage = (__runInitializers(this, _showZones_extraInitializers), __runInitializers(this, _showLabels_initializers, true));
+        get showLabels() { return this.#showLabels_accessor_storage; }
+        set showLabels(value) { this.#showLabels_accessor_storage = value; }
+        #rotate_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _rotate_initializers, 0));
+        get rotate() { return this.#rotate_accessor_storage; }
+        set rotate(value) { this.#rotate_accessor_storage = value; }
+        #xywh_accessor_storage = (__runInitializers(this, _rotate_extraInitializers), __runInitializers(this, _xywh_initializers, '[0,0,900,820]'));
+        get xywh() { return this.#xywh_accessor_storage; }
+        set xywh(value) { this.#xywh_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _xywh_extraInitializers);
+        }
+    };
+})();
+export { CoreDomainChartElementModel };

package/dist/_pkgs/affine-model/elements/core-domain/index.d.ts

@@ -0,0 +1 @@
+export * from './core-domain.js';

package/dist/_pkgs/affine-model/elements/core-domain/index.js

@@ -0,0 +1 @@
+export * from './core-domain.js';

package/dist/_pkgs/affine-model/elements/index.d.ts

@@ -2,6 +2,7 @@ import type { EdgelessTextBlockModel } from '../blocks/edgeless-text/edgeless-te
 import type { BpmnNodeElementModel, BpmnPoolElementModel } from './bpmn/index.js';
 import type { BrushElementModel } from './brush/index.js';
 import type { ConnectorElementModel } from './connector/index.js';
+import type { CoreDomainChartElementModel } from './core-domain/index.js';
 import type { EdgyFacetsElementModel, EdgyNodeElementModel } from './edgy/index.js';
 import type { CynefinElementModel } from './cynefin/index.js';
 import type { EstuarineElementModel } from './estuarine/index.js';
@@ -14,6 +15,7 @@ import type { WardleyBackgroundElementModel, WardleyNodeElementModel } from './w
 export * from './bpmn/index.js';
 export * from './brush/index.js';
 export * from './connector/index.js';
+export * from './core-domain/index.js';
 export * from './cynefin/index.js';
 export * from './edgy/index.js';
 export * from './estuarine/index.js';
@@ -39,6 +41,7 @@ export type SurfaceElementModelMap = {
     edgyNode: EdgyNodeElementModel;
     cynefin: CynefinElementModel;
     estuarine: EstuarineElementModel;
+    coreDomain: CoreDomainChartElementModel;
 };
 export type SurfaceTextModelMap = {
     text: TextElementModel;

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

@@ -1,6 +1,7 @@
 export * from './bpmn/index.js';
 export * from './brush/index.js';
 export * from './connector/index.js';
+export * from './core-domain/index.js';
 export * from './cynefin/index.js';
 export * from './edgy/index.js';
 export * from './estuarine/index.js';

package/dist/_pkgs/affine-shared/services/telemetry-service/lifecycle.d.ts

@@ -33,7 +33,7 @@ export type BlockLifecycleEvents = {
  * manipulated ('background:classic', 'node:market', 'connector:link'…).
  */
 export interface FrameworkElementEvent extends TelemetryEvent {
-    framework: 'wardley' | 'edgy' | 'cynefin' | 'bpmn';
+    framework: 'wardley' | 'edgy' | 'cynefin' | 'bpmn' | 'event-storming' | 'core-domain' | 'context-map';
     element: string;
 }
 export type FrameworkDiagramEvents = {

package/dist/extensions/view.js

@@ -27,7 +27,7 @@ import { BrushViewExtension } from '../_pkgs/affine-gfx-brush/view.js';
 import { ConnectorViewExtension } from '../_pkgs/affine-gfx-connector/view.js';
 import { GroupViewExtension } from '../_pkgs/affine-gfx-group/view.js';
 import { LinkViewExtension as GfxLinkViewExtension } from '../_pkgs/affine-gfx-link/view.js';
-import { MindmapViewExtension } from '../_pkgs/affine-gfx-mindmap/view.js';
+import { MindmapRenderViewExtension, MindmapToolViewExtension, OtherToolViewExtension, } from '../_pkgs/affine-gfx-mindmap/view.js';
 import { NoteViewExtension as GfxNoteViewExtension } from '../_pkgs/affine-gfx-note/view.js';
 import { PointerViewExtension } from '../_pkgs/affine-gfx-pointer/view.js';
 import { ShapeViewExtension } from '../_pkgs/affine-gfx-shape/view.js';
@@ -70,12 +70,16 @@ export function getInternalViewExtensions(flags) {
         GfxNoteViewExtension,
         ...(on('brush') ? [BrushViewExtension] : []),
         ShapeViewExtension,
-        ...(on('mindmap') ? [MindmapViewExtension] : []),
+        // Mindmap rendering is always on; the flags gate only the senior buttons.
+        MindmapRenderViewExtension,
+        ...(on('mindmap') ? [MindmapToolViewExtension] : []),
+        ...(on('other') ? [OtherToolViewExtension] : []),
         ConnectorViewExtension,
         GroupViewExtension,
         TextViewExtension,
         ...(on('template') ? [TemplateViewExtension] : []),
         ...(on('link') ? [GfxLinkViewExtension] : []),
+        // Core Domain rendering is always on; the flag gates only the senior button.
         // Block
         ...(on('attachment') ? [AttachmentViewExtension] : []),
         ...(on('bookmark') ? [BookmarkViewExtension] : []),

package/dist/flags.d.ts

@@ -23,7 +23,7 @@
  * - `latex` controls both the latex block and inline latex.
  * - `frame` also controls the frame panel fragment.
  */
-export declare const OPTIONAL_BLOCKS: readonly ["attachment", "bookmark", "callout", "code", "data-view", "database", "divider", "edgeless-text", "embed", "embed-doc", "frame", "image", "latex", "list", "surface-ref", "table", "brush", "mindmap", "template", "link"];
+export declare const OPTIONAL_BLOCKS: readonly ["attachment", "bookmark", "callout", "code", "data-view", "database", "divider", "edgeless-text", "embed", "embed-doc", "frame", "image", "latex", "list", "surface-ref", "table", "brush", "mindmap", "other", "template", "link"];
 export type OptionalBlock = (typeof OPTIONAL_BLOCKS)[number];
 /** Map of optional block -> enabled. Missing keys default to enabled. */
 export type BlockFlags = Partial<Record<OptionalBlock, boolean>>;

package/dist/flags.js

@@ -43,6 +43,7 @@ export const OPTIONAL_BLOCKS = [
     // gfx modules
     'brush',
     'mindmap',
+    'other',
     'template',
     'link',
 ];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-core",
   "description": "Labre editor — the full BlockSuite-derived editor as one package.",
-  "version": "0.23.3",
+  "version": "0.25.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",