@hachej/boring-workspace 0.1.59 → 0.1.60

package/dist/{MarkdownEditor-BlYGosmH.js → MarkdownEditor-P47F3En6.js}

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