@hachej/boring-workspace 0.1.64 → 0.1.66

package/dist/MarkdownEditor-C55gVDyW.js

@@ -0,0 +1,743 @@
+import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
+import { Lt as t, Mt as n, Pt as r, tn as i } from "./WorkspaceProvider-Ddx7GByq.js";
+import { t as a } from "./utils-BRcxFdrz.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { AlignCenterIcon as m, AlignLeftIcon as h, AlignRightIcon as g, BoldIcon as _, CodeIcon as v, Heading1Icon as y, Heading2Icon as b, Heading3Icon as x, HighlighterIcon as S, ImageIcon as ee, ItalicIcon as C, LinkIcon as w, ListChecksIcon as te, ListIcon as T, ListOrderedIcon as E, Loader2Icon as D, MinusIcon as O, QuoteIcon as k, StrikethroughIcon as A, UnderlineIcon as ne } from "lucide-react";
+import { Input as j, Toolbar as M, ToolbarButton as N, ToolbarSeparator as P } from "@hachej/boring-ui-kit";
+import { uploadFile as F } from "@hachej/boring-agent/front";
+import { EditorContent as re, NodeViewWrapper as I, ReactNodeViewRenderer as L, useEditor as ie, useEditorState as ae } from "@tiptap/react";
+import oe from "@tiptap/starter-kit";
+import se from "@tiptap/extension-underline";
+import ce from "@tiptap/extension-link";
+import R from "@tiptap/extension-placeholder";
+import le from "@tiptap/extension-task-list";
+import ue from "@tiptap/extension-task-item";
+import de from "@tiptap/extension-text-align";
+import fe from "@tiptap/extension-highlight";
+import { Table as pe } from "@tiptap/extension-table";
+import { TableRow as me } from "@tiptap/extension-table-row";
+import { TableHeader as he } from "@tiptap/extension-table-header";
+import { TableCell as ge } from "@tiptap/extension-table-cell";
+import _e from "@tiptap/extension-image";
+import ve from "@tiptap/extension-code-block-lowlight";
+import { common as ye, createLowlight as be } from "lowlight";
+import { Markdown as xe } from "@tiptap/markdown";
+//#region src/plugins/filesystemPlugin/front/data/useFileUpload.ts
+function Se(e) {
+	let t = n(), i = r(), [a, s] = u(0);
+	return {
+		upload: o(async (n, r) => {
+			s((e) => e + 1);
+			try {
+				return await F(n, {
+					apiBaseUrl: t,
+					workspaceRequestId: i,
+					directory: r?.directory ?? e?.directory,
+					sourcePath: r?.sourcePath
+				});
+			} finally {
+				s((e) => e - 1);
+			}
+		}, [
+			t,
+			i,
+			e?.directory
+		]),
+		uploading: a > 0
+	};
+}
+//#endregion
+//#region src/plugins/filesystemPlugin/front/markdown-editor/ResizableImage.tsx
+var z = 64, B = 2e3;
+function Ce(e) {
+	return e.replace(/\\/g, "\\\\").replace(/]/g, "\\]");
+}
+function V(e) {
+	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function H(e) {
+	if (typeof e == "number" && Number.isFinite(e) && e > 0) return e;
+	if (typeof e == "string" && e.trim()) {
+		let t = Number(e);
+		if (Number.isFinite(t) && t > 0) return t;
+	}
+	return null;
+}
+var we = _e.extend({
+	name: "image",
+	draggable: !0,
+	addOptions() {
+		return {
+			...this.parent?.(),
+			resolveSrc: (e) => e,
+			resizable: !0
+		};
+	},
+	parseMarkdown: (e, t) => t.createNode("image", {
+		src: e.href,
+		title: e.title,
+		alt: e.text
+	}),
+	renderMarkdown: (e) => {
+		let t = typeof e.attrs?.src == "string" ? e.attrs.src : "", n = typeof e.attrs?.alt == "string" ? e.attrs.alt : "", r = typeof e.attrs?.title == "string" ? e.attrs.title : "", i = H(e.attrs?.width), a = H(e.attrs?.height), o = e.attrs?.align === "center" || e.attrs?.align === "right" ? e.attrs.align : "left";
+		if (!i && !a && o === "left") {
+			let e = Ce(n);
+			return r ? `![${e}](${t} "${r.replace(/"/g, "\\\"")}")` : `![${e}](${t})`;
+		}
+		let s = `<img ${[
+			`src="${V(t)}"`,
+			n ? `alt="${V(n)}"` : null,
+			r ? `title="${V(r)}"` : null,
+			i ? `width="${i}"` : null,
+			a ? `height="${a}"` : null
+		].filter(Boolean).join(" ")} />`;
+		return o === "center" || o === "right" ? `<p align="${o}">${s}</p>` : s;
+	},
+	addAttributes() {
+		return {
+			...this.parent?.() ?? {},
+			width: {
+				default: null,
+				parseHTML: (e) => {
+					let t = e.getAttribute("width");
+					if (t) {
+						let e = parseInt(t, 10);
+						return Number.isFinite(e) ? e : null;
+					}
+					let n = e.style.width;
+					if (n && n.endsWith("px")) {
+						let e = parseInt(n, 10);
+						return Number.isFinite(e) ? e : null;
+					}
+					return null;
+				},
+				renderHTML: (e) => e.width ? { width: String(e.width) } : {}
+			},
+			align: {
+				default: "left",
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-align");
+					return t === "left" || t === "center" || t === "right" ? t : e.style.marginLeft === "auto" && e.style.marginRight === "auto" ? "center" : e.style.marginLeft === "auto" ? "right" : "left";
+				},
+				renderHTML: (e) => ({ "data-align": e.align ?? "left" })
+			},
+			pendingUploadId: {
+				default: null,
+				parseHTML: () => null,
+				renderHTML: () => ({})
+			}
+		};
+	},
+	addNodeView() {
+		return L(Te);
+	}
+});
+function Te({ node: e, updateAttributes: t, selected: n, extension: r }) {
+	let i = l(null), o = l(null), [c, d] = u(!1), m = e.attrs.src ?? "", h = (r.options.resolveSrc ?? ((e) => e))(m), g = r.options.resizable !== !1, _ = e.attrs.alt ?? "", v = e.attrs.title ?? void 0, y = e.attrs.width, b = e.attrs.align ?? "left";
+	return s(() => {
+		if (!c || !g) return;
+		let e = (e) => {
+			let n = o.current;
+			if (!n) return;
+			let r = e.clientX - n.x, i = Math.max(z, Math.min(B, n.width + r));
+			t({ width: Math.round(i) });
+		}, n = () => {
+			o.current = null, d(!1);
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+		};
+	}, [
+		c,
+		g,
+		t
+	]), /* @__PURE__ */ p(I, {
+		ref: i,
+		"data-resizable-image": "",
+		"data-selected": n ? "true" : void 0,
+		className: a("relative block max-w-full align-baseline", "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md", b === "left" && "mr-auto", b === "center" && "mx-auto", b === "right" && "ml-auto", g && n && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"),
+		style: { width: y ? `${y}px` : void 0 },
+		children: [/* @__PURE__ */ f("img", {
+			src: h,
+			alt: _,
+			title: v,
+			draggable: !1
+		}), g && /* @__PURE__ */ f("span", {
+			role: "slider",
+			"aria-label": "Resize image",
+			"aria-valuenow": y ?? 0,
+			"aria-valuemin": z,
+			"aria-valuemax": B,
+			"data-testid": "resize-handle",
+			onPointerDown: (e) => {
+				if (!g) return;
+				e.preventDefault(), e.stopPropagation();
+				let t = i.current?.querySelector("img"), n = y ?? t?.getBoundingClientRect().width ?? 320;
+				o.current = {
+					x: e.clientX,
+					width: n
+				}, d(!0);
+			},
+			className: a("absolute right-0 bottom-0 h-3 w-3 translate-x-1/2 translate-y-1/2 cursor-nwse-resize", "rounded-full border border-background bg-[color:var(--accent)] shadow", "opacity-0 transition-opacity duration-150 ease-out", (n || c) && "opacity-100")
+		})]
+	});
+}
+//#endregion
+//#region src/plugins/filesystemPlugin/front/markdown-editor/MarkdownEditor.tsx
+var Ee = /* @__PURE__ */ e({
+	MarkdownEditor: () => $,
+	countMarkdownWords: () => K,
+	isSafeUrl: () => Z,
+	isUserEditedChange: () => q,
+	parseMarkdownFrontmatter: () => W,
+	rawFileUrlForMarkdownImage: () => Fe,
+	readFileAsDataUrl: () => Q,
+	sanitizeHtml: () => U,
+	serializeMarkdownEditorChange: () => G,
+	workspaceFilePathForMarkdownLink: () => J
+}), De = be(ye), Oe = [
+	/<script[\s>][\s\S]*?<\/script>/gi,
+	/<iframe[\s>][\s\S]*?<\/iframe>/gi,
+	/\s+on\w+\s*=\s*["'][^"']*["']/gi,
+	/\s+on\w+\s*=\s*\S+/gi,
+	/href\s*=\s*["']?\s*javascript:[^"'\s>]*/gi,
+	/src\s*=\s*["']?\s*javascript:[^"'\s>]*/gi
+];
+function U(e) {
+	let t = e;
+	for (let e of Oe) t = t.replace(e, "");
+	return t;
+}
+function ke(e) {
+	let t = e.trim();
+	if (t.length < 2) return t;
+	let n = t[0], r = t[t.length - 1];
+	return n === "\"" && r === "\"" || n === "'" && r === "'" ? t.slice(1, -1) : t;
+}
+function Ae(e) {
+	return ke(e.split("\n").map((e) => e.trim()).filter(Boolean).map((e) => e.replace(/^-\s+/, "")).join(", "));
+}
+function W(e) {
+	let t = e.replace(/^\uFEFF/, ""), n = t.match(/^---[ \t]*\r?\n([\s\S]*?)\r?\n(?:---|\.\.\.)[ \t]*(?:\r?\n|$)/);
+	if (!n || n.index !== 0) return null;
+	let r = n[1] ?? "", i = t.slice(n[0].length), a = [], o = null, s = () => {
+		if (!o) return;
+		let e = Ae(o.lines.join("\n"));
+		e && a.push({
+			key: o.key,
+			value: e
+		}), o = null;
+	};
+	for (let e of r.split(/\r?\n/)) {
+		if (!e.trim() || e.trimStart().startsWith("#")) continue;
+		let t = e.match(/^([A-Za-z0-9_-]+):(?:\s*(.*))?$/);
+		if (t) {
+			s(), o = {
+				key: t[1],
+				lines: [t[2] ?? ""]
+			};
+			continue;
+		}
+		o && /^\s+/.test(e) && o.lines.push(e);
+	}
+	return s(), a.length > 0 ? {
+		entries: a,
+		block: n[0],
+		raw: r,
+		body: i
+	} : null;
+}
+function je(e, t) {
+	if (!e) return t;
+	let n = e.block.endsWith("\n") || t.length === 0 ? "" : "\n";
+	return `${e.block}${n}${t}`;
+}
+function G(e, t, n, r = !1) {
+	return q(e, t, r) ? je(n, e) : null;
+}
+function K(e) {
+	return (W(e)?.body ?? e).replace(/```[\s\S]*?```/g, " ").replace(/`[^`]*`/g, " ").replace(/^\s{0,3}#{1,6}\s+/gm, "").replace(/!\[[^\]]*\]\([^)]*\)/g, " ").replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/<[^>]+>/g, " ").replace(/^\s{0,3}[-*_]{3,}\s*$/gm, " ").replace(/^\s{0,3}(?:[-*+]\s+|\d+[.)]\s+|>\s?)/gm, "").replace(/^\s{0,3}\|?(?:\s*:?-+:?\s*\|)+\s*$/gm, " ").replace(/\|/g, " ").replace(/[*_~>#]/g, " ").match(/\b[\p{L}\p{N}']+\b/gu)?.length ?? 0;
+}
+function Me(e) {
+	return `${e} word${e === 1 ? "" : "s"}`;
+}
+function Ne(e) {
+	return /^(?:[a-z][a-z0-9+.-]*:|\/|#)/i.test(e);
+}
+function q(e, t, n = !1) {
+	return t || n;
+}
+function Pe(e, t) {
+	let n = e.match(/^([^?#]*)([?#].*)?$/), r = n?.[1] ?? e, i = n?.[2] ?? "", a = t?.includes("/") ? t.slice(0, t.lastIndexOf("/")) : "", o = `${a ? `${a}/` : ""}${r}`.split("/"), s = [];
+	for (let e of o) !e || e === "." || (e === ".." ? s.pop() : s.push(e));
+	return `${s.join("/")}${i}`;
+}
+function Fe(e, t, n, r, a) {
+	if (!e) return e;
+	let o = i(a), s = o !== "user";
+	if (Ne(e) && !(s && e.startsWith("/") && !e.startsWith("//"))) return e;
+	let c = s && e.startsWith("/") ? e : s && t?.startsWith("/") ? `/${Pe(e, t)}` : Pe(e, t), l = n.replace(/\/$/, ""), u = new URLSearchParams({ path: c });
+	return r && u.set("workspaceId", r), o !== "user" && u.set("filesystem", o), `${l}/api/v1/files/raw?${u.toString()}`;
+}
+function Ie(e) {
+	return /^(?:[a-z][a-z0-9+.-]*:|\/\/|\/|#|\?)/i.test(e);
+}
+function J(e, t) {
+	let n = e.trim();
+	if (!n || Ie(n)) return null;
+	let r = n.split(/[?#]/, 1)[0];
+	if (!r) return null;
+	let i = t?.includes("/") ? t.slice(0, t.lastIndexOf("/")) : "", a = `${i ? `${i}/` : ""}${r}`.split("/"), o = [];
+	for (let e of a) if (!(!e || e === ".")) {
+		if (e === "..") {
+			if (o.length === 0) return null;
+			o.pop();
+			continue;
+		}
+		o.push(e);
+	}
+	return o.join("/") || null;
+}
+function Le(e) {
+	return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey;
+}
+var Re = [
+	oe.configure({
+		codeBlock: !1,
+		link: !1,
+		underline: !1
+	}),
+	se,
+	ce.configure({
+		openOnClick: !0,
+		autolink: !0,
+		linkOnPaste: !0,
+		defaultProtocol: "https",
+		isAllowedUri: (e, t) => Z(e) && (J(e) !== null || t.defaultValidate(e)),
+		HTMLAttributes: {
+			rel: "noopener noreferrer nofollow",
+			target: "_blank"
+		}
+	}),
+	R.configure({ placeholder: "Start writing..." }),
+	le,
+	ue.configure({ nested: !0 }),
+	de.configure({ types: ["heading", "paragraph"] }),
+	fe,
+	pe.configure({ resizable: !0 }),
+	me,
+	he,
+	ge,
+	we.configure({
+		inline: !1,
+		allowBase64: !0
+	}),
+	ve.configure({ lowlight: De }),
+	xe.configure({ markedOptions: {
+		gfm: !0,
+		breaks: !1,
+		pedantic: !1
+	} })
+];
+function Y({ onClick: e, active: t, disabled: n, title: r, children: i }) {
+	return /* @__PURE__ */ f(N, {
+		type: "button",
+		size: "icon-xs",
+		onClick: e,
+		disabled: n,
+		title: r,
+		"aria-pressed": t,
+		className: a("text-muted-foreground/70", t && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"),
+		children: i
+	});
+}
+function X() {
+	return /* @__PURE__ */ f(P, { className: "mx-2 h-3.5" });
+}
+function Z(e) {
+	let t = e.trim().toLowerCase();
+	return !t.startsWith("javascript:") && !t.startsWith("data:text/html");
+}
+function Q(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Read failed")), r.readAsDataURL(e);
+	});
+}
+function ze(e) {
+	if (!e) return null;
+	for (let t of Array.from(e.files ?? [])) if (t.type.startsWith("image/")) return t;
+	for (let t of Array.from(e.items ?? [])) {
+		if (t.kind !== "file" || !t.type.startsWith("image/")) continue;
+		let e = t.getAsFile();
+		if (e) return e;
+	}
+	return null;
+}
+function Be({ editor: e, onInsertImage: t, rawMode: n, onToggleRawMode: r, uploading: i, allowImageUpload: a }) {
+	let o = (t) => {
+		if (e) {
+			if (e.isActive("image")) {
+				e.chain().focus().updateAttributes("image", { align: t }).run();
+				return;
+			}
+			e.chain().focus().setTextAlign(t).run();
+		}
+	}, s = l(null), c = ae({
+		editor: e,
+		selector: ({ editor: e }) => e ? {
+			bold: e.isActive("bold"),
+			italic: e.isActive("italic"),
+			underline: e.isActive("underline"),
+			strike: e.isActive("strike"),
+			h1: e.isActive("heading", { level: 1 }),
+			h2: e.isActive("heading", { level: 2 }),
+			h3: e.isActive("heading", { level: 3 }),
+			bulletList: e.isActive("bulletList"),
+			orderedList: e.isActive("orderedList"),
+			taskList: e.isActive("taskList"),
+			blockquote: e.isActive("blockquote"),
+			codeBlock: e.isActive("codeBlock"),
+			link: e.isActive("link"),
+			highlight: e.isActive("highlight"),
+			alignLeft: e.isActive("image") ? (e.getAttributes("image").align ?? "left") === "left" : e.isActive({ textAlign: "left" }),
+			alignCenter: e.isActive("image") ? e.getAttributes("image").align === "center" : e.isActive({ textAlign: "center" }),
+			alignRight: e.isActive("image") ? e.getAttributes("image").align === "right" : e.isActive({ textAlign: "right" })
+		} : null
+	});
+	if (!e || !c) return null;
+	let u = () => {
+		let t = window.prompt("URL:");
+		t && Z(t) && e.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+	}, d = () => {
+		let t = window.prompt("Image URL:");
+		t && Z(t) && e.chain().focus().setImage({ src: t }).run();
+	};
+	return /* @__PURE__ */ p(M, {
+		className: "border-b border-border/60 bg-background px-3 py-1.5",
+		"aria-label": "Formatting toolbar",
+		children: [
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleBold().run(),
+				active: c.bold,
+				title: "Bold",
+				children: /* @__PURE__ */ f(_, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleItalic().run(),
+				active: c.italic,
+				title: "Italic",
+				children: /* @__PURE__ */ f(C, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleUnderline().run(),
+				active: c.underline,
+				title: "Underline",
+				children: /* @__PURE__ */ f(ne, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleStrike().run(),
+				active: c.strike,
+				title: "Strikethrough",
+				children: /* @__PURE__ */ f(A, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleHeading({ level: 1 }).run(),
+				active: c.h1,
+				title: "Heading 1",
+				children: /* @__PURE__ */ f(y, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
+				active: c.h2,
+				title: "Heading 2",
+				children: /* @__PURE__ */ f(b, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
+				active: c.h3,
+				title: "Heading 3",
+				children: /* @__PURE__ */ f(x, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleBulletList().run(),
+				active: c.bulletList,
+				title: "Bullet list",
+				children: /* @__PURE__ */ f(T, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleOrderedList().run(),
+				active: c.orderedList,
+				title: "Ordered list",
+				children: /* @__PURE__ */ f(E, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleTaskList().run(),
+				active: c.taskList,
+				title: "Task list",
+				children: /* @__PURE__ */ f(te, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleBlockquote().run(),
+				active: c.blockquote,
+				title: "Quote",
+				children: /* @__PURE__ */ f(k, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleCodeBlock().run(),
+				active: c.codeBlock,
+				title: "Code block",
+				children: /* @__PURE__ */ f(v, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: u,
+				active: c.link,
+				title: "Link",
+				children: /* @__PURE__ */ f(w, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: (e) => {
+					if (e?.shiftKey) {
+						d();
+						return;
+					}
+					a && s.current?.click();
+				},
+				disabled: !a,
+				title: a ? "Image (click to upload, Shift+click for URL)" : "Image upload unavailable for this filesystem",
+				children: /* @__PURE__ */ f(ee, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(j, {
+				ref: s,
+				"data-testid": "image-file-input",
+				type: "file",
+				accept: "image/*",
+				className: "hidden",
+				onChange: async (e) => {
+					let n = e.target.files?.[0];
+					e.target.value = "", !(!n || !n.type.startsWith("image/")) && await t(n);
+				}
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().toggleHighlight().run(),
+				active: c.highlight,
+				title: "Highlight",
+				children: /* @__PURE__ */ f(S, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => o("left"),
+				active: c.alignLeft,
+				title: "Align left",
+				children: /* @__PURE__ */ f(h, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => o("center"),
+				active: c.alignCenter,
+				title: "Center align",
+				children: /* @__PURE__ */ f(m, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => o("right"),
+				active: c.alignRight,
+				title: "Align right",
+				children: /* @__PURE__ */ f(g, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			/* @__PURE__ */ f(Y, {
+				onClick: () => e.chain().focus().setHorizontalRule().run(),
+				title: "Horizontal rule",
+				children: /* @__PURE__ */ f(O, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ f(X, {}),
+			i && /* @__PURE__ */ p("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "ml-auto flex items-center gap-1.5 text-[11px] text-muted-foreground/80",
+				children: [/* @__PURE__ */ f(D, {
+					className: "h-3 w-3 animate-spin",
+					"aria-hidden": !0
+				}), "Uploading…"]
+			}),
+			/* @__PURE__ */ f(Y, {
+				onClick: r,
+				active: n,
+				title: n ? "Rich text" : "Raw markdown",
+				children: /* @__PURE__ */ f("span", {
+					className: "font-mono text-[10px] font-semibold leading-none tracking-[-0.02em]",
+					children: "MD"
+				})
+			})
+		]
+	});
+}
+function Ve({ summary: e }) {
+	return /* @__PURE__ */ f("section", {
+		"aria-label": "Frontmatter",
+		className: "border-b border-border/60 bg-transparent px-6 py-5",
+		"data-testid": "markdown-frontmatter-summary",
+		children: /* @__PURE__ */ p("div", {
+			className: "rounded-xl border border-[#3a3a3a] bg-[#262626] px-6 py-5 shadow-sm",
+			children: [/* @__PURE__ */ f("h2", {
+				className: "mb-5 text-base font-medium text-[#c9c9c9]",
+				children: "Metadata"
+			}), /* @__PURE__ */ f("dl", {
+				className: "grid gap-x-10 gap-y-4 text-sm sm:grid-cols-[minmax(9rem,17rem)_minmax(0,1fr)]",
+				children: e.entries.map((e, t) => /* @__PURE__ */ p("div", {
+					className: "contents",
+					children: [/* @__PURE__ */ f("dt", {
+						className: "font-mono text-[#b8b8b8]",
+						children: e.key
+					}), /* @__PURE__ */ f("dd", {
+						className: "min-w-0 whitespace-pre-wrap break-words font-mono text-[#f5f5f5]",
+						children: e.value
+					})]
+				}, `${e.key}-${t}`))
+			})]
+		})
+	});
+}
+function $({ content: e, onChange: o, readOnly: m = !1, placeholder: h, className: g, documentPath: _, filesystem: v }) {
+	let y = i(v), b = n(), x = r(), S = y === "user", { upload: ee, uploading: C } = Se(), [w, te] = u(!1), T = c(() => {
+		let e = we.configure({
+			inline: !1,
+			allowBase64: !0,
+			resizable: !m,
+			resolveSrc: (e) => Fe(e, _, b, x, y)
+		}), t = Re.map((t) => t.name === "image" ? e : t);
+		return h ? [...t.filter((e) => e.name !== "placeholder"), R.configure({ placeholder: h })] : t;
+	}, [
+		b,
+		_,
+		y,
+		h,
+		m,
+		x
+	]), E = l(o);
+	E.current = o;
+	let D = l(!1), O = l(!1), k = l(e), A = l(null), ne = c(() => K(e), [e]), j = c(() => W(e), [e]), M = j?.body ?? e, N = l(async () => {}), P = l(j);
+	P.current = j, N.current = async (e) => {
+		O.current = !0;
+		let t = A.current;
+		if (!t || !S) return;
+		let n;
+		try {
+			n = await Q(e);
+		} catch {
+			return;
+		}
+		let r = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `pending-${Date.now()}-${Math.random().toString(36).slice(2)}`, i = {
+			src: n,
+			alt: e.name,
+			pendingUploadId: r
+		};
+		t.chain().focus().setImage(i).run();
+		try {
+			let { url: t } = await ee(e, { sourcePath: _ }), n = A.current;
+			if (!n || n.isDestroyed) return;
+			n.commands.command(({ tr: e, state: n }) => (n.doc.descendants((n, i) => (n.type.name === "image" && n.attrs.pendingUploadId === r && e.setNodeMarkup(i, void 0, {
+				...n.attrs,
+				src: t,
+				pendingUploadId: null
+			}), !0)), !0));
+		} catch {
+			let e = A.current;
+			if (!e || e.isDestroyed) return;
+			e.commands.command(({ tr: e, state: t }) => (t.doc.descendants((t, n) => (t.type.name === "image" && t.attrs.pendingUploadId === r && e.setNodeMarkup(n, void 0, {
+				...t.attrs,
+				pendingUploadId: null
+			}), !0)), !0));
+		}
+	};
+	let F = c(() => M || {
+		type: "doc",
+		content: [{ type: "paragraph" }]
+	}, [M]), I = M ? "markdown" : "json", L = ie({
+		extensions: T,
+		content: F,
+		contentType: I,
+		editable: !m,
+		editorProps: {
+			attributes: { class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]" },
+			transformPastedHTML: U,
+			handlePaste: (e, t) => {
+				if (m) return !1;
+				let n = ze(t.clipboardData);
+				return n ? (t.preventDefault(), N.current(n), !0) : !1;
+			}
+		},
+		onUpdate: ({ editor: e }) => {
+			if (D.current) return;
+			let t = G(e.getMarkdown?.() ?? e.getHTML(), e.isFocused, P.current, O.current);
+			t !== null && (k.current = t, E.current?.(t));
+		}
+	});
+	return A.current = L, s(() => {
+		!L || L.isDestroyed || L.setEditable(!m);
+	}, [L, m]), s(() => {
+		!L || L.isDestroyed || e !== k.current && (L.getMarkdown?.() ?? L.getHTML()) !== M && (D.current = !0, L.commands.setContent(F, { contentType: I }), D.current = !1, k.current = e);
+	}, [
+		L,
+		e,
+		F,
+		I,
+		M
+	]), /* @__PURE__ */ p("div", {
+		className: a("flex h-full min-h-0 flex-col overflow-hidden", g),
+		onPointerDownCapture: () => {
+			O.current = !0;
+		},
+		onClickCapture: () => {
+			O.current = !0;
+		},
+		onKeyDownCapture: () => {
+			O.current = !0;
+		},
+		children: [
+			!m && /* @__PURE__ */ f(Be, {
+				editor: L,
+				onInsertImage: (e) => N.current(e),
+				rawMode: w,
+				onToggleRawMode: () => te((e) => !e),
+				uploading: C,
+				allowImageUpload: S
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "min-h-0 flex-1 overflow-auto",
+				onClickCapture: (e) => {
+					if (!Le(e.nativeEvent)) return;
+					let n = (e.target instanceof Element ? e.target.closest("a[href]") : null)?.getAttribute("href");
+					if (!n) return;
+					let r = i(y), a = r !== "user", o = J(n, _) ?? (a && n.startsWith("/") && !n.startsWith("//") ? n.split(/[?#]/, 1)[0] : null);
+					o && (e.preventDefault(), e.stopPropagation(), t({
+						kind: "openFile",
+						params: {
+							path: a && _?.startsWith("/") && !o.startsWith("/") ? `/${o}` : o,
+							...r === "user" ? {} : { filesystem: r }
+						}
+					}));
+				},
+				children: w && !m ? /* @__PURE__ */ f("textarea", {
+					"aria-label": "Raw markdown",
+					"data-testid": "markdown-raw-editor",
+					className: "h-full min-h-[200px] w-full resize-none bg-background px-8 py-6 font-mono text-[13px] leading-6 text-foreground outline-none placeholder:text-muted-foreground/70",
+					value: e,
+					placeholder: h,
+					spellCheck: !1,
+					onChange: (e) => E.current?.(e.target.value)
+				}) : /* @__PURE__ */ p(d, { children: [j && /* @__PURE__ */ f(Ve, { summary: j }), /* @__PURE__ */ f(re, { editor: L })] })
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "border-t border-border/60 px-4 py-2 text-right text-xs text-muted-foreground",
+				"data-testid": "markdown-word-count",
+				children: Me(ne)
+			})
+		]
+	});
+}
+//#endregion
+export { Ee as n, $ as t };