@hachej/boring-workspace 0.1.16 → 0.1.17

package/dist/{FileTree-Dl-qUAB0.js → FileTree-Dvaud3jU.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 E, Loader2Icon as J } from "lucide-react";
-import { J as K } from "./CommandPalette-NOEOVkN2.js";
+import { J as K } from "./CommandPalette-CJHuTJlD.js";
 import { Input as Y } from "@hachej/boring-ui-kit";
 import { c as v } from "./utils-B6yFEsav.js";
 const T = /* @__PURE__ */ new Set(), A = H({

package/dist/MarkdownEditor-sLkqTXDj.js

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

package/dist/{WorkspaceLoadingState-CSZfENWe.js → WorkspaceLoadingState-zLzh1tGc.js}

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as a, Fragment as V } from "react/jsx-runtime";
 import { useCallback as b, useMemo as F, useEffect as I, useState as q, Suspense as Q, useRef as Y } from "react";
 import { LoadingState as ee, ResizeHandle as te, IconButton as Z, Button as ne, Kbd as re } from "@hachej/boring-ui-kit";
 import { c as g } from "./utils-B6yFEsav.js";
-import { a0 as ae, a7 as oe, B as ie, an as se, al as ce, u as de } from "./CommandPalette-NOEOVkN2.js";
+import { a0 as ae, a7 as oe, B as ie, an as se, al as ce, u as de } from "./CommandPalette-CJHuTJlD.js";
 import { Search as le, Plus as ue } from "lucide-react";
 function ke(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 $e, Fragment as W } from "react/jsx-runtime";
 import { useSyncExternalStore as Qe, useMemo as b, useCallback as y, useRef as $, useState as H, useEffect as v } from "react";
 import { ChatPanel as Xe, useSessions as Ze } from "@hachej/boring-agent/front";
-import { U as Ce, p as He, al as qe, u as et, am as tt } from "./CommandPalette-NOEOVkN2.js";
-import { T as st, C as nt, r as Ke, w as rt, W as Le } from "./WorkspaceLoadingState-CSZfENWe.js";
+import { U as Ce, p as He, al as qe, u as et, am as tt } from "./CommandPalette-CJHuTJlD.js";
+import { T as st, C as nt, r as Ke, w as rt, W as Le } from "./WorkspaceLoadingState-zLzh1tGc.js";
 function ot() {
   const e = `s${Date.now()}`;
   return {

package/dist/testing.js

@@ -1,7 +1,7 @@
 import { jsx as Ba } from "react/jsx-runtime";
 import * as Pa from "react";
 import { createElement as is, useMemo as wn, useLayoutEffect as us, isValidElement as ss, cloneElement as ds, useSyncExternalStore as Gi } from "react";
-import { i as cs, p as fs, ak as ps } from "./CommandPalette-NOEOVkN2.js";
+import { i as cs, p as fs, ak as ps } from "./CommandPalette-CJHuTJlD.js";
 import { d as ms } from "./panel-DnvDNQac.js";
 import * as bs from "react-dom/test-utils";
 import ka from "react-dom";

package/dist/workspace.js

@@ -1,17 +1,17 @@
 var X = Object.defineProperty;
 var q = (e, a, t) => a in e ? X(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var R = (e, a, t) => q(e, typeof a != "symbol" ? a + "" : a, t);
-import { d as G, u as K, a as Q, b as Y, D as Z } from "./CommandPalette-NOEOVkN2.js";
-import { A as $e, C as He, c as Ue, e as Ae, f as Je, F as Ve, g as Xe, M as qe, h as Ge, P as Qe, i as Ye, j as Ze, k as et, l as tt, R as at, S as nt, m as rt, n as st, T as ot, U as it, W as lt, o as ct, p as dt, q as ut, r as pt, s as mt, t as ft, v as ht, w as gt, x as bt, y as yt, z as vt, B as xt, E as Pt, G as St, H as Ct, I as kt, J as wt, K as Nt, L as Ot, N as Et, O as Tt, Q as Rt, V as It, X as Mt, Y as Lt, Z as Bt, _ as Ft, $ as Wt, a0 as Dt, a1 as zt, a2 as jt, a3 as Kt, a4 as _t, a5 as $t, a6 as Ht, a7 as Ut, a8 as At, a9 as Jt, aa as Vt, ab as Xt, ac as qt, ad as Gt, ae as Qt, af as Yt, ag as Zt, ah as ea, ai as ta, aj as aa } from "./CommandPalette-NOEOVkN2.js";
+import { d as G, u as K, a as Q, b as Y, D as Z } from "./CommandPalette-CJHuTJlD.js";
+import { A as $e, C as He, c as Ue, e as Ae, f as Je, F as Ve, g as Xe, M as qe, h as Ge, P as Qe, i as Ye, j as Ze, k as et, l as tt, R as at, S as nt, m as rt, n as st, T as ot, U as it, W as lt, o as ct, p as dt, q as ut, r as pt, s as mt, t as ft, v as ht, w as gt, x as bt, y as yt, z as vt, B as xt, E as Pt, G as St, H as Ct, I as kt, J as wt, K as Nt, L as Ot, N as Et, O as Tt, Q as Rt, V as It, X as Mt, Y as Lt, Z as Bt, _ as Ft, $ as Wt, a0 as Dt, a1 as zt, a2 as jt, a3 as Kt, a4 as _t, a5 as $t, a6 as Ht, a7 as Ut, a8 as At, a9 as Jt, aa as Vt, ab as Xt, ac as qt, ad as Gt, ae as Qt, af as Yt, ag as Zt, ah as ea, ai as ta, aj as aa } from "./CommandPalette-CJHuTJlD.js";
 import { c as N } from "./utils-B6yFEsav.js";
-import { C as ra, T as sa, W as oa, b as ia } from "./WorkspaceLoadingState-CSZfENWe.js";
+import { C as ra, T as sa, W as oa, b as ia } from "./WorkspaceLoadingState-zLzh1tGc.js";
 import { jsxs as b, jsx as r, Fragment as ee } from "react/jsx-runtime";
 import { Button as k, Sheet as te, SheetContent as ae, SheetHeader as ne, SheetTitle as re, SheetDescription as se, EmptyState as oe, Kbd as I, ErrorState as ie, IconButton as M } from "@hachej/boring-ui-kit";
 import { Toaster as ca, dismissToast as da, toast as ua } from "@hachej/boring-ui-kit";
 import { useSyncExternalStore as le, useState as O, useEffect as P, useRef as w, useCallback as y, useMemo as C, Suspense as ce, Component as de } from "react";
 import { C as ma, c as fa } from "./CodeEditor-DQqOn4xz.js";
-import { FileTree as ga } from "./FileTree-Dl-qUAB0.js";
-import { MarkdownEditor as ya } from "./MarkdownEditor-yc6mFsnI.js";
+import { FileTree as ga } from "./FileTree-Dvaud3jU.js";
+import { MarkdownEditor as ya } from "./MarkdownEditor-sLkqTXDj.js";
 import { MenuIcon as ue, PanelLeftOpenIcon as pe, PanelLeftCloseIcon as me, PinIcon as fe, CheckIcon as he, CopyIcon as ge } from "lucide-react";
 import { d as xa } from "./panel-DnvDNQac.js";
 function S(e, a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hachej/boring-workspace",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "type": "module",
   "license": "MIT",
   "description": "Workspace UI, plugin, and bridge package for composing chat, files, catalogs, editors, and app-specific panes.",
@@ -123,8 +123,8 @@
     "tailwind-merge": "^2.0.0",
     "zod": "^3.23.0",
     "zustand": "^5.0.0",
-    "@hachej/boring-agent": "0.1.16",
-    "@hachej/boring-ui-kit": "0.1.16"
+    "@hachej/boring-agent": "0.1.17",
+    "@hachej/boring-ui-kit": "0.1.17"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.0.0",