dishui 0.0.91 → 0.0.101

package/dist/components/pro/RichTextEditor/Toolbar/Toolbar.js

@@ -20,8 +20,8 @@ var y = /* @__PURE__ */ new Set([
 	"superscript",
 	"textStyle",
 	"highlight"
-]), b = ({ editor: b, config: x, labels: S, hasAI: C, onAIClick: w, onFormatPainterChange: T, children: E }) => {
-	let D = {
+]), b = ({ editor: b, config: x, labels: S, hasAI: C, onAIClick: w, onRequestAIConfig: T, onFormatPainterChange: E, children: D }) => {
+	let O = {
 		...e,
 		...S
 	};
@@ -29,11 +29,11 @@ var y = /* @__PURE__ */ new Set([
 		editor: b,
 		selector: ({ transactionNumber: e }) => e
 	});
-	let [O, k] = m(null), A = p(T);
+	let [k, A] = m(null), j = p(E);
 	f(() => {
-		A.current = T;
-	}, [T]);
-	let j = {
+		j.current = E;
+	}, [E]);
+	let M = {
 		textFormat: x?.textFormat ?? !0,
 		heading: x?.heading ?? !0,
 		alignment: x?.alignment ?? !0,
@@ -45,8 +45,8 @@ var y = /* @__PURE__ */ new Set([
 		tableOps: x?.tableOps ?? !0,
 		fontStyle: x?.fontStyle ?? !0,
 		formatPainter: x?.formatPainter ?? !0
-	}, M = d(() => {
-		let e = b.getAttributes("link").href, t = window.prompt(D.insertLinkUrl, e);
+	}, N = x?.buttons ?? {}, P = (e, t = !0) => N[e] ?? t, F = d(() => {
+		let e = b.getAttributes("link").href, t = window.prompt(O.insertLinkUrl, e);
 		if (t !== null && !b.isDestroyed && b.isEditable) {
 			if (t.trim() === "") {
 				b.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -54,16 +54,16 @@ var y = /* @__PURE__ */ new Set([
 			}
 			b.chain().focus().extendMarkRange("link").setLink({ href: t.trim() }).run();
 		}
-	}, [b, D.insertLinkUrl]), N = d(() => {
-		let e = window.prompt(D.insertImageUrl);
+	}, [b, O.insertLinkUrl]), I = d(() => {
+		let e = window.prompt(O.insertImageUrl);
 		e && b.chain().focus().setImage({ src: e }).run();
-	}, [b, D.insertImageUrl]), P = d(() => {
+	}, [b, O.insertImageUrl]), L = d(() => {
 		b.chain().focus().insertTable({
 			rows: 3,
 			cols: 3,
 			withHeaderRow: !0
 		}).run();
-	}, [b]), F = d(() => {
+	}, [b]), R = d(() => {
 		b.chain().focus().insertContent({
 			type: "codeBlock",
 			attrs: { language: "r-markdown" },
@@ -72,7 +72,7 @@ var y = /* @__PURE__ */ new Set([
 				text: "# Markdown\n\nWrite your **markdown** here."
 			}]
 		}).run();
-	}, [b]), I = d((e, t = !0) => {
+	}, [b]), z = d((e, t = !0) => {
 		if (b.isDestroyed || !b.isEditable) return;
 		let n = b.chain();
 		t && n.focus(), n.insertContent({
@@ -83,7 +83,7 @@ var y = /* @__PURE__ */ new Set([
 				text: e
 			}]
 		}).run();
-	}, [b]), L = d((e = "block", n = !0) => {
+	}, [b]), B = d((e = "block", n = !0) => {
 		if (b.isDestroyed || !b.isEditable) return;
 		let r = e === "float" ? {
 			x: 40,
@@ -99,9 +99,9 @@ var y = /* @__PURE__ */ new Set([
 			},
 			content: [{ type: "paragraph" }]
 		}).run();
-	}, [b]), R = d(() => {
-		if (O) {
-			k(null);
+	}, [b]), V = d(() => {
+		if (k) {
+			A(null);
 			return;
 		}
 		if (b.isDestroyed || !b.isEditable) return;
@@ -112,17 +112,17 @@ var y = /* @__PURE__ */ new Set([
 			if (!e.isText) return;
 			let t = e.marks.filter((e) => y.has(e.type.name));
 			n = n === void 0 ? t : n.filter((e) => t.some((t) => e.eq(t)));
-		}), n !== void 0 && k(n);
-	}, [b, O]);
+		}), n !== void 0 && A(n);
+	}, [b, k]);
 	f(() => {
-		if (!O) return;
-		if (b.isDestroyed || !b.isEditable || !j.formatPainter || !j.textFormat) {
-			k(null);
+		if (!k) return;
+		if (b.isDestroyed || !b.isEditable || !M.formatPainter || !M.textFormat) {
+			A(null);
 			return;
 		}
-		A.current?.(!0);
+		j.current?.(!0);
 		let e = b.view.dom, t = null, n = !1, r = () => {
-			n = !0, t !== null && cancelAnimationFrame(t), t = null, k(null);
+			n = !0, t !== null && cancelAnimationFrame(t), t = null, A(null);
 		}, i = () => {
 			b.isEditable || r();
 		}, a = (e) => {
@@ -139,31 +139,31 @@ var y = /* @__PURE__ */ new Set([
 			b.state.doc.nodesBetween(e, r, (t, n) => {
 				if (!t.isText) return;
 				let a = t.marks.filter((e) => !y.has(e.type.name));
-				for (let o of O) a.some((e) => o.type.excludes(e.type) || e.type.excludes(o.type)) || i.addMark(Math.max(e, n), Math.min(r, n + t.nodeSize), o);
-			}), n = !0, b.view.dispatch(i), k(null);
+				for (let o of k) a.some((e) => o.type.excludes(e.type) || e.type.excludes(o.type)) || i.addMark(Math.max(e, n), Math.min(r, n + t.nodeSize), o);
+			}), n = !0, b.view.dispatch(i), A(null);
 		}, s = () => {
 			n || (t !== null && cancelAnimationFrame(t), t = requestAnimationFrame(o));
 		};
 		return e.addEventListener("mouseup", s), e.ownerDocument.addEventListener("keydown", a), b.on("transaction", i), b.on("destroy", r), () => {
-			n = !0, t !== null && cancelAnimationFrame(t), e.removeEventListener("mouseup", s), e.ownerDocument.removeEventListener("keydown", a), b.off("transaction", i), b.off("destroy", r), A.current?.(!1);
+			n = !0, t !== null && cancelAnimationFrame(t), e.removeEventListener("mouseup", s), e.ownerDocument.removeEventListener("keydown", a), b.off("transaction", i), b.off("destroy", r), j.current?.(!1);
 		};
 	}, [
 		b,
-		O,
-		j.formatPainter,
-		j.textFormat
+		k,
+		M.formatPainter,
+		M.textFormat
 	]);
-	let z = b.getAttributes("textStyle").fontFamily || "", B = b.getAttributes("textStyle").fontSize || "";
+	let H = b.getAttributes("textStyle").fontFamily || "", U = b.getAttributes("textStyle").fontSize || "";
 	return /* @__PURE__ */ _("div", {
 		className: "rte-toolbar",
 		role: "group",
 		"aria-label": "Text formatting",
 		children: [
-			j.history && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(n, {
+			(P("undo", M.history) || P("redo", M.history)) && /* @__PURE__ */ _(h, { children: [
+				P("undo", M.history) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().undo().run(),
 					disabled: !b.can().undo(),
-					title: D.undo,
+					title: O.undo,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -176,10 +176,10 @@ var y = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ g("polyline", { points: "1 4 1 10 7 10" }), /* @__PURE__ */ g("path", { d: "M3.51 15a9 9 0 102.13-9.36L1 10" })]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("redo", M.history) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().redo().run(),
 					disabled: !b.can().redo(),
-					title: D.redo,
+					title: O.redo,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -194,32 +194,40 @@ var y = /* @__PURE__ */ new Set([
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.fontStyle && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(s, {
-					value: z,
+			(P("fontFamily", M.fontStyle) || P("fontSize", M.fontStyle)) && /* @__PURE__ */ _(h, { children: [
+				P("fontFamily", M.fontStyle) && /* @__PURE__ */ g(s, {
+					value: H,
 					options: a,
 					onChange: (e) => {
 						e ? b.chain().focus().setFontFamily(e).run() : b.chain().focus().unsetFontFamily().run();
 					},
-					title: D.fontFamily,
+					title: O.fontFamily,
 					width: 120
 				}),
-				/* @__PURE__ */ g(s, {
-					value: B,
+				P("fontSize", M.fontStyle) && /* @__PURE__ */ g(s, {
+					value: U,
 					options: o,
 					onChange: (e) => {
 						e ? b.chain().focus().setFontSize(e).run() : b.chain().focus().unsetFontSize().run();
 					},
-					title: D.fontSize,
+					title: O.fontSize,
 					width: 80
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.textFormat && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(n, {
+			[
+				"bold",
+				"italic",
+				"underline",
+				"strikethrough",
+				"subscript",
+				"superscript",
+				"formatPainter"
+			].some((e) => P(e, e === "formatPainter" ? M.formatPainter : M.textFormat)) && /* @__PURE__ */ _(h, { children: [
+				P("bold", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleBold().run(),
 					isActive: b.isActive("bold"),
-					title: D.bold,
+					title: O.bold,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -232,10 +240,10 @@ var y = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ g("path", { d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" }), /* @__PURE__ */ g("path", { d: "M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" })]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("italic", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleItalic().run(),
 					isActive: b.isActive("italic"),
-					title: D.italic,
+					title: O.italic,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -267,10 +275,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("underline", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleUnderline().run(),
 					isActive: b.isActive("underline"),
-					title: D.underline,
+					title: O.underline,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -288,10 +296,10 @@ var y = /* @__PURE__ */ new Set([
 						})]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("strikethrough", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleStrike().run(),
 					isActive: b.isActive("strike"),
-					title: D.strikethrough,
+					title: O.strikethrough,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -313,10 +321,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("subscript", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleSubscript().run(),
 					isActive: b.isActive("subscript"),
-					title: D.subscript,
+					title: O.subscript,
 					children: /* @__PURE__ */ _("span", {
 						style: {
 							fontSize: "13px",
@@ -328,10 +336,10 @@ var y = /* @__PURE__ */ new Set([
 						})]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("superscript", M.textFormat) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleSuperscript().run(),
 					isActive: b.isActive("superscript"),
-					title: D.superscript,
+					title: O.superscript,
 					children: /* @__PURE__ */ _("span", {
 						style: {
 							fontSize: "13px",
@@ -343,11 +351,11 @@ var y = /* @__PURE__ */ new Set([
 						})]
 					})
 				}),
-				j.formatPainter && /* @__PURE__ */ g(n, {
-					onClick: R,
-					disabled: !b.isEditable || !O && b.state.selection.empty,
-					isActive: !!O,
-					title: O ? D.formatPainterActive : D.formatPainter,
+				P("formatPainter", M.formatPainter) && /* @__PURE__ */ g(n, {
+					onClick: V,
+					disabled: !b.isEditable || !k && b.state.selection.empty,
+					isActive: !!k,
+					title: k ? O.formatPainterActive : O.formatPainter,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -367,17 +375,24 @@ var y = /* @__PURE__ */ new Set([
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.heading && /* @__PURE__ */ _(h, { children: [[
+			[
+				1,
+				2,
+				3,
+				4,
+				5,
+				6
+			].some((e) => P(`heading${e}`, M.heading)) && /* @__PURE__ */ _(h, { children: [[
 				1,
 				2,
 				3,
 				4,
 				5,
 				6
-			].map((e) => /* @__PURE__ */ g(n, {
+			].filter((e) => P(`heading${e}`, M.heading)).map((e) => /* @__PURE__ */ g(n, {
 				onClick: () => b.chain().focus().toggleHeading({ level: e }).run(),
 				isActive: b.isActive("heading", { level: e }),
-				title: `${D.heading} ${e}`,
+				title: `${O.heading} ${e}`,
 				children: /* @__PURE__ */ _("span", {
 					style: {
 						fontSize: "12px",
@@ -386,11 +401,16 @@ var y = /* @__PURE__ */ new Set([
 					children: ["H", e]
 				})
 			}, e)), /* @__PURE__ */ g(r, {})] }),
-			j.alignment && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(n, {
+			[
+				"alignLeft",
+				"alignCenter",
+				"alignRight",
+				"alignJustify"
+			].some((e) => P(e, M.alignment)) && /* @__PURE__ */ _(h, { children: [
+				P("alignLeft", M.alignment) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().setTextAlign("left").run(),
 					isActive: b.isActive({ textAlign: "left" }),
-					title: D.alignLeft,
+					title: O.alignLeft,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -428,10 +448,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("alignCenter", M.alignment) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().setTextAlign("center").run(),
 					isActive: b.isActive({ textAlign: "center" }),
-					title: D.alignCenter,
+					title: O.alignCenter,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -469,10 +489,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("alignRight", M.alignment) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().setTextAlign("right").run(),
 					isActive: b.isActive({ textAlign: "right" }),
-					title: D.alignRight,
+					title: O.alignRight,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -510,10 +530,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("alignJustify", M.alignment) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().setTextAlign("justify").run(),
 					isActive: b.isActive({ textAlign: "justify" }),
-					title: D.alignJustify,
+					title: O.alignJustify,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -553,11 +573,15 @@ var y = /* @__PURE__ */ new Set([
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.list && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(n, {
+			[
+				"bulletList",
+				"orderedList",
+				"taskList"
+			].some((e) => P(e, M.list)) && /* @__PURE__ */ _(h, { children: [
+				P("bulletList", M.list) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleBulletList().run(),
 					isActive: b.isActive("bulletList"),
-					title: D.bulletList,
+					title: O.bulletList,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -607,10 +631,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("orderedList", M.list) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleOrderedList().run(),
 					isActive: b.isActive("orderedList"),
-					title: D.orderedList,
+					title: O.orderedList,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -669,10 +693,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("taskList", M.list) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleTaskList().run(),
 					isActive: b.isActive("taskList"),
-					title: D.taskList,
+					title: O.taskList,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -715,11 +739,23 @@ var y = /* @__PURE__ */ new Set([
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.insert && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(n, {
+			[
+				"blockquote",
+				"codeBlock",
+				"mermaidBlock",
+				"link",
+				"image",
+				"table",
+				"tableOps",
+				"horizontalRule",
+				"markdownBlock",
+				"markdownTemplates",
+				"floatingDialog"
+			].some((e) => P(e, e === "tableOps" ? M.tableOps : M.insert)) && /* @__PURE__ */ _(h, { children: [
+				P("blockquote", M.insert) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleBlockquote().run(),
 					isActive: b.isActive("blockquote"),
-					title: D.blockquote,
+					title: O.blockquote,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -732,10 +768,10 @@ var y = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ g("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z" }), /* @__PURE__ */ g("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z" })]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("codeBlock", M.insert) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().toggleNode("codeBlock", "paragraph").run(),
 					isActive: b.isActive("codeBlock"),
-					title: D.codeBlock,
+					title: O.codeBlock,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -748,7 +784,7 @@ var y = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ g("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ g("polyline", { points: "8 6 2 12 8 18" })]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
+				P("mermaidBlock", M.insert) && /* @__PURE__ */ g(n, {
 					onClick: () => {
 						b.chain().focus().insertContent({
 							type: "codeBlock",
@@ -759,7 +795,7 @@ var y = /* @__PURE__ */ new Set([
 							}]
 						}).run();
 					},
-					title: D.mermaidBlock,
+					title: O.mermaidBlock,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -800,10 +836,10 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
-					onClick: M,
+				P("link", M.insert) && /* @__PURE__ */ g(n, {
+					onClick: F,
 					isActive: b.isActive("link"),
-					title: D.link,
+					title: O.link,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -816,9 +852,9 @@ var y = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ g("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ g("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
-					onClick: N,
-					title: D.image,
+				P("image", M.insert) && /* @__PURE__ */ g(n, {
+					onClick: I,
+					title: O.image,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -846,9 +882,9 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(n, {
-					onClick: P,
-					title: D.table,
+				P("table", M.insert) && /* @__PURE__ */ g(n, {
+					onClick: L,
+					title: O.table,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -893,13 +929,13 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				j.tableOps && /* @__PURE__ */ g(u, {
+				P("tableOps", M.tableOps) && /* @__PURE__ */ g(u, {
 					editor: b,
-					labels: D
+					labels: O
 				}),
-				/* @__PURE__ */ g(n, {
+				P("horizontalRule", M.insert) && /* @__PURE__ */ g(n, {
 					onClick: () => b.chain().focus().setHorizontalRule().run(),
-					title: D.horizontalRule,
+					title: O.horizontalRule,
 					children: /* @__PURE__ */ g("svg", {
 						width: "16",
 						height: "16",
@@ -916,9 +952,9 @@ var y = /* @__PURE__ */ new Set([
 						})
 					})
 				}),
-				/* @__PURE__ */ g(n, {
-					onClick: F,
-					title: D.markdownBlock,
+				P("markdownBlock", M.insert) && /* @__PURE__ */ g(n, {
+					onClick: R,
+					title: O.markdownBlock,
 					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
@@ -935,51 +971,68 @@ var y = /* @__PURE__ */ new Set([
 						]
 					})
 				}),
-				/* @__PURE__ */ g(c, {
-					labels: D,
-					onSelect: I
+				P("markdownTemplates", M.insert) && /* @__PURE__ */ g(c, {
+					labels: O,
+					onSelect: z
 				}),
-				/* @__PURE__ */ g(l, {
-					labels: D,
-					onInsert: L
+				P("floatingDialog", M.insert) && /* @__PURE__ */ g(l, {
+					labels: O,
+					onInsert: B
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.color && /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(i, {
+			["textColor", "highlight"].some((e) => P(e, M.color)) && /* @__PURE__ */ _(h, { children: [
+				P("textColor", M.color) && /* @__PURE__ */ g(i, {
 					value: b.getAttributes("textStyle").color || "",
 					onChange: (e) => {
 						e ? b.chain().focus().setColor(e).run() : b.chain().focus().unsetColor().run();
 					},
-					title: D.color,
+					title: O.color,
 					kind: "text"
 				}),
-				/* @__PURE__ */ g(i, {
+				P("highlight", M.color) && /* @__PURE__ */ g(i, {
 					value: b.getAttributes("highlight").color || "",
 					onChange: (e) => {
 						e ? b.chain().focus().toggleHighlight({ color: e }).run() : b.chain().focus().unsetHighlight().run();
 					},
-					title: D.highlight,
+					title: O.highlight,
 					kind: "highlight"
 				}),
 				/* @__PURE__ */ g(r, {})
 			] }),
-			j.ai && C && w && /* @__PURE__ */ g(n, {
-				onClick: w,
-				title: D.ai,
-				children: /* @__PURE__ */ _("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ g("path", { d: "M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 011.32-4.24 2.5 2.5 0 011.98-3A2.5 2.5 0 019.5 2z" }), /* @__PURE__ */ g("path", { d: "M14.5 2A2.5 2.5 0 0012 4.5v15a2.5 2.5 0 004.96.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-1.32-4.24 2.5 2.5 0 00-1.98-3A2.5 2.5 0 0014.5 2z" })]
-				})
+			P("ai", M.ai) && w && /* @__PURE__ */ _(n, {
+				onClick: C ? w : T || (() => {}),
+				disabled: !C && !T,
+				title: C ? O.ai : T ? O.aiConfigure : O.aiNotConfigured,
+				className: `rte-toolbar__ai-btn ${C ? "" : "rte-toolbar__ai-btn--unconfigured"}`,
+				children: [
+					/* @__PURE__ */ _("svg", {
+						className: "rte-toolbar__ai-icon",
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ g("path", {
+							d: "M12 2.75l1.14 4.11a5.5 5.5 0 003.82 3.82L21.25 12l-4.29 1.32a5.5 5.5 0 00-3.82 3.82L12 21.25l-1.14-4.11a5.5 5.5 0 00-3.82-3.82L2.75 12l4.29-1.32a5.5 5.5 0 003.82-3.82L12 2.75z",
+							fill: "currentColor"
+						}), /* @__PURE__ */ g("path", {
+							d: "M19 2.75l.42 1.52a2 2 0 001.31 1.31l1.52.42-1.52.42a2 2 0 00-1.31 1.31L19 9.25l-.42-1.52a2 2 0 00-1.31-1.31L15.75 6l1.52-.42a2 2 0 001.31-1.31L19 2.75z",
+							fill: "currentColor",
+							opacity: ".68"
+						})]
+					}),
+					/* @__PURE__ */ g("span", {
+						className: "rte-toolbar__ai-label",
+						children: "AI"
+					}),
+					!C && T && /* @__PURE__ */ g("span", {
+						className: "rte-toolbar__ai-configure",
+						children: O.aiConfigure
+					})
+				]
 			}),
-			E
+			D
 		]
 	});
 };