@xiangfa/mindmap 0.3.0 → 0.5.0

package/dist/esm/components/MindMapAIInput.js

@@ -0,0 +1,199 @@
+import { IconClose as e, IconLightning as t, IconLoaderCircle as n, IconPaperclip as r, IconStop as i } from "./icons.js";
+import { useCallback as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/MindMap/components/MindMapAIInput.tsx
+var d = "#Role\nYou are a professional Mind Map Generator specializing in hierarchical information architecture. Your objective is to deconstruct complex topics into a robust, visual Markdown outline.\n\n#Logic and Structure\n- Primary Branches: Use the MECE (Mutually Exclusive, Collectively Exhaustive) principle to ensure no overlap and complete coverage of the topic.\n- Branching Density: Aim for 3-5 primary branches. For narrow topics that do not naturally yield five branches, provide at least 3 branches and prioritize hierarchical depth over breadth.\n- Hierarchical Depth: The structure must not exceed a maximum depth of the Root + 3 levels.\n- Logical Flow: Organize the sequence of branches and sub-nodes based on priority, moving from foundational concepts to advanced applications.\n\n#Formatting Standards\n- Root Node: Place the root node on the first line of the response with no prefix (no hyphen, bullet, or number).\n- Indentation: Use exactly two spaces per level of hierarchy to define the structure.\n- Child Node Prefix: Every child node must start with a hyphen followed by a space (\"- \").\n- Text Constraints: Each node must contain between 2 and 6 visible words. Markdown formatting characters (e.g., **, ==, `) do not count toward this 2-6 word limit.\n- Remarks: Insert contextual notes or brief explanations immediately after relevant nodes using the \"> \" prefix.\n- Inline Styling: Use Obsidian-compatible Markdown for emphasis: **bold**, *italic*, `code`, ~~strikethrough~~, and ==highlighting==.\n\n#Extended Syntax (Optional)\nUse these features only when they naturally enhance the mind map's clarity or structure. Do not force them into every response.\n- Dotted Lines: Use \"-.\" instead of \"-\" for weak, optional, or tentative relationships. Example: \"-. Optional Step\"\n- Multi-line Content: Use \"|\" prefix lines to append additional display lines to a node. Example:\n  - Main Point\n    | Supporting detail line 1\n    | Supporting detail line 2\n- Tags: Add \"#tag\" at the end of node text for categorization. Example: \"- React #frontend #framework\"\n- Cross-links: Define anchors with \"{#id}\" and link with \"-> {#id}\" to connect nodes across branches. Example:\n  - Node A {#a}\n  - Node B\n    -> {#a} \"references\"\n- Folding: Use \"+\" instead of \"-\" to mark a node as initially collapsed (children hidden by default). Example: \"+ Collapsed Section\"\n- LaTeX: Use \"$...$\" for inline math and \"$$...$$\" for display math. Example: \"- Energy: $E = mc^2$\"\n- Frontmatter: Use a \"---\" block at the very top to set layout direction or theme:\n  ---\n  direction: right\n  theme: dark\n  ---\n\n#Example Output\nProject Management\n- **Foundational Concepts** #core\n  - Project Life Cycle\n    > Initiation through closing phases\n    | Planning, executing, monitoring\n  - Stakeholder Identification\n- *Execution Frameworks*\n  - ==Agile Methodologies==\n  -. Hybrid Approaches\n- Advanced Optimization\n  - Resource Load Balancing\n    > Optimizing team allocation\n  - Portfolio Risk Mitigation\n\n#Constraints\n- Provide the raw Markdown output only.\n- Do not include any introductory text, conversational fillers, or explanations.\n- Do not include any concluding remarks or summaries.\n- Use extended syntax features (dotted lines, tags, multi-line, cross-links, etc.) only when they genuinely improve the mind map's clarity or structure. Default to basic syntax.\n- FINAL NEGATIVE CONSTRAINT: Do not wrap the output in markdown code fences. Provide the response as raw, plain text.";
+function f(e) {
+	if (!e || e.length === 0) return "";
+	let t = [];
+	for (let n of e) n === "text" ? t.push("text/*,.json,.js,.ts,.xml,.yaml,.yml,.sql,.sh,.md") : n === "image" ? t.push("image/*") : n === "pdf" && t.push("application/pdf");
+	return t.join(",");
+}
+function p(e, t) {
+	if (t.length === 0) return e;
+	let n = [{
+		type: "text",
+		text: e
+	}];
+	for (let e of t) if (e.type.startsWith("image/")) n.push({
+		type: "image_url",
+		image_url: { url: e.base64 }
+	});
+	else {
+		let t = atob(e.base64.split(",")[1] || "");
+		n.push({
+			type: "text",
+			text: `[File: ${e.name}]\n${t}`
+		});
+	}
+	return n;
+}
+function m(e) {
+	let t = e.replace(/<think>[\s\S]*?<\/think>/g, "");
+	return t = t.replace(/<think>[\s\S]*$/, ""), t;
+}
+async function* h(e) {
+	let t = new TextDecoder(), n = "";
+	for (;;) {
+		let { done: r, value: i } = await e.read();
+		if (r) break;
+		n += t.decode(i, { stream: !0 });
+		let a = n.split("\n");
+		n = a.pop() || "";
+		for (let e of a) {
+			let t = e.trim();
+			if (t === "data: [DONE]") return;
+			if (t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6)).choices?.[0]?.delta?.content;
+				e && (yield e);
+			} catch {}
+		}
+	}
+}
+function g({ config: g, theme: _, messages: v, currentMarkdown: y, onMarkdownStream: b, onComplete: x, onError: S }) {
+	let [C, w] = s(""), [T, E] = s(!1), [D, O] = s([]), [k, A] = s(null), j = o(null), M = o(null), N = o(0), P = g.attachments && g.attachments.length > 0, F = a(async () => {
+		let e = C.trim();
+		if (!e && D.length === 0 || T) return;
+		E(!0), A(null);
+		let t = new AbortController();
+		j.current = t;
+		try {
+			let n = p(e, D), r = g.systemPrompt || d, i = y?.trim() ? `${r}\n\n#Current Mind Map\nThe user already has the following mind map. They may ask you to modify, expand, or optimize it. If the user's request is about the existing content, use it as the base and output the updated version. If the request is about a new topic, generate a fresh mind map.\n\n\`\`\`\n${y.trim()}\n\`\`\`` : r, a = JSON.stringify({
+				model: g.model,
+				messages: [{
+					role: "system",
+					content: i
+				}, {
+					role: "user",
+					content: n
+				}],
+				stream: !0
+			}), o = await fetch(g.apiUrl, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Authorization: `Bearer ${g.apiKey}`
+				},
+				body: a,
+				signal: t.signal
+			});
+			if (!o.ok) throw Error(`API error: ${o.status}`);
+			let s = o.body?.getReader();
+			if (!s) throw Error("No response body");
+			let c = "", l = !1;
+			for await (let e of h(s)) if (c += e, !l) {
+				l = !0;
+				let e = m(c);
+				N.current = requestAnimationFrame(() => {
+					b(e), l = !1;
+				});
+			}
+			cancelAnimationFrame(N.current), c && b(m(c)), w(""), O([]), x();
+		} catch (e) {
+			if (e.name === "AbortError") x();
+			else {
+				let t = e.message || v.aiError;
+				A(t), S(t), setTimeout(() => A(null), 4e3);
+			}
+		} finally {
+			E(!1), j.current = null;
+		}
+	}, [
+		C,
+		D,
+		T,
+		g,
+		y,
+		v,
+		b,
+		x,
+		S
+	]), I = a(() => {
+		j.current?.abort();
+	}, []), L = a((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), F());
+	}, [F]), R = a((e) => {
+		let t = e.target.files;
+		t && (Array.from(t).forEach((e) => {
+			let t = new FileReader();
+			t.onload = () => {
+				O((n) => [...n, {
+					name: e.name,
+					type: e.type,
+					base64: t.result
+				}]);
+			}, t.readAsDataURL(e);
+		}), e.target.value = "");
+	}, []), z = a((e) => {
+		O((t) => t.filter((t, n) => n !== e));
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		className: "mindmap-ai-input",
+		children: [
+			D.length > 0 && /* @__PURE__ */ l("div", {
+				className: "mindmap-ai-file-previews",
+				children: D.map((t, n) => /* @__PURE__ */ u("span", {
+					className: "mindmap-ai-file-chip",
+					children: [/* @__PURE__ */ l("span", {
+						className: "mindmap-ai-file-name",
+						children: t.name
+					}), /* @__PURE__ */ l("button", {
+						className: "mindmap-ai-file-remove",
+						onClick: () => z(n),
+						children: /* @__PURE__ */ l(e, { size: 12 })
+					})]
+				}, n))
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "mindmap-ai-input-row",
+				children: [
+					P && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+						className: "mindmap-ai-attach-btn",
+						onClick: () => M.current?.click(),
+						disabled: T,
+						title: v.aiPlaceholder,
+						children: /* @__PURE__ */ l(r, { size: 18 })
+					}), /* @__PURE__ */ l("input", {
+						ref: M,
+						type: "file",
+						accept: f(g.attachments),
+						multiple: !0,
+						style: { display: "none" },
+						onChange: R
+					})] }),
+					/* @__PURE__ */ l("input", {
+						className: "mindmap-ai-input-field",
+						type: "text",
+						value: T ? "" : C,
+						onChange: (e) => w(e.target.value),
+						onKeyDown: L,
+						placeholder: T ? v.aiGenerating : v.aiPlaceholder,
+						disabled: T
+					}),
+					/* @__PURE__ */ l("button", {
+						className: `mindmap-ai-send-btn${T ? " mindmap-ai-send-btn--loading" : ""}`,
+						onClick: T ? I : F,
+						disabled: !T && !C.trim() && D.length === 0,
+						style: {
+							background: T ? "transparent" : !C.trim() && D.length === 0 ? _.controls.hoverBg : _.root.bgColor,
+							color: T || !C.trim() && D.length === 0 ? _.controls.textColor : _.root.textColor
+						},
+						children: T ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+							className: "mindmap-ai-spinner",
+							children: /* @__PURE__ */ l(n, { size: 20 })
+						}), /* @__PURE__ */ l("span", {
+							className: "mindmap-ai-stop-icon",
+							children: /* @__PURE__ */ l(i, { size: 16 })
+						})] }) : /* @__PURE__ */ l(t, { size: 16 })
+					})
+				]
+			}),
+			k && /* @__PURE__ */ l("div", {
+				className: "mindmap-ai-error",
+				children: k
+			})
+		]
+	});
+}
+//#endregion
+export { g as MindMapAIInput };

package/dist/esm/components/MindMapContextMenu.js

@@ -1,116 +1,87 @@
 import { useState as e } from "react";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/MindMap/components/MindMapContextMenu.tsx
-function i({ position: i, theme: a, messages: o, readonly: s, onNewRootNode: c, onExportSVG: l, onExportPNG: u, onExportMarkdown: d, onDirectionChange: f, onClose: p }) {
-	let [m, h] = e(!1), [g, _] = e(!1);
+function i({ position: i, messages: a, readonly: o, onNewRootNode: s, onExportSVG: c, onExportPNG: l, onExportMarkdown: u, onDirectionChange: d, onClose: f }) {
+	let [p, m] = e(!1), [h, g] = e(!1);
 	return /* @__PURE__ */ r("div", {
 		className: "mindmap-context-menu",
 		style: {
 			left: i.x,
-			top: i.y,
-			background: a.contextMenu.bgColor,
-			color: a.contextMenu.textColor,
-			boxShadow: `0 4px 16px ${a.contextMenu.shadowColor}`,
-			borderColor: a.contextMenu.borderColor
+			top: i.y
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [
-			!s && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
+			!o && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
 				className: "mindmap-ctx-item mindmap-ctx-new-root",
-				onClick: c,
-				style: { color: a.contextMenu.textColor },
-				children: o.newRootNode
-			}), /* @__PURE__ */ n("div", {
-				className: "mindmap-ctx-divider",
-				style: { borderColor: a.contextMenu.borderColor }
-			})] }),
+				onClick: s,
+				children: a.newRootNode
+			}), /* @__PURE__ */ n("div", { className: "mindmap-ctx-divider" })] }),
 			/* @__PURE__ */ r("div", {
 				className: "mindmap-ctx-item mindmap-ctx-has-sub mindmap-ctx-layout",
-				onMouseEnter: () => _(!0),
-				onMouseLeave: () => _(!1),
-				style: { color: a.contextMenu.textColor },
+				onMouseEnter: () => g(!0),
+				onMouseLeave: () => g(!1),
 				children: [
-					o.layout,
+					a.layout,
 					/* @__PURE__ */ n("span", {
 						className: "mindmap-ctx-arrow",
 						children: "▶"
 					}),
-					g && /* @__PURE__ */ r("div", {
+					h && /* @__PURE__ */ r("div", {
 						className: "mindmap-ctx-submenu",
-						style: {
-							background: a.contextMenu.bgColor,
-							boxShadow: `0 4px 16px ${a.contextMenu.shadowColor}`,
-							borderColor: a.contextMenu.borderColor
-						},
 						children: [
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-layout-left",
 								onClick: () => {
-									f("left"), p();
+									d("left"), f();
 								},
-								style: { color: a.contextMenu.textColor },
-								children: o.layoutLeft
+								children: a.layoutLeft
 							}),
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-layout-both",
 								onClick: () => {
-									f("both"), p();
+									d("both"), f();
 								},
-								style: { color: a.contextMenu.textColor },
-								children: o.layoutBoth
+								children: a.layoutBoth
 							}),
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-layout-right",
 								onClick: () => {
-									f("right"), p();
+									d("right"), f();
 								},
-								style: { color: a.contextMenu.textColor },
-								children: o.layoutRight
+								children: a.layoutRight
 							})
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ n("div", {
-				className: "mindmap-ctx-divider",
-				style: { borderColor: a.contextMenu.borderColor }
-			}),
+			/* @__PURE__ */ n("div", { className: "mindmap-ctx-divider" }),
 			/* @__PURE__ */ r("div", {
 				className: "mindmap-ctx-item mindmap-ctx-has-sub mindmap-ctx-export",
-				onMouseEnter: () => h(!0),
-				onMouseLeave: () => h(!1),
-				style: { color: a.contextMenu.textColor },
+				onMouseEnter: () => m(!0),
+				onMouseLeave: () => m(!1),
 				children: [
-					o.export,
+					a.export,
 					/* @__PURE__ */ n("span", {
 						className: "mindmap-ctx-arrow",
 						children: "▶"
 					}),
-					m && /* @__PURE__ */ r("div", {
+					p && /* @__PURE__ */ r("div", {
 						className: "mindmap-ctx-submenu",
-						style: {
-							background: a.contextMenu.bgColor,
-							boxShadow: `0 4px 16px ${a.contextMenu.shadowColor}`,
-							borderColor: a.contextMenu.borderColor
-						},
 						children: [
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-export-svg",
-								onClick: l,
-								style: { color: a.contextMenu.textColor },
-								children: o.exportSVG
+								onClick: c,
+								children: a.exportSVG
 							}),
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-export-png",
-								onClick: u,
-								style: { color: a.contextMenu.textColor },
-								children: o.exportPNG
+								onClick: l,
+								children: a.exportPNG
 							}),
 							/* @__PURE__ */ n("div", {
 								className: "mindmap-ctx-item mindmap-ctx-export-md",
-								onClick: d,
-								style: { color: a.contextMenu.textColor },
-								children: o.exportMarkdown
+								onClick: u,
+								children: a.exportMarkdown
 							})
 						]
 					})

package/dist/esm/components/MindMapControls.js

@@ -1,48 +1,36 @@
 import { IconMinus as e, IconPlus as t } from "./icons.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/MindMap/components/MindMapControls.tsx
-function a({ zoom: a, theme: o, messages: s, showZoom: c = !0, mode: l, isFullscreen: u, onZoomIn: d, onZoomOut: f, onAutoFit: p, onModeToggle: m, onFullscreenToggle: h }) {
-	return /* @__PURE__ */ i(n, { children: [c && /* @__PURE__ */ i("div", {
+function a({ zoom: a, messages: o, showZoom: s = !0, mode: c, isFullscreen: l, onZoomIn: u, onZoomOut: d, onAutoFit: f, onModeToggle: p, onFullscreenToggle: m }) {
+	return /* @__PURE__ */ i(n, { children: [s && /* @__PURE__ */ i("div", {
 		className: "mindmap-zoom-controls",
-		style: {
-			background: o.controls.bgColor,
-			color: o.controls.textColor
-		},
 		children: [
 			/* @__PURE__ */ r("button", {
 				className: "mindmap-ctrl-btn mindmap-ctrl-zoom-out",
-				onClick: f,
-				title: s.zoomOut,
-				style: { color: o.controls.textColor },
+				onClick: d,
+				title: o.zoomOut,
 				children: /* @__PURE__ */ r(e, { size: 16 })
 			}),
 			/* @__PURE__ */ i("button", {
 				className: "mindmap-ctrl-pct",
-				onClick: p,
-				title: s.resetView,
-				style: { color: o.controls.textColor },
+				onClick: f,
+				title: o.resetView,
 				children: [Math.round(a * 100), "%"]
 			}),
 			/* @__PURE__ */ r("button", {
 				className: "mindmap-ctrl-btn mindmap-ctrl-zoom-in",
-				onClick: d,
-				title: s.zoomIn,
-				style: { color: o.controls.textColor },
+				onClick: u,
+				title: o.zoomIn,
 				children: /* @__PURE__ */ r(t, { size: 16 })
 			})
 		]
 	}), /* @__PURE__ */ i("div", {
 		className: "mindmap-extra-controls",
-		style: {
-			background: o.controls.bgColor,
-			color: o.controls.textColor
-		},
 		children: [/* @__PURE__ */ r("button", {
 			className: "mindmap-ctrl-btn mindmap-ctrl-mode",
-			onClick: m,
-			title: l === "view" ? s.textMode : s.viewMode,
-			style: { color: o.controls.textColor },
-			children: l === "view" ? /* @__PURE__ */ i("svg", {
+			onClick: p,
+			title: c === "view" ? o.textMode : o.viewMode,
+			children: c === "view" ? /* @__PURE__ */ i("svg", {
 				width: 16,
 				height: 16,
 				viewBox: "0 0 24 24",
@@ -73,10 +61,9 @@ function a({ zoom: a, theme: o, messages: s, showZoom: c = !0, mode: l, isFullsc
 			})
 		}), /* @__PURE__ */ r("button", {
 			className: "mindmap-ctrl-btn mindmap-ctrl-fullscreen",
-			onClick: h,
-			title: u ? s.exitFullscreen : s.fullscreen,
-			style: { color: o.controls.textColor },
-			children: u ? /* @__PURE__ */ i("svg", {
+			onClick: m,
+			title: l ? o.exitFullscreen : o.fullscreen,
+			children: l ? /* @__PURE__ */ i("svg", {
 				width: 16,
 				height: 16,
 				viewBox: "0 0 24 24",

package/dist/esm/components/MindMapNode.js

@@ -193,17 +193,12 @@ function _({ node: n, fontSize: r, fontWeight: d, fontFamily: m, textColor: _, o
 					y: -l / 2,
 					width: c,
 					height: l,
-					style: {
-						overflow: "visible",
-						pointerEvents: "none"
-					},
 					children: /* @__PURE__ */ f("div", {
+						className: "mindmap-latex-content",
 						style: {
 							fontSize: r * .75,
 							lineHeight: `${l}px`,
-							color: _,
-							whiteSpace: "nowrap",
-							textAlign: "center"
+							color: _
 						},
 						dangerouslySetInnerHTML: { __html: i }
 					})
@@ -257,17 +252,12 @@ function _({ node: n, fontSize: r, fontWeight: d, fontFamily: m, textColor: _, o
 								y: u - p / 2,
 								width: d,
 								height: p,
-								style: {
-									overflow: "visible",
-									pointerEvents: "none"
-								},
 								children: /* @__PURE__ */ f("div", {
+									className: "mindmap-latex-content",
 									style: {
 										fontSize: o * .75,
 										lineHeight: `${p}px`,
 										color: _,
-										whiteSpace: "nowrap",
-										textAlign: "center",
 										opacity: .8
 									},
 									dangerouslySetInnerHTML: { __html: r }
@@ -322,7 +312,6 @@ function _({ node: n, fontSize: r, fontWeight: d, fontFamily: m, textColor: _, o
 				dominantBaseline: "central",
 				fontSize: N,
 				opacity: .5,
-				style: { cursor: "help" },
 				onMouseEnter: () => v?.(n.id),
 				onMouseLeave: () => v?.(null),
 				children: [/* @__PURE__ */ f("title", { children: n.remark }), "💬"]
@@ -336,15 +325,12 @@ function v({ node: e, offset: t, isEditing: n, isPendingEdit: i, isSelected: a,
 		let t = u.root.bgColor;
 		return /* @__PURE__ */ p("g", {
 			transform: `translate(${O}, ${k})`,
-			className: `mindmap-node-g mindmap-node-root ${c} ${M} ${N}`,
+			className: `mindmap-node-g mindmap-node-root ${c} ${M} ${N}${s ? " mindmap-node-ghost" : ""}`,
+			"data-branch-index": e.branchIndex,
 			onMouseDown: (t) => v(t, e.id),
 			onClick: (t) => y(t, e.id),
 			onDoubleClick: (t) => b(t, e.id, F),
-			style: {
-				cursor: "pointer",
-				opacity: s ? .3 : 1,
-				...P
-			},
+			style: P,
 			children: [
 				/* @__PURE__ */ f("rect", {
 					className: "mindmap-node-bg",
@@ -454,7 +440,6 @@ function v({ node: e, offset: t, isEditing: n, isPendingEdit: i, isSelected: a,
 				}),
 				e.collapsed !== void 0 && h && E && /* @__PURE__ */ f("g", {
 					className: "mindmap-fold-btn",
-					style: { cursor: "pointer" },
 					onMouseDown: (e) => e.stopPropagation(),
 					onClick: (t) => {
 						t.stopPropagation(), E(e.id);
@@ -472,14 +457,11 @@ function v({ node: e, offset: t, isEditing: n, isPendingEdit: i, isSelected: a,
 	let L = e.depth === 1 ? u.level1.fontSize : u.node.fontSize, R = e.depth === 1 ? u.level1.fontWeight : u.node.fontWeight, z = e.width - u.node.paddingH * 2, B = L / 2 + 4, V = e.side === "left" ? -e.width / 2 - 18 : e.width / 2 + 18;
 	return /* @__PURE__ */ p("g", {
 		transform: `translate(${O}, ${k})`,
-		className: `mindmap-node-g mindmap-node-child ${c} ${M}`,
+		className: `mindmap-node-g mindmap-node-child ${c} ${M}${s ? " mindmap-node-ghost" : ""}`,
+		"data-branch-index": e.branchIndex,
 		onMouseDown: (t) => v(t, e.id),
 		onClick: (t) => y(t, e.id),
 		onDoubleClick: (t) => b(t, e.id, F),
-		style: {
-			cursor: "pointer",
-			opacity: s ? .3 : 1
-		},
 		children: [
 			/* @__PURE__ */ f("rect", {
 				className: "mindmap-node-bg",
@@ -569,7 +551,6 @@ function v({ node: e, offset: t, isEditing: n, isPendingEdit: i, isSelected: a,
 			}),
 			e.collapsed !== void 0 && h && E && /* @__PURE__ */ f("g", {
 				className: "mindmap-fold-btn",
-				style: { cursor: "pointer" },
 				onMouseDown: (e) => e.stopPropagation(),
 				onClick: (t) => {
 					t.stopPropagation(), E(e.id);

package/dist/esm/components/icons.js

@@ -41,5 +41,82 @@ function r({ size: t = 24, className: n }) {
 		})
 	});
 }
+function i({ size: n = 24, className: r }) {
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: n,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		className: r,
+		children: [/* @__PURE__ */ e("line", {
+			x1: "18",
+			y1: "6",
+			x2: "6",
+			y2: "18"
+		}), /* @__PURE__ */ e("line", {
+			x1: "6",
+			y1: "6",
+			x2: "18",
+			y2: "18"
+		})]
+	});
+}
+function a({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" })
+	});
+}
+function o({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
+	});
+}
+function s({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: n,
+		children: /* @__PURE__ */ e("rect", {
+			x: "4",
+			y: "4",
+			width: "16",
+			height: "16",
+			rx: "2"
+		})
+	});
+}
+function c({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+	});
+}
 //#endregion
-export { r as IconMinus, n as IconPlus };
+export { i as IconClose, a as IconLightning, c as IconLoaderCircle, r as IconMinus, o as IconPaperclip, n as IconPlus, s as IconStop };

package/dist/esm/hooks/useNodeEdit.js

@@ -2,7 +2,7 @@ import { updateNodeFieldsMulti as e } from "../utils/tree-ops.js";
 import { useCallback as t, useEffect as n, useState as r } from "react";
 //#region src/components/MindMap/hooks/useNodeEdit.ts
 function i(e) {
-	let t = e.match(/^\[([ x\-])\]\s+(.*)/);
+	let t = e.match(/^\[([ x-])\]\s+(.*)/);
 	if (!t) return { text: e };
 	let n = t[1], r = t[2];
 	return n === " " ? {

package/dist/esm/hooks/usePanZoom.js

@@ -5,7 +5,9 @@ function a(a, o) {
 		x: 0,
 		y: 0
 	}), [l, u] = i(1), d = r(0), f = r(l), p = r(s);
-	f.current = l, p.current = s;
+	t(() => {
+		f.current = l, p.current = s;
+	});
 	let m = n(() => {
 		if (o.length === 0) return {
 			x: 0,

package/dist/esm/plugins/tags.js

@@ -9,15 +9,15 @@ var t = /((?:\s+#[\w-]+)+)$/, n = [
 	"#6366F1"
 ], r = {
 	name: "tags",
-	transformNodeData(e, n) {
-		let r = e.text.match(t);
-		if (!r) return e;
-		let i = r[1], a = e.text.slice(0, e.text.length - i.length).trim(), o = [], s = /#([\w-]+)/g, c;
-		for (; (c = s.exec(i)) !== null;) o.push(c[1]);
-		return o.length > 0 ? {
+	transformNodeData(e) {
+		let n = e.text.match(t);
+		if (!n) return e;
+		let r = n[1], i = e.text.slice(0, e.text.length - r.length).trim(), a = [], o = /#([\w-]+)/g, s;
+		for (; (s = o.exec(r)) !== null;) a.push(s[1]);
+		return a.length > 0 ? {
 			...e,
-			text: a,
-			tags: o
+			text: i,
+			tags: a
 		} : e;
 	},
 	serializeNodeText(e, t) {