@hachej/boring-workspace 0.1.39 → 0.1.41

package/dist/{FileTree-DNIzusWa.js → FileTree-CdvCFi6P.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-uuxyAx3i.js";
+import { L as X } from "./WorkspaceProvider-B6P8ANTL.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-D6W7J3qC.js

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