@hachej/boring-workspace 0.1.5 → 0.1.6

package/dist/{CommandPalette-aM61U-b0.js → CommandPalette-CdiVSPYz.js}

@@ -2095,7 +2095,7 @@ function Qs(e) {
   }
   return t;
 }
-const Qn = () => import("./FileTree-DRq_bfue.js").then((e) => ({ default: e.FileTree }));
+const Qn = () => import("./FileTree-Bgg50HQf.js").then((e) => ({ default: e.FileTree }));
 function Xs() {
   Qn();
 }
@@ -2945,7 +2945,7 @@ function Xt({ params: e, api: t, className: n }) {
   );
 }
 const yi = Ge(
-  () => import("./MarkdownEditor-DjiHxnRv.js").then((e) => ({ default: e.MarkdownEditor }))
+  () => import("./MarkdownEditor-BA37oZKg.js").then((e) => ({ default: e.MarkdownEditor }))
 );
 function vi({ params: e, api: t, className: n }) {
   const r = typeof (e == null ? void 0 : e.path) == "string" ? e.path : "", {
@@ -2970,7 +2970,7 @@ function vi({ params: e, api: t, className: n }) {
       onReload: d,
       onOverwrite: i,
       editorComponent: yi,
-      editorProps: { className: n }
+      editorProps: { className: n, documentPath: r }
     }
   );
 }
@@ -5201,6 +5201,8 @@ export {
   $n as ak,
   Ka as al,
   pe as am,
+  Ye as an,
+  Je as ao,
   Ja as b,
   Xt as c,
   go as d,

package/dist/{FileTree-DRq_bfue.js → FileTree-Bgg50HQf.js}

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as C } from "react/jsx-runtime";
 import { useRef as w, useEffect as R, useMemo as P, useCallback as x, createContext as H, useContext as L } from "react";
 import { Tree as q } from "react-arborist";
 import { FolderOpenIcon as z, FolderIcon as B, ChevronRightIcon as K, Loader2Icon as E } from "lucide-react";
-import { K as Y } from "./CommandPalette-aM61U-b0.js";
+import { K as Y } from "./CommandPalette-CdiVSPYz.js";
 import { Input as G } from "@hachej/boring-ui-kit";
 import { c as v } from "./utils-B6yFEsav.js";
 const T = /* @__PURE__ */ new Set(), A = H({

package/dist/MarkdownEditor-BA37oZKg.js

@@ -0,0 +1,458 @@
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+import { useRef as v, useState as B, useEffect as L } from "react";
+import { ReactNodeViewRenderer as $, NodeViewWrapper as E, useEditor as z, EditorContent as P, useEditorState as D } from "@tiptap/react";
+import q from "@tiptap/starter-kit";
+import j from "@tiptap/extension-underline";
+import F from "@tiptap/extension-link";
+import S from "@tiptap/extension-placeholder";
+import W from "@tiptap/extension-task-list";
+import O from "@tiptap/extension-task-item";
+import V from "@tiptap/extension-text-align";
+import _ from "@tiptap/extension-highlight";
+import { Table as X } from "@tiptap/extension-table";
+import { TableRow as K } from "@tiptap/extension-table-row";
+import { TableHeader as Q } from "@tiptap/extension-table-header";
+import { TableCell as J } from "@tiptap/extension-table-cell";
+import Z from "@tiptap/extension-image";
+import { c as x } from "./utils-B6yFEsav.js";
+import { an as G, ao as Y } from "./CommandPalette-CdiVSPYz.js";
+import tt from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as et, common as it } from "lowlight";
+import { Markdown as rt } from "@tiptap/markdown";
+import { BoldIcon as nt, ItalicIcon as at, UnderlineIcon as ot, StrikethroughIcon as lt, Heading1Icon as st, Heading2Icon as ct, Heading3Icon as ut, ListIcon as gt, ListOrderedIcon as dt, ListChecksIcon as ft, QuoteIcon as mt, CodeIcon as ht, LinkIcon as pt, ImageIcon as wt, HighlighterIcon as kt, AlignLeftIcon as bt, AlignCenterIcon as vt, AlignRightIcon as It, MinusIcon as xt } from "lucide-react";
+import { Toolbar as At, Input as Lt, ToolbarButton as Nt, ToolbarSeparator as Tt } from "@hachej/boring-ui-kit";
+const C = 64, y = 2e3;
+function Ct(t) {
+  return t.replace(/\\/g, "\\\\").replace(/]/g, "\\]");
+}
+function A(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function R(t) {
+  if (typeof t == "number" && Number.isFinite(t) && t > 0) return t;
+  if (typeof t == "string" && t.trim()) {
+    const n = Number(t);
+    if (Number.isFinite(n) && n > 0) return n;
+  }
+  return null;
+}
+const yt = Z.extend({
+  name: "image",
+  draggable: !0,
+  parseMarkdown: (t, n) => n.createNode("image", {
+    src: t.href,
+    title: t.title,
+    alt: t.text
+  }),
+  renderMarkdown: (t) => {
+    var k, f, h, w, e, a, u;
+    const n = typeof ((k = t.attrs) == null ? void 0 : k.src) == "string" ? t.attrs.src : "", r = typeof ((f = t.attrs) == null ? void 0 : f.alt) == "string" ? t.attrs.alt : "", o = typeof ((h = t.attrs) == null ? void 0 : h.title) == "string" ? t.attrs.title : "", c = R((w = t.attrs) == null ? void 0 : w.width), d = R((e = t.attrs) == null ? void 0 : e.height), m = ((a = t.attrs) == null ? void 0 : a.align) === "center" || ((u = t.attrs) == null ? void 0 : u.align) === "right" ? t.attrs.align : "left";
+    if (!c && !d && m === "left") {
+      const s = Ct(r);
+      return o ? `![${s}](${n} "${o.replace(/"/g, '\\"')}")` : `![${s}](${n})`;
+    }
+    const l = `<img ${[
+      `src="${A(n)}"`,
+      r ? `alt="${A(r)}"` : null,
+      o ? `title="${A(o)}"` : null,
+      c ? `width="${c}"` : null,
+      d ? `height="${d}"` : null
+    ].filter(Boolean).join(" ")} />`;
+    return m === "center" || m === "right" ? `<p align="${m}">${l}</p>` : l;
+  },
+  addAttributes() {
+    var n;
+    return {
+      ...((n = this.parent) == null ? void 0 : n.call(this)) ?? {},
+      width: {
+        default: null,
+        parseHTML: (r) => {
+          const o = r.getAttribute("width");
+          if (o) {
+            const d = parseInt(o, 10);
+            return Number.isFinite(d) ? d : null;
+          }
+          const c = r.style.width;
+          if (c && c.endsWith("px")) {
+            const d = parseInt(c, 10);
+            return Number.isFinite(d) ? d : 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" })
+      }
+    };
+  },
+  addNodeView() {
+    return $(Rt);
+  }
+});
+function Rt({ node: t, updateAttributes: n, selected: r }) {
+  const o = v(null), c = v(null), [d, m] = B(!1), p = t.attrs.src ?? "", l = t.attrs.alt ?? "", k = t.attrs.title ?? void 0, f = t.attrs.width, h = t.attrs.align ?? "left";
+  L(() => {
+    if (!d) return;
+    const e = (u) => {
+      const s = c.current;
+      if (!s) return;
+      const I = u.clientX - s.x, U = Math.max(C, Math.min(y, s.width + I));
+      n({ width: Math.round(U) });
+    }, a = () => {
+      c.current = null, m(!1);
+    };
+    return window.addEventListener("pointermove", e), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a), () => {
+      window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a);
+    };
+  }, [d, n]);
+  const w = (e) => {
+    var s;
+    e.preventDefault(), e.stopPropagation();
+    const a = (s = o.current) == null ? void 0 : s.querySelector("img"), u = f ?? (a == null ? void 0 : a.getBoundingClientRect().width) ?? 320;
+    c.current = { x: e.clientX, width: u }, m(!0);
+  };
+  return /* @__PURE__ */ T(
+    E,
+    {
+      ref: o,
+      "data-resizable-image": "",
+      "data-selected": r ? "true" : void 0,
+      className: x(
+        "relative block max-w-full align-baseline",
+        "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md",
+        h === "left" && "mr-auto",
+        h === "center" && "mx-auto",
+        h === "right" && "ml-auto",
+        r && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"
+      ),
+      style: { width: f ? `${f}px` : void 0 },
+      children: [
+        /* @__PURE__ */ i("img", { src: p, alt: l, title: k, draggable: !1 }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            role: "slider",
+            "aria-label": "Resize image",
+            "aria-valuenow": f ?? 0,
+            "aria-valuemin": C,
+            "aria-valuemax": y,
+            "data-testid": "resize-handle",
+            onPointerDown: w,
+            className: x(
+              "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 || d) && "opacity-100"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const Ht = et(it), Mt = [
+  /<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 Bt(t) {
+  let n = t;
+  for (const r of Mt)
+    n = n.replace(r, "");
+  return n;
+}
+const H = [
+  q.configure({
+    codeBlock: !1,
+    link: !1,
+    underline: !1
+  }),
+  j,
+  F.configure({
+    openOnClick: !0,
+    autolink: !0,
+    linkOnPaste: !0,
+    defaultProtocol: "https",
+    HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+  }),
+  S.configure({
+    placeholder: "Start writing..."
+  }),
+  W,
+  O.configure({ nested: !0 }),
+  V.configure({
+    types: ["heading", "paragraph"]
+  }),
+  _,
+  X.configure({
+    resizable: !0
+  }),
+  K,
+  Q,
+  J,
+  yt.configure({
+    inline: !1,
+    allowBase64: !0
+  }),
+  tt.configure({ lowlight: Ht }),
+  rt.configure({
+    markedOptions: {
+      gfm: !0,
+      breaks: !1,
+      pedantic: !1
+    }
+  })
+];
+function g({ onClick: t, active: n, disabled: r, title: o, children: c }) {
+  return /* @__PURE__ */ i(
+    Nt,
+    {
+      type: "button",
+      size: "icon-xs",
+      onClick: t,
+      disabled: r,
+      title: o,
+      "aria-pressed": n,
+      className: x(
+        "text-muted-foreground/70",
+        n && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"
+      ),
+      children: c
+    }
+  );
+}
+function b() {
+  return /* @__PURE__ */ i(Tt, { className: "mx-2 h-3.5" });
+}
+function M(t) {
+  const n = t.trim().toLowerCase();
+  return !n.startsWith("javascript:") && !n.startsWith("data:text/html");
+}
+function N(t) {
+  return new Promise((n, r) => {
+    const o = new FileReader();
+    o.onload = () => n(o.result), o.onerror = () => r(o.error ?? new Error("Read failed")), o.readAsDataURL(t);
+  });
+}
+function St(t, n) {
+  return `${t.replace(/\/$/, "")}${n}`;
+}
+async function Ut(t, n, r = {}) {
+  if (!n) return await N(t);
+  const o = await N(t), c = o.indexOf(","), d = c >= 0 ? o.slice(c + 1) : "", m = { "Content-Type": "application/json" };
+  r.workspaceRequestId && (m["x-boring-workspace-id"] = r.workspaceRequestId);
+  const p = await fetch(St(r.apiBaseUrl ?? "", "/api/v1/files/upload"), {
+    method: "POST",
+    headers: m,
+    credentials: "include",
+    body: JSON.stringify({
+      filename: t.name,
+      contentType: t.type,
+      contentBase64: d,
+      sourcePath: n
+    })
+  });
+  if (!p.ok) throw new Error(`Upload failed: ${p.status}`);
+  const l = await p.json();
+  return l.markdownUrl ?? l.path ?? o;
+}
+function $t({
+  editor: t,
+  documentPath: n,
+  apiBaseUrl: r,
+  workspaceRequestId: o,
+  rawMode: c,
+  onToggleRawMode: d
+}) {
+  const m = (e) => {
+    if (t) {
+      if (t.isActive("image")) {
+        t.chain().focus().updateAttributes("image", { align: e }).run();
+        return;
+      }
+      t.chain().focus().setTextAlign(e).run();
+    }
+  }, p = v(null), l = D({
+    editor: t,
+    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 (!t || !l) return null;
+  const k = () => {
+    const e = window.prompt("URL:");
+    e && M(e) && t.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
+  }, f = () => {
+    const e = window.prompt("Image URL:");
+    e && M(e) && t.chain().focus().setImage({ src: e }).run();
+  }, h = (e) => {
+    var a;
+    if (e != null && e.shiftKey) {
+      f();
+      return;
+    }
+    (a = p.current) == null || a.click();
+  }, w = async (e) => {
+    var u;
+    const a = (u = e.target.files) == null ? void 0 : u[0];
+    if (e.target.value = "", !(!a || !a.type.startsWith("image/")))
+      try {
+        const s = await Ut(a, n, { apiBaseUrl: r, workspaceRequestId: o });
+        t.chain().focus().setImage({ src: s, alt: a.name }).run();
+      } catch {
+        try {
+          const s = await N(a);
+          t.chain().focus().setImage({ src: s, alt: a.name }).run();
+        } catch {
+        }
+      }
+  };
+  return /* @__PURE__ */ T(At, { className: "border-b border-border/60 bg-background px-3 py-1.5", "aria-label": "Formatting toolbar", children: [
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleBold().run(), active: l.bold, title: "Bold", children: /* @__PURE__ */ i(nt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleItalic().run(), active: l.italic, title: "Italic", children: /* @__PURE__ */ i(at, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleUnderline().run(), active: l.underline, title: "Underline", children: /* @__PURE__ */ i(ot, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleStrike().run(), active: l.strike, title: "Strikethrough", children: /* @__PURE__ */ i(lt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(), active: l.h1, title: "Heading 1", children: /* @__PURE__ */ i(st, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(), active: l.h2, title: "Heading 2", children: /* @__PURE__ */ i(ct, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(), active: l.h3, title: "Heading 3", children: /* @__PURE__ */ i(ut, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleBulletList().run(), active: l.bulletList, title: "Bullet list", children: /* @__PURE__ */ i(gt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleOrderedList().run(), active: l.orderedList, title: "Ordered list", children: /* @__PURE__ */ i(dt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleTaskList().run(), active: l.taskList, title: "Task list", children: /* @__PURE__ */ i(ft, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleBlockquote().run(), active: l.blockquote, title: "Quote", children: /* @__PURE__ */ i(mt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleCodeBlock().run(), active: l.codeBlock, title: "Code block", children: /* @__PURE__ */ i(ht, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: k, active: l.link, title: "Link", children: /* @__PURE__ */ i(pt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(
+      g,
+      {
+        onClick: h,
+        title: "Image (click to upload, Shift+click for URL)",
+        children: /* @__PURE__ */ i(wt, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ i(
+      Lt,
+      {
+        ref: p,
+        "data-testid": "image-file-input",
+        type: "file",
+        accept: "image/*",
+        className: "hidden",
+        onChange: w
+      }
+    ),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().toggleHighlight().run(), active: l.highlight, title: "Highlight", children: /* @__PURE__ */ i(kt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(g, { onClick: () => m("left"), active: l.alignLeft, title: "Align left", children: /* @__PURE__ */ i(bt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => m("center"), active: l.alignCenter, title: "Center align", children: /* @__PURE__ */ i(vt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(g, { onClick: () => m("right"), active: l.alignRight, title: "Align right", children: /* @__PURE__ */ i(It, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(g, { onClick: () => t.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ i(xt, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ i(b, {}),
+    /* @__PURE__ */ i(
+      g,
+      {
+        onClick: d,
+        active: c,
+        title: c ? "Rich text" : "Raw markdown",
+        children: /* @__PURE__ */ i("span", { className: "font-mono text-[10px] font-semibold leading-none tracking-[-0.02em]", children: "MD" })
+      }
+    )
+  ] });
+}
+function ae({
+  content: t,
+  onChange: n,
+  readOnly: r = !1,
+  placeholder: o,
+  className: c,
+  documentPath: d
+}) {
+  const m = G(), p = Y(), [l, k] = B(!1), f = v(n);
+  f.current = n;
+  const h = v(!1), w = t || { type: "doc", content: [{ type: "paragraph" }] }, e = t ? "markdown" : "json", a = z({
+    extensions: o ? [
+      ...H.filter((u) => u.name !== "placeholder"),
+      S.configure({ placeholder: o })
+    ] : H,
+    content: w,
+    contentType: e,
+    editable: !r,
+    editorProps: {
+      attributes: {
+        class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]"
+      },
+      transformPastedHTML: Bt
+    },
+    onUpdate: ({ editor: u }) => {
+      var s, I;
+      h.current || (I = f.current) == null || I.call(f, ((s = u.getMarkdown) == null ? void 0 : s.call(u)) ?? u.getHTML());
+    }
+  });
+  return L(() => {
+    !a || a.isDestroyed || a.setEditable(!r);
+  }, [a, r]), L(() => {
+    var s;
+    !a || a.isDestroyed || (((s = a.getMarkdown) == null ? void 0 : s.call(a)) ?? a.getHTML()) === t || (h.current = !0, a.commands.setContent(w, { contentType: e }), h.current = !1);
+  }, [a, t]), /* @__PURE__ */ T("div", { className: x("flex h-full flex-col overflow-hidden", c), children: [
+    !r && /* @__PURE__ */ i(
+      $t,
+      {
+        editor: a,
+        documentPath: d,
+        apiBaseUrl: m,
+        workspaceRequestId: p,
+        rawMode: l,
+        onToggleRawMode: () => k((u) => !u)
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-auto", children: l && !r ? /* @__PURE__ */ i(
+      "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 s;
+          return (s = f.current) == null ? void 0 : s.call(f, u.target.value);
+        }
+      }
+    ) : /* @__PURE__ */ i(P, { editor: a }) })
+  ] });
+}
+export {
+  ae as MarkdownEditor,
+  M as isSafeUrl,
+  N as readFileAsDataUrl,
+  Bt as sanitizeHtml
+};

package/dist/{WorkspaceLoadingState-By0dZoPD.js → WorkspaceLoadingState-CLhYOvtL.js}

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as o, Fragment as H } from "react/jsx-runtime";
 import { useCallback as b, useMemo as A, useEffect as S, useState as V, Suspense as X, useRef as q } from "react";
 import { LoadingState as Z, ResizeHandle as G, IconButton as $, Button as J, Kbd as Q } from "@hachej/boring-ui-kit";
 import { c as g } from "./utils-B6yFEsav.js";
-import { $ as Y, a6 as ee, E as te, am as ne, ak as re, u as oe } from "./CommandPalette-aM61U-b0.js";
+import { $ as Y, a6 as ee, E as te, am as ne, ak as re, u as oe } from "./CommandPalette-CdiVSPYz.js";
 import { Search as ae, Plus as ie } from "lucide-react";
 function be(e, t, r = !0) {
   if (!r || typeof window > "u") return t;

package/dist/app-front.js

@@ -1,8 +1,8 @@
 import { jsx as d, jsxs as Te, Fragment as x } from "react/jsx-runtime";
 import { useSyncExternalStore as ze, useMemo as v, useRef as K, useState as X, useEffect as y, useCallback as P } from "react";
 import { ChatPanel as Fe, useSessions as Ge } from "@hachej/boring-agent/front";
-import { aj as ke, q as Ye, ak as Qe, u as Xe, al as Ze } from "./CommandPalette-aM61U-b0.js";
-import { T as He, C as qe, r as Ee, w as et, W as $e } from "./WorkspaceLoadingState-By0dZoPD.js";
+import { aj as ke, q as Ye, ak as Qe, u as Xe, al as Ze } from "./CommandPalette-CdiVSPYz.js";
+import { T as He, C as qe, r as Ee, w as et, W as $e } from "./WorkspaceLoadingState-CLhYOvtL.js";
 function tt() {
   const e = `s${Date.now()}`;
   return {

package/dist/testing.js

@@ -1,7 +1,7 @@
 import { jsx as ka } from "react/jsx-runtime";
 import * as Pa from "react";
 import { createElement as ds, useMemo as Tn, useLayoutEffect as fs, isValidElement as ps, cloneElement as ms, useSyncExternalStore as Ji } from "react";
-import { i as vs, q as bs, ai as hs } from "./CommandPalette-aM61U-b0.js";
+import { i as vs, q as bs, ai as hs } from "./CommandPalette-CdiVSPYz.js";
 import { d as ys } from "./panel-DnvDNQac.js";
 import * as Rs from "react-dom/test-utils";
 import Ba from "react-dom";

package/dist/workspace.css

@@ -2827,6 +2827,10 @@
     --tw-tracking: -0.01em;
     letter-spacing: -0.01em;
   }
+  .tracking-\[-0\.02em\] {
+    --tw-tracking: -0.02em;
+    letter-spacing: -0.02em;
+  }
   .tracking-\[0\.05em\] {
     --tw-tracking: 0.05em;
     letter-spacing: 0.05em;
@@ -3340,6 +3344,14 @@
       color: var(--boring-muted-foreground);
     }
   }
+  .placeholder\:text-muted-foreground\/70 {
+    &::placeholder {
+      color: var(--boring-muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--boring-muted-foreground) 70%, transparent);
+      }
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);

package/dist/workspace.d.ts

@@ -1018,7 +1018,7 @@ export declare interface LeftTabParams {
     chromeless?: boolean;
 }
 
-export declare function MarkdownEditor({ content, onChange, readOnly, placeholder, className, }: MarkdownEditorProps): JSX.Element;
+export declare function MarkdownEditor({ content, onChange, readOnly, placeholder, className, documentPath, }: MarkdownEditorProps): JSX.Element;
 
 export declare function MarkdownEditorPane({ params, api, className }: MarkdownEditorPaneProps): JSX.Element;
 
@@ -1032,6 +1032,8 @@ export declare interface MarkdownEditorProps {
     readOnly?: boolean;
     placeholder?: string;
     className?: string;
+    /** Workspace-relative markdown file path, used to make uploaded image links relative. */
+    documentPath?: string;
 }
 
 export declare const MAX_PANELS = 50;

package/dist/workspace.js

@@ -1,8 +1,8 @@
 var qe = Object.defineProperty;
 var _e = (e, t, r) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var ne = (e, t, r) => _e(e, typeof t != "symbol" ? t + "" : t, r);
-import { d as ae, u as Ne, p as Be, P as Ae, a as $e, b as Ke, D as Ve } from "./CommandPalette-aM61U-b0.js";
-import { A as xr, C as yr, c as br, e as vr, f as Sr, F as Nr, g as Cr, M as Tr, h as Pr, i as kr, j as Er, k as wr, l as Mr, R as Dr, S as Ir, m as Rr, n as Or, T as Fr, W as Lr, o as zr, q as qr, r as _r, s as Br, t as Ar, v as $r, w as Kr, x as Vr, y as Qr, z as jr, B as Gr, E as Hr, G as Wr, H as Ur, I as Xr, J as Jr, K as Yr, L as Zr, N as ea, O as ta, Q as ra, U as aa, V as na, X as la, Y as oa, Z as sa, _ as ca, $ as ia, a0 as ua, a1 as da, a2 as pa, a3 as fa, a4 as ma, a5 as ga, a6 as ha, a7 as xa, a8 as ya, a9 as ba, aa as va, ab as Sa, ac as Na, ad as Ca, ae as Ta, af as Pa, ag as ka, ah as Ea } from "./CommandPalette-aM61U-b0.js";
+import { d as ae, u as Ne, p as Be, P as Ae, a as $e, b as Ke, D as Ve } from "./CommandPalette-CdiVSPYz.js";
+import { A as xr, C as yr, c as br, e as vr, f as Sr, F as Nr, g as Cr, M as Tr, h as Pr, i as kr, j as Er, k as wr, l as Mr, R as Dr, S as Ir, m as Rr, n as Or, T as Fr, W as Lr, o as zr, q as qr, r as _r, s as Br, t as Ar, v as $r, w as Kr, x as Vr, y as Qr, z as jr, B as Gr, E as Hr, G as Wr, H as Ur, I as Xr, J as Jr, K as Yr, L as Zr, N as ea, O as ta, Q as ra, U as aa, V as na, X as la, Y as oa, Z as sa, _ as ca, $ as ia, a0 as ua, a1 as da, a2 as pa, a3 as fa, a4 as ma, a5 as ga, a6 as ha, a7 as xa, a8 as ya, a9 as ba, aa as va, ab as Sa, ac as Na, ad as Ca, ae as Ta, af as Pa, ag as ka, ah as Ea } from "./CommandPalette-CdiVSPYz.js";
 import { jsxs as h, jsx as a, Fragment as Qe } from "react/jsx-runtime";
 import { useSyncExternalStore as je, useState as V, useEffect as U, useRef as w, useCallback as S, useReducer as Ge, useMemo as Z, Suspense as He, Component as We } from "react";
 import { FilterIcon as Ue, XIcon as Xe, ChevronDownIcon as Ce, ChevronRightIcon as Te, Database as Je, BarChart3 as pe, MenuIcon as Ye, PanelLeftOpenIcon as Ze, PanelLeftCloseIcon as et, PinIcon as tt } from "lucide-react";
@@ -10,10 +10,10 @@ import { EmptyState as Pe, Toolbar as rt, Input as ke, Popover as at, PopoverTri
 import { Toaster as Ma, dismissToast as Da, toast as Ia } from "@hachej/boring-ui-kit";
 import { c as H } from "./utils-B6yFEsav.js";
 import { d as we } from "./panel-DnvDNQac.js";
-import { C as Oa, T as Fa, W as La, b as za } from "./WorkspaceLoadingState-By0dZoPD.js";
+import { C as Oa, T as Fa, W as La, b as za } from "./WorkspaceLoadingState-CLhYOvtL.js";
 import { C as _a, c as Ba } from "./CodeEditor-DQqOn4xz.js";
-import { FileTree as $a } from "./FileTree-DRq_bfue.js";
-import { MarkdownEditor as Va } from "./MarkdownEditor-DjiHxnRv.js";
+import { FileTree as $a } from "./FileTree-Bgg50HQf.js";
+import { MarkdownEditor as Va } from "./MarkdownEditor-BA37oZKg.js";
 function re(e, t) {
   const { pluginId: r, ...n } = e;
   return t ? { ...n, pluginId: t } : n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hachej/boring-workspace",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "license": "MIT",
   "description": "Workspace UI, plugin, and bridge package for composing chat, files, catalogs, editors, and app-specific panes.",
@@ -108,6 +108,7 @@
     "@tiptap/extension-task-list": "^3.22.4",
     "@tiptap/extension-text-align": "^3.22.4",
     "@tiptap/extension-underline": "^3.22.4",
+    "@tiptap/markdown": "^3.22.4",
     "@tiptap/pm": "^3.22.4",
     "@tiptap/react": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
@@ -122,11 +123,10 @@
     "radix-ui": "^1.4.3",
     "react-arborist": "^3.4.0",
     "tailwind-merge": "^2.0.0",
-    "tiptap-markdown": "^0.9.0",
     "zod": "^3.23.0",
     "zustand": "^5.0.0",
-    "@hachej/boring-agent": "0.1.5",
-    "@hachej/boring-ui-kit": "0.1.5"
+    "@hachej/boring-agent": "0.1.6",
+    "@hachej/boring-ui-kit": "0.1.6"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.0.0",

package/dist/MarkdownEditor-DjiHxnRv.js

@@ -1,349 +0,0 @@
-import { jsxs as A, jsx as t } from "react/jsx-runtime";
-import { useRef as k, useState as y, useEffect as L } from "react";
-import { ReactNodeViewRenderer as S, NodeViewWrapper as B, useEditor as E, EditorContent as U, useEditorState as P } from "@tiptap/react";
-import z from "@tiptap/starter-kit";
-import D from "@tiptap/extension-underline";
-import W from "@tiptap/extension-link";
-import T from "@tiptap/extension-placeholder";
-import F from "@tiptap/extension-task-list";
-import j from "@tiptap/extension-task-item";
-import q from "@tiptap/extension-text-align";
-import V from "@tiptap/extension-highlight";
-import { Table as _ } from "@tiptap/extension-table";
-import { TableRow as $ } from "@tiptap/extension-table-row";
-import { TableHeader as X } from "@tiptap/extension-table-header";
-import { TableCell as K } from "@tiptap/extension-table-cell";
-import O from "@tiptap/extension-image";
-import { c as v } from "./utils-B6yFEsav.js";
-import Q from "@tiptap/extension-code-block-lowlight";
-import { createLowlight as Z, common as G } from "lowlight";
-import { Markdown as J } from "tiptap-markdown";
-import { BoldIcon as Y, ItalicIcon as tt, UnderlineIcon as et, StrikethroughIcon as it, Heading1Icon as rt, Heading2Icon as nt, Heading3Icon as at, ListIcon as ot, ListOrderedIcon as lt, ListChecksIcon as st, QuoteIcon as ct, CodeIcon as ut, LinkIcon as gt, ImageIcon as dt, HighlighterIcon as mt, AlignLeftIcon as ft, AlignCenterIcon as ht, AlignRightIcon as pt, MinusIcon as wt } from "lucide-react";
-import { Toolbar as kt, Input as vt, ToolbarButton as bt, ToolbarSeparator as Lt } from "@hachej/boring-ui-kit";
-const I = 64, x = 2e3, At = O.extend({
-  name: "image",
-  draggable: !0,
-  addAttributes() {
-    var a;
-    return {
-      ...((a = this.parent) == null ? void 0 : a.call(this)) ?? {},
-      width: {
-        default: null,
-        parseHTML: (n) => {
-          const r = n.getAttribute("width");
-          if (r) {
-            const s = parseInt(r, 10);
-            return Number.isFinite(s) ? s : null;
-          }
-          const u = n.style.width;
-          if (u && u.endsWith("px")) {
-            const s = parseInt(u, 10);
-            return Number.isFinite(s) ? s : null;
-          }
-          return null;
-        },
-        renderHTML: (n) => n.width ? { width: String(n.width) } : {}
-      },
-      align: {
-        default: "left",
-        parseHTML: (n) => {
-          const r = n.getAttribute("data-align");
-          return r === "left" || r === "center" || r === "right" ? r : n.style.marginLeft === "auto" && n.style.marginRight === "auto" ? "center" : n.style.marginLeft === "auto" ? "right" : "left";
-        },
-        renderHTML: (n) => ({ "data-align": n.align ?? "left" })
-      }
-    };
-  },
-  addNodeView() {
-    return S(It);
-  }
-});
-function It({ node: i, updateAttributes: a, selected: n }) {
-  const r = k(null), u = k(null), [s, d] = y(!1), c = i.attrs.src ?? "", e = i.attrs.alt ?? "", o = i.attrs.title ?? void 0, g = i.attrs.width, m = i.attrs.align ?? "left";
-  L(() => {
-    if (!s) return;
-    const h = (b) => {
-      const p = u.current;
-      if (!p) return;
-      const R = b.clientX - p.x, M = Math.max(I, Math.min(x, p.width + R));
-      a({ width: Math.round(M) });
-    }, f = () => {
-      u.current = null, d(!1);
-    };
-    return window.addEventListener("pointermove", h), window.addEventListener("pointerup", f), window.addEventListener("pointercancel", f), () => {
-      window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f);
-    };
-  }, [s, a]);
-  const H = (h) => {
-    var p;
-    h.preventDefault(), h.stopPropagation();
-    const f = (p = r.current) == null ? void 0 : p.querySelector("img"), b = g ?? (f == null ? void 0 : f.getBoundingClientRect().width) ?? 320;
-    u.current = { x: h.clientX, width: b }, d(!0);
-  };
-  return /* @__PURE__ */ A(
-    B,
-    {
-      ref: r,
-      "data-resizable-image": "",
-      "data-selected": n ? "true" : void 0,
-      className: v(
-        "relative block max-w-full align-baseline",
-        "[&>img]:block [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-md",
-        m === "left" && "mr-auto",
-        m === "center" && "mx-auto",
-        m === "right" && "ml-auto",
-        n && "ring-2 ring-[color:var(--accent)] ring-offset-1 ring-offset-background"
-      ),
-      style: { width: g ? `${g}px` : void 0 },
-      children: [
-        /* @__PURE__ */ t("img", { src: c, alt: e, title: o, draggable: !1 }),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            role: "slider",
-            "aria-label": "Resize image",
-            "aria-valuenow": g ?? 0,
-            "aria-valuemin": I,
-            "aria-valuemax": x,
-            "data-testid": "resize-handle",
-            onPointerDown: H,
-            className: v(
-              "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 || s) && "opacity-100"
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-const xt = Z(G), Ct = [
-  /<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 Nt(i) {
-  let a = i;
-  for (const n of Ct)
-    a = a.replace(n, "");
-  return a;
-}
-const C = [
-  z.configure({
-    codeBlock: !1,
-    link: !1,
-    underline: !1
-  }),
-  D,
-  W.configure({
-    openOnClick: !0,
-    autolink: !0,
-    linkOnPaste: !0,
-    defaultProtocol: "https",
-    HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
-  }),
-  T.configure({
-    placeholder: "Start writing..."
-  }),
-  F,
-  j.configure({ nested: !0 }),
-  q.configure({
-    types: ["heading", "paragraph"]
-  }),
-  V,
-  _.configure({
-    resizable: !0
-  }),
-  $,
-  X,
-  K,
-  At.configure({
-    inline: !1,
-    allowBase64: !0
-  }),
-  Q.configure({ lowlight: xt }),
-  J.configure({
-    html: !0,
-    transformPastedText: !0,
-    transformCopiedText: !0
-  })
-];
-function l({ onClick: i, active: a, disabled: n, title: r, children: u }) {
-  return /* @__PURE__ */ t(
-    bt,
-    {
-      type: "button",
-      size: "icon-xs",
-      onClick: i,
-      disabled: n,
-      title: r,
-      "aria-pressed": a,
-      className: v(
-        "text-muted-foreground/70",
-        a && "bg-[color:var(--accent-soft)] text-[color:var(--accent)]"
-      ),
-      children: u
-    }
-  );
-}
-function w() {
-  return /* @__PURE__ */ t(Lt, { className: "mx-2 h-3.5" });
-}
-function N(i) {
-  const a = i.trim().toLowerCase();
-  return !a.startsWith("javascript:") && !a.startsWith("data:text/html");
-}
-function Tt(i) {
-  return new Promise((a, n) => {
-    const r = new FileReader();
-    r.onload = () => a(r.result), r.onerror = () => n(r.error ?? new Error("Read failed")), r.readAsDataURL(i);
-  });
-}
-function Ht({ editor: i }) {
-  const a = (e) => {
-    if (i) {
-      if (i.isActive("image")) {
-        i.chain().focus().updateAttributes("image", { align: e }).run();
-        return;
-      }
-      i.chain().focus().setTextAlign(e).run();
-    }
-  }, n = k(null), r = P({
-    editor: i,
-    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 (!i || !r) return null;
-  const u = () => {
-    const e = window.prompt("URL:");
-    e && N(e) && i.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
-  }, s = () => {
-    const e = window.prompt("Image URL:");
-    e && N(e) && i.chain().focus().setImage({ src: e }).run();
-  }, d = (e) => {
-    var o;
-    if (e != null && e.shiftKey) {
-      s();
-      return;
-    }
-    (o = n.current) == null || o.click();
-  }, c = async (e) => {
-    var g;
-    const o = (g = e.target.files) == null ? void 0 : g[0];
-    if (e.target.value = "", !(!o || !o.type.startsWith("image/")))
-      try {
-        const m = await Tt(o);
-        i.chain().focus().setImage({ src: m, alt: o.name }).run();
-      } catch {
-      }
-  };
-  return /* @__PURE__ */ A(kt, { className: "border-b border-border/60 bg-background px-3 py-1.5", "aria-label": "Formatting toolbar", children: [
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBold().run(), active: r.bold, title: "Bold", children: /* @__PURE__ */ t(Y, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleItalic().run(), active: r.italic, title: "Italic", children: /* @__PURE__ */ t(tt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleUnderline().run(), active: r.underline, title: "Underline", children: /* @__PURE__ */ t(et, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleStrike().run(), active: r.strike, title: "Strikethrough", children: /* @__PURE__ */ t(it, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 1 }).run(), active: r.h1, title: "Heading 1", children: /* @__PURE__ */ t(rt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run(), active: r.h2, title: "Heading 2", children: /* @__PURE__ */ t(nt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run(), active: r.h3, title: "Heading 3", children: /* @__PURE__ */ t(at, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBulletList().run(), active: r.bulletList, title: "Bullet list", children: /* @__PURE__ */ t(ot, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleOrderedList().run(), active: r.orderedList, title: "Ordered list", children: /* @__PURE__ */ t(lt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleTaskList().run(), active: r.taskList, title: "Task list", children: /* @__PURE__ */ t(st, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleBlockquote().run(), active: r.blockquote, title: "Quote", children: /* @__PURE__ */ t(ct, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleCodeBlock().run(), active: r.codeBlock, title: "Code block", children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: u, active: r.link, title: "Link", children: /* @__PURE__ */ t(gt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(
-      l,
-      {
-        onClick: d,
-        title: "Image (click to upload, Shift+click for URL)",
-        children: /* @__PURE__ */ t(dt, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ t(
-      vt,
-      {
-        ref: n,
-        "data-testid": "image-file-input",
-        type: "file",
-        accept: "image/*",
-        className: "hidden",
-        onChange: c
-      }
-    ),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().toggleHighlight().run(), active: r.highlight, title: "Highlight", children: /* @__PURE__ */ t(mt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(l, { onClick: () => a("left"), active: r.alignLeft, title: "Align left", children: /* @__PURE__ */ t(ft, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => a("center"), active: r.alignCenter, title: "Center align", children: /* @__PURE__ */ t(ht, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(l, { onClick: () => a("right"), active: r.alignRight, title: "Align right", children: /* @__PURE__ */ t(pt, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(l, { onClick: () => i.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ t(wt, { className: "h-4 w-4" }) })
-  ] });
-}
-function Gt({
-  content: i,
-  onChange: a,
-  readOnly: n = !1,
-  placeholder: r,
-  className: u
-}) {
-  const s = k(a);
-  s.current = a;
-  const d = k(!1), c = E({
-    extensions: r ? [
-      ...C.filter((e) => e.name !== "placeholder"),
-      T.configure({ placeholder: r })
-    ] : C,
-    content: i,
-    editable: !n,
-    editorProps: {
-      attributes: {
-        class: "tiptap-prose max-w-[68ch] px-8 py-6 focus:outline-none min-h-[200px]"
-      },
-      transformPastedHTML: Nt
-    },
-    onUpdate: ({ editor: e }) => {
-      var o, g, m;
-      d.current || (m = s.current) == null || m.call(s, ((g = (o = e.storage.markdown) == null ? void 0 : o.getMarkdown) == null ? void 0 : g.call(o)) ?? e.getHTML());
-    }
-  });
-  return L(() => {
-    !c || c.isDestroyed || c.setEditable(!n);
-  }, [c, n]), L(() => {
-    var o, g;
-    !c || c.isDestroyed || (((g = (o = c.storage.markdown) == null ? void 0 : o.getMarkdown) == null ? void 0 : g.call(o)) ?? c.getHTML()) === i || (d.current = !0, c.commands.setContent(i), d.current = !1);
-  }, [c, i]), /* @__PURE__ */ A("div", { className: v("flex h-full flex-col overflow-hidden", u), children: [
-    !n && /* @__PURE__ */ t(Ht, { editor: c }),
-    /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ t(U, { editor: c }) })
-  ] });
-}
-export {
-  Gt as MarkdownEditor,
-  N as isSafeUrl,
-  Tt as readFileAsDataUrl,
-  Nt as sanitizeHtml
-};