@hachej/boring-workspace 0.1.7 → 0.1.10

package/dist/{FileTree-CspphShP.js → FileTree-CwC01Ijr.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-DzIDQUfk.js";
+import { K as Y } from "./CommandPalette-D5KPKtKA.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-CB7nfhN9.js

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

package/dist/{WorkspaceLoadingState-Cd8nkNHp.js → WorkspaceLoadingState-J8XVhEyL.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-DzIDQUfk.js";
+import { $ as Y, a6 as ee, E as te, am as ne, ak as re, u as oe } from "./CommandPalette-D5KPKtKA.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-DzIDQUfk.js";
-import { T as He, C as qe, r as Ee, w as et, W as $e } from "./WorkspaceLoadingState-Cd8nkNHp.js";
+import { aj as ke, q as Ye, ak as Qe, u as Xe, al as Ze } from "./CommandPalette-D5KPKtKA.js";
+import { T as He, C as qe, r as Ee, w as et, W as $e } from "./WorkspaceLoadingState-J8XVhEyL.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-DzIDQUfk.js";
+import { i as vs, q as bs, ai as hs } from "./CommandPalette-D5KPKtKA.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

@@ -1240,6 +1240,7 @@
     --font-sans: var(--boring-font-sans);
     --font-mono: var(--boring-font-mono);
     --color-black: #000;
+    --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
@@ -2566,6 +2567,9 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-white {
+    background-color: var(--color-white);
+  }
   .fill-foreground {
     fill: var(--boring-foreground);
   }

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-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 { d as ae, u as Ne, p as Be, P as Ae, a as $e, b as Ke, D as Ve } from "./CommandPalette-D5KPKtKA.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-D5KPKtKA.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-Cd8nkNHp.js";
+import { C as Oa, T as Fa, W as La, b as za } from "./WorkspaceLoadingState-J8XVhEyL.js";
 import { C as _a, c as Ba } from "./CodeEditor-DQqOn4xz.js";
-import { FileTree as $a } from "./FileTree-CspphShP.js";
-import { MarkdownEditor as Va } from "./MarkdownEditor-wDDxxED5.js";
+import { FileTree as $a } from "./FileTree-CwC01Ijr.js";
+import { MarkdownEditor as Va } from "./MarkdownEditor-CB7nfhN9.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.7",
+  "version": "0.1.10",
   "type": "module",
   "license": "MIT",
   "description": "Workspace UI, plugin, and bridge package for composing chat, files, catalogs, editors, and app-specific panes.",
@@ -125,8 +125,8 @@
     "tailwind-merge": "^2.0.0",
     "zod": "^3.23.0",
     "zustand": "^5.0.0",
-    "@hachej/boring-ui-kit": "0.1.7",
-    "@hachej/boring-agent": "0.1.7"
+    "@hachej/boring-agent": "0.1.10",
+    "@hachej/boring-ui-kit": "0.1.10"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.0.0",