@hachej/boring-workspace 0.1.5 → 0.1.7

package/dist/{FileTree-DRq_bfue.js → FileTree-CspphShP.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-DzIDQUfk.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-wDDxxED5.js

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

package/dist/{WorkspaceLoadingState-By0dZoPD.js → WorkspaceLoadingState-Cd8nkNHp.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-DzIDQUfk.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-DzIDQUfk.js";
+import { T as He, C as qe, r as Ee, w as et, W as $e } from "./WorkspaceLoadingState-Cd8nkNHp.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-DzIDQUfk.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

@@ -1807,6 +1807,9 @@
   .max-h-\[440px\] {
     max-height: 440px;
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1831,6 +1834,9 @@
   .min-h-\[240px\] {
     min-height: 240px;
   }
+  .min-h-\[480px\] {
+    min-height: 480px;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -2563,6 +2569,9 @@
   .fill-foreground {
     fill: var(--boring-foreground);
   }
+  .object-contain {
+    object-fit: contain;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2827,6 +2836,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 +3353,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);
@@ -3499,6 +3520,13 @@
       }
     }
   }
+  .hover\:bg-muted {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-muted);
+      }
+    }
+  }
   .hover\:bg-muted\/40 {
     &:hover {
       @media (hover: hover) {

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-DzIDQUfk.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-DzIDQUfk.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-Cd8nkNHp.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-CspphShP.js";
+import { MarkdownEditor as Va } from "./MarkdownEditor-wDDxxED5.js";
 function re(e, t) {
   const { pluginId: r, ...n } = e;
   return t ? { ...n, pluginId: t } : n;

package/docs/PLUGIN_STRUCTURE.md

@@ -134,8 +134,8 @@ slash commands.
 
 - `packages/workspace/src/plugins/filesystemPlugin`
 - `packages/workspace/src/plugins/dataCatalogPlugin`
-- `apps/boring-macro-v2/src/plugins/macro`
 - `apps/workspace-playground/src/plugins/playgroundDataCatalog`
+- Macro plugin example: `hachej/boring-macro` (`src/plugins/macro`)
 
 ## Invariants
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hachej/boring-workspace",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "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-ui-kit": "0.1.7",
+    "@hachej/boring-agent": "0.1.7"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.0.0",