@hachej/boring-workspace 0.1.34 → 0.1.35

package/dist/{FileTree-DWbh0xNI.js → FileTree-CkCxHBDu.js}

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as z } from "react/jsx-runtime";
 import { useRef as D, useEffect as A, useMemo as M, useCallback as w, createContext as S, useContext as $ } from "react";
 import { Tree as E } from "react-arborist";
 import { FolderOpenIcon as J, FolderIcon as K, ChevronRightIcon as U, Loader2Icon as V } from "lucide-react";
-import { L as X } from "./WorkspaceProvider-hCE2wXKZ.js";
+import { L as X } from "./WorkspaceProvider-BhRPFy5R.js";
 import { EmptyState as Y, Input as Z } from "@hachej/boring-ui-kit";
 import { c as N } from "./utils-B6yFEsav.js";
 import { createDragDropManager as y } from "dnd-core";

package/dist/MarkdownEditor-CtPphEVP.js

@@ -0,0 +1,549 @@
+import { jsxs as H, jsx as e } from "react/jsx-runtime";
+import { useState as F, useCallback as Z, useRef as A, useEffect as D, useMemo as z } from "react";
+import { ReactNodeViewRenderer as G, NodeViewWrapper as J, useEditor as Y, EditorContent as tt, useEditorState as et } from "@tiptap/react";
+import rt from "@tiptap/starter-kit";
+import nt from "@tiptap/extension-underline";
+import it from "@tiptap/extension-link";
+import _ from "@tiptap/extension-placeholder";
+import at from "@tiptap/extension-task-list";
+import ot from "@tiptap/extension-task-item";
+import st from "@tiptap/extension-text-align";
+import lt from "@tiptap/extension-highlight";
+import { Table as ct } from "@tiptap/extension-table";
+import { TableRow as ut } from "@tiptap/extension-table-row";
+import { TableHeader as gt } from "@tiptap/extension-table-header";
+import { TableCell as dt } from "@tiptap/extension-table-cell";
+import ft from "@tiptap/extension-image";
+import { c as S } from "./utils-B6yFEsav.js";
+import { _ as O, aq as V } from "./WorkspaceProvider-BhRPFy5R.js";
+import { uploadFile as mt } from "@hachej/boring-agent/front";
+import pt from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as ht, common as wt } from "lowlight";
+import { Markdown as kt } from "@tiptap/markdown";
+import { BoldIcon as bt, ItalicIcon as vt, UnderlineIcon as It, StrikethroughIcon as xt, Heading1Icon as Lt, Heading2Icon as yt, Heading3Icon as At, ListIcon as Nt, ListOrderedIcon as Ct, ListChecksIcon as Tt, QuoteIcon as Mt, CodeIcon as Rt, LinkIcon as $t, ImageIcon as Ut, HighlighterIcon as Ht, AlignLeftIcon as St, AlignCenterIcon as Bt, AlignRightIcon as Et, MinusIcon as Dt, Loader2Icon as Ft } from "lucide-react";
+import { Toolbar as zt, Input as Wt, ToolbarButton as Pt, ToolbarSeparator as qt } from "@hachej/boring-ui-kit";
+function jt(t) {
+  const r = O(), n = V(), [a, l] = F(0);
+  return { upload: Z(
+    async (u, o) => {
+      l((f) => f + 1);
+      try {
+        return await mt(u, {
+          apiBaseUrl: r,
+          workspaceRequestId: n,
+          directory: (o == null ? void 0 : o.directory) ?? (t == null ? void 0 : t.directory),
+          sourcePath: o == null ? void 0 : o.sourcePath
+        });
+      } finally {
+        l((f) => f - 1);
+      }
+    },
+    [r, n, t == null ? void 0 : t.directory]
+  ), uploading: a > 0 };
+}
+const W = 64, P = 2e3;
+function _t(t) {
+  return t.replace(/\\/g, "\\\\").replace(/]/g, "\\]");
+}
+function E(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function q(t) {
+  if (typeof t == "number" && Number.isFinite(t) && t > 0) return t;
+  if (typeof t == "string" && t.trim()) {
+    const r = Number(t);
+    if (Number.isFinite(r) && r > 0) return r;
+  }
+  return null;
+}
+const X = ft.extend({
+  name: "image",
+  draggable: !0,
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      resolveSrc: (r) => r
+    };
+  },
+  parseMarkdown: (t, r) => r.createNode("image", {
+    src: t.href,
+    title: t.title,
+    alt: t.text
+  }),
+  renderMarkdown: (t) => {
+    var y, v, L, i, c, w, I;
+    const r = typeof ((y = t.attrs) == null ? void 0 : y.src) == "string" ? t.attrs.src : "", n = typeof ((v = t.attrs) == null ? void 0 : v.alt) == "string" ? t.attrs.alt : "", a = typeof ((L = t.attrs) == null ? void 0 : L.title) == "string" ? t.attrs.title : "", l = q((i = t.attrs) == null ? void 0 : i.width), s = q((c = t.attrs) == null ? void 0 : c.height), u = ((w = t.attrs) == null ? void 0 : w.align) === "center" || ((I = t.attrs) == null ? void 0 : I.align) === "right" ? t.attrs.align : "left";
+    if (!l && !s && u === "left") {
+      const k = _t(n);
+      return a ? `![${k}](${r} "${a.replace(/"/g, '\\"')}")` : `![${k}](${r})`;
+    }
+    const f = `<img ${[
+      `src="${E(r)}"`,
+      n ? `alt="${E(n)}"` : null,
+      a ? `title="${E(a)}"` : null,
+      l ? `width="${l}"` : null,
+      s ? `height="${s}"` : null
+    ].filter(Boolean).join(" ")} />`;
+    return u === "center" || u === "right" ? `<p align="${u}">${f}</p>` : f;
+  },
+  addAttributes() {
+    var r;
+    return {
+      ...((r = this.parent) == null ? void 0 : r.call(this)) ?? {},
+      width: {
+        default: null,
+        parseHTML: (n) => {
+          const a = n.getAttribute("width");
+          if (a) {
+            const s = parseInt(a, 10);
+            return Number.isFinite(s) ? s : null;
+          }
+          const l = n.style.width;
+          if (l && l.endsWith("px")) {
+            const s = parseInt(l, 10);
+            return Number.isFinite(s) ? s : null;
+          }
+          return null;
+        },
+        renderHTML: (n) => n.width ? { width: String(n.width) } : {}
+      },
+      align: {
+        default: "left",
+        parseHTML: (n) => {
+          const a = n.getAttribute("data-align");
+          return a === "left" || a === "center" || a === "right" ? a : n.style.marginLeft === "auto" && n.style.marginRight === "auto" ? "center" : n.style.marginLeft === "auto" ? "right" : "left";
+        },
+        renderHTML: (n) => ({ "data-align": n.align ?? "left" })
+      },
+      // Transient marker used by MarkdownEditor.insertImageRef to find THIS
+      // specific inserted image when its background upload completes, even
+      // if the user pasted the same file twice (which produces two image
+      // nodes with identical `src` data URLs). Never serialized to HTML or
+      // markdown — purely in-memory state for the swap.
+      pendingUploadId: {
+        default: null,
+        parseHTML: () => null,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  addNodeView() {
+    return G(Ot);
+  }
+});
+function Ot({ node: t, updateAttributes: r, selected: n, extension: a }) {
+  const l = A(null), s = A(null), [u, o] = F(!1), f = t.attrs.src ?? "", v = (a.options.resolveSrc ?? ((k) => k))(f), L = t.attrs.alt ?? "", i = t.attrs.title ?? void 0, c = t.attrs.width, w = t.attrs.align ?? "left";
+  D(() => {
+    if (!u) return;
+    const k = (N) => {
+      const x = s.current;
+      if (!x) return;
+      const m = N.clientX - x.x, g = Math.max(W, Math.min(P, x.width + m));
+      r({ width: Math.round(g) });
+    }, b = () => {
+      s.current = null, o(!1);
+    };
+    return window.addEventListener("pointermove", k), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
+      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    };
+  }, [u, r]);
+  const I = (k) => {
+    var x;
+    k.preventDefault(), k.stopPropagation();
+    const b = (x = l.current) == null ? void 0 : x.querySelector("img"), N = c ?? (b == null ? void 0 : b.getBoundingClientRect().width) ?? 320;
+    s.current = { x: k.clientX, width: N }, o(!0);
+  };
+  return /* @__PURE__ */ H(
+    J,
+    {
+      ref: l,
+      "data-resizable-image": "",
+      "data-selected": n ? "true" : void 0,
+      className: S(
+        "relative block max-w-full align-baseline",
+        "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md",
+        w === "left" && "mr-auto",
+        w === "center" && "mx-auto",
+        w === "right" && "ml-auto",
+        n && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"
+      ),
+      style: { width: c ? `${c}px` : void 0 },
+      children: [
+        /* @__PURE__ */ e("img", { src: v, alt: L, title: i, draggable: !1 }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            role: "slider",
+            "aria-label": "Resize image",
+            "aria-valuenow": c ?? 0,
+            "aria-valuemin": W,
+            "aria-valuemax": P,
+            "data-testid": "resize-handle",
+            onPointerDown: I,
+            className: S(
+              "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 || u) && "opacity-100"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const Vt = ht(wt), Xt = [
+  /<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 Kt(t) {
+  let r = t;
+  for (const n of Xt)
+    r = r.replace(n, "");
+  return r;
+}
+function Qt(t) {
+  const n = t.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);
+  return (n == null ? void 0 : n.length) ?? 0;
+}
+function Zt(t) {
+  return `${t} word${t === 1 ? "" : "s"}`;
+}
+function Gt(t) {
+  return /^(?:[a-z][a-z0-9+.-]*:|\/|#)/i.test(t);
+}
+function Jt(t, r) {
+  return !(t === "" && !r);
+}
+function Yt(t, r) {
+  const n = t.match(/^([^?#]*)([?#].*)?$/), a = (n == null ? void 0 : n[1]) ?? t, l = (n == null ? void 0 : n[2]) ?? "", s = r != null && r.includes("/") ? r.slice(0, r.lastIndexOf("/")) : "", u = `${s ? `${s}/` : ""}${a}`.split("/"), o = [];
+  for (const f of u)
+    !f || f === "." || (f === ".." ? o.pop() : o.push(f));
+  return `${o.join("/")}${l}`;
+}
+function te(t, r, n, a) {
+  if (!t || Gt(t)) return t;
+  const l = Yt(t, r), s = n.replace(/\/$/, ""), u = new URLSearchParams({ path: l });
+  return a && u.set("workspaceId", a), `${s}/api/v1/files/raw?${u.toString()}`;
+}
+const ee = [
+  rt.configure({
+    codeBlock: !1,
+    link: !1,
+    underline: !1
+  }),
+  nt,
+  it.configure({
+    openOnClick: !0,
+    autolink: !0,
+    linkOnPaste: !0,
+    defaultProtocol: "https",
+    HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+  }),
+  _.configure({
+    placeholder: "Start writing..."
+  }),
+  at,
+  ot.configure({ nested: !0 }),
+  st.configure({
+    types: ["heading", "paragraph"]
+  }),
+  lt,
+  ct.configure({
+    resizable: !0
+  }),
+  ut,
+  gt,
+  dt,
+  X.configure({
+    inline: !1,
+    allowBase64: !0
+  }),
+  pt.configure({ lowlight: Vt }),
+  kt.configure({
+    markedOptions: {
+      gfm: !0,
+      breaks: !1,
+      pedantic: !1
+    }
+  })
+];
+function d({ onClick: t, active: r, disabled: n, title: a, children: l }) {
+  return /* @__PURE__ */ e(
+    Pt,
+    {
+      type: "button",
+      size: "icon-xs",
+      onClick: t,
+      disabled: n,
+      title: a,
+      "aria-pressed": r,
+      className: S(
+        "text-muted-foreground/70",
+        r && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"
+      ),
+      children: l
+    }
+  );
+}
+function T() {
+  return /* @__PURE__ */ e(qt, { className: "mx-2 h-3.5" });
+}
+function j(t) {
+  const r = t.trim().toLowerCase();
+  return !r.startsWith("javascript:") && !r.startsWith("data:text/html");
+}
+function re(t) {
+  return new Promise((r, n) => {
+    const a = new FileReader();
+    a.onload = () => r(a.result), a.onerror = () => n(a.error ?? new Error("Read failed")), a.readAsDataURL(t);
+  });
+}
+function ne(t) {
+  if (!t) return null;
+  for (const r of Array.from(t.files ?? []))
+    if (r.type.startsWith("image/")) return r;
+  for (const r of Array.from(t.items ?? [])) {
+    if (r.kind !== "file" || !r.type.startsWith("image/")) continue;
+    const n = r.getAsFile();
+    if (n) return n;
+  }
+  return null;
+}
+function ie({
+  editor: t,
+  onInsertImage: r,
+  rawMode: n,
+  onToggleRawMode: a,
+  uploading: l
+}) {
+  const s = (i) => {
+    if (t) {
+      if (t.isActive("image")) {
+        t.chain().focus().updateAttributes("image", { align: i }).run();
+        return;
+      }
+      t.chain().focus().setTextAlign(i).run();
+    }
+  }, u = A(null), o = et({
+    editor: t,
+    selector: ({ editor: i }) => i ? {
+      bold: i.isActive("bold"),
+      italic: i.isActive("italic"),
+      underline: i.isActive("underline"),
+      strike: i.isActive("strike"),
+      h1: i.isActive("heading", { level: 1 }),
+      h2: i.isActive("heading", { level: 2 }),
+      h3: i.isActive("heading", { level: 3 }),
+      bulletList: i.isActive("bulletList"),
+      orderedList: i.isActive("orderedList"),
+      taskList: i.isActive("taskList"),
+      blockquote: i.isActive("blockquote"),
+      codeBlock: i.isActive("codeBlock"),
+      link: i.isActive("link"),
+      highlight: i.isActive("highlight"),
+      alignLeft: i.isActive("image") ? (i.getAttributes("image").align ?? "left") === "left" : i.isActive({ textAlign: "left" }),
+      alignCenter: i.isActive("image") ? i.getAttributes("image").align === "center" : i.isActive({ textAlign: "center" }),
+      alignRight: i.isActive("image") ? i.getAttributes("image").align === "right" : i.isActive({ textAlign: "right" })
+    } : null
+  });
+  if (!t || !o) return null;
+  const f = () => {
+    const i = window.prompt("URL:");
+    i && j(i) && t.chain().focus().extendMarkRange("link").setLink({ href: i }).run();
+  }, y = () => {
+    const i = window.prompt("Image URL:");
+    i && j(i) && t.chain().focus().setImage({ src: i }).run();
+  }, v = (i) => {
+    var c;
+    if (i != null && i.shiftKey) {
+      y();
+      return;
+    }
+    (c = u.current) == null || c.click();
+  }, L = async (i) => {
+    var w;
+    const c = (w = i.target.files) == null ? void 0 : w[0];
+    i.target.value = "", !(!c || !c.type.startsWith("image/")) && await r(c);
+  };
+  return /* @__PURE__ */ H(zt, { className: "border-b border-border/60 bg-background px-3 py-1.5", "aria-label": "Formatting toolbar", children: [
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleBold().run(), active: o.bold, title: "Bold", children: /* @__PURE__ */ e(bt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleItalic().run(), active: o.italic, title: "Italic", children: /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleUnderline().run(), active: o.underline, title: "Underline", children: /* @__PURE__ */ e(It, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleStrike().run(), active: o.strike, title: "Strikethrough", children: /* @__PURE__ */ e(xt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(), active: o.h1, title: "Heading 1", children: /* @__PURE__ */ e(Lt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(), active: o.h2, title: "Heading 2", children: /* @__PURE__ */ e(yt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(), active: o.h3, title: "Heading 3", children: /* @__PURE__ */ e(At, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleBulletList().run(), active: o.bulletList, title: "Bullet list", children: /* @__PURE__ */ e(Nt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleOrderedList().run(), active: o.orderedList, title: "Ordered list", children: /* @__PURE__ */ e(Ct, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleTaskList().run(), active: o.taskList, title: "Task list", children: /* @__PURE__ */ e(Tt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleBlockquote().run(), active: o.blockquote, title: "Quote", children: /* @__PURE__ */ e(Mt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleCodeBlock().run(), active: o.codeBlock, title: "Code block", children: /* @__PURE__ */ e(Rt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: f, active: o.link, title: "Link", children: /* @__PURE__ */ e($t, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        onClick: v,
+        title: "Image (click to upload, Shift+click for URL)",
+        children: /* @__PURE__ */ e(Ut, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      Wt,
+      {
+        ref: u,
+        "data-testid": "image-file-input",
+        type: "file",
+        accept: "image/*",
+        className: "hidden",
+        onChange: L
+      }
+    ),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().toggleHighlight().run(), active: o.highlight, title: "Highlight", children: /* @__PURE__ */ e(Ht, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    /* @__PURE__ */ e(d, { onClick: () => s("left"), active: o.alignLeft, title: "Align left", children: /* @__PURE__ */ e(St, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => s("center"), active: o.alignCenter, title: "Center align", children: /* @__PURE__ */ e(Bt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(d, { onClick: () => s("right"), active: o.alignRight, title: "Align right", children: /* @__PURE__ */ e(Et, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    /* @__PURE__ */ e(d, { onClick: () => t.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ e(Dt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ e(T, {}),
+    l && /* @__PURE__ */ H(
+      "span",
+      {
+        role: "status",
+        "aria-live": "polite",
+        className: "ml-auto flex items-center gap-1.5 text-[11px] text-muted-foreground/80",
+        children: [
+          /* @__PURE__ */ e(Ft, { className: "h-3 w-3 animate-spin", "aria-hidden": !0 }),
+          "Uploading…"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      d,
+      {
+        onClick: a,
+        active: n,
+        title: n ? "Rich text" : "Raw markdown",
+        children: /* @__PURE__ */ e("span", { className: "font-mono text-[10px] font-semibold leading-none tracking-[-0.02em]", children: "MD" })
+      }
+    )
+  ] });
+}
+function Me({
+  content: t,
+  onChange: r,
+  readOnly: n = !1,
+  placeholder: a,
+  className: l,
+  documentPath: s
+}) {
+  const u = O(), o = V(), { upload: f, uploading: y } = jt(), [v, L] = F(!1), i = z(() => {
+    const g = X.configure({
+      inline: !1,
+      allowBase64: !0,
+      resolveSrc: (h) => te(h, s, u, o)
+    }), p = ee.map((h) => h.name === "image" ? g : h);
+    return a ? [
+      ...p.filter((h) => h.name !== "placeholder"),
+      _.configure({ placeholder: a })
+    ] : p;
+  }, [u, s, a, o]), c = A(r);
+  c.current = r;
+  const w = A(!1), I = A(null), k = z(() => Qt(t), [t]), b = A(async () => {
+  });
+  b.current = async (g) => {
+    const p = I.current;
+    if (!p) return;
+    let h;
+    try {
+      h = await re(g);
+    } catch {
+      return;
+    }
+    const C = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `pending-${Date.now()}-${Math.random().toString(36).slice(2)}`, K = { src: h, alt: g.name, pendingUploadId: C };
+    p.chain().focus().setImage(K).run();
+    try {
+      const { url: M } = await f(g, { sourcePath: s }), R = I.current;
+      if (!R || R.isDestroyed) return;
+      R.commands.command(({ tr: B, state: $ }) => ($.doc.descendants((U, Q) => (U.type.name === "image" && U.attrs.pendingUploadId === C && B.setNodeMarkup(Q, void 0, { ...U.attrs, src: M, pendingUploadId: null }), !0)), !0));
+    } catch {
+      const M = I.current;
+      if (!M || M.isDestroyed) return;
+      M.commands.command(({ tr: R, state: B }) => (B.doc.descendants(($, U) => ($.type.name === "image" && $.attrs.pendingUploadId === C && R.setNodeMarkup(U, void 0, { ...$.attrs, pendingUploadId: null }), !0)), !0));
+    }
+  };
+  const N = t || { type: "doc", content: [{ type: "paragraph" }] }, x = t ? "markdown" : "json", m = Y({
+    extensions: i,
+    content: N,
+    contentType: x,
+    editable: !n,
+    editorProps: {
+      attributes: {
+        class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]"
+      },
+      transformPastedHTML: Kt,
+      handlePaste: (g, p) => {
+        if (n) return !1;
+        const h = ne(p.clipboardData);
+        return h ? (p.preventDefault(), b.current(h), !0) : !1;
+      }
+    },
+    onUpdate: ({ editor: g }) => {
+      var h, C;
+      if (w.current) return;
+      const p = ((h = g.getMarkdown) == null ? void 0 : h.call(g)) ?? g.getHTML();
+      Jt(p, g.isFocused) && ((C = c.current) == null || C.call(c, p));
+    }
+  });
+  return I.current = m, D(() => {
+    !m || m.isDestroyed || m.setEditable(!n);
+  }, [m, n]), D(() => {
+    var p;
+    !m || m.isDestroyed || (((p = m.getMarkdown) == null ? void 0 : p.call(m)) ?? m.getHTML()) === t || (w.current = !0, m.commands.setContent(N, { contentType: x }), w.current = !1);
+  }, [m, t]), /* @__PURE__ */ H("div", { className: S("flex h-full min-h-0 flex-col overflow-hidden", l), children: [
+    !n && /* @__PURE__ */ e(
+      ie,
+      {
+        editor: m,
+        onInsertImage: (g) => b.current(g),
+        rawMode: v,
+        onToggleRawMode: () => L((g) => !g),
+        uploading: y
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-auto", children: v && !n ? /* @__PURE__ */ e(
+      "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: t,
+        placeholder: a,
+        spellCheck: !1,
+        onChange: (g) => {
+          var p;
+          return (p = c.current) == null ? void 0 : p.call(c, g.target.value);
+        }
+      }
+    ) : /* @__PURE__ */ e(tt, { editor: m }) }),
+    /* @__PURE__ */ e("div", { className: "border-t border-border/60 px-4 py-2 text-right text-xs text-muted-foreground", "data-testid": "markdown-word-count", children: Zt(k) })
+  ] });
+}
+export {
+  Me as MarkdownEditor,
+  Qt as countMarkdownWords,
+  j as isSafeUrl,
+  Jt as isUserEditedChange,
+  te as rawFileUrlForMarkdownImage,
+  re as readFileAsDataUrl,
+  Kt as sanitizeHtml
+};