@hachej/boring-workspace 0.1.20 → 0.1.23

package/dist/{FileTree-DHVB9rpk.js → FileTree-D8Rmj8Bo.js}

@@ -1,61 +1,71 @@
-import { jsx as i, jsxs as C } from "react/jsx-runtime";
-import { useRef as w, useEffect as I, useMemo as P, useCallback as x, createContext as H, useContext as L } from "react";
+import { jsx as i, jsxs as B } from "react/jsx-runtime";
+import { useRef as T, useEffect as I, useMemo as R, useCallback as x, createContext as C, useContext as _ } from "react";
 import { Tree as q } from "react-arborist";
-import { FolderOpenIcon as z, FolderIcon as B, ChevronRightIcon as E, Loader2Icon as K } from "lucide-react";
-import { I as Y } from "./WorkspaceProvider-CDPaAO5u.js";
-import { Input as G } from "@hachej/boring-ui-kit";
+import { FolderOpenIcon as z, FolderIcon as S, ChevronRightIcon as J, Loader2Icon as K } from "lucide-react";
+import { I as Q } from "./WorkspaceProvider-Cn0sPgaB.js";
+import { Input as U } from "@hachej/boring-ui-kit";
 import { c as v } from "./utils-B6yFEsav.js";
-const T = /* @__PURE__ */ new Set(), A = H({
+import { createDragDropManager as X } from "dnd-core";
+import { HTML5Backend as Y } from "react-dnd-html5-backend";
+const k = Symbol.for("@hachej/boring-workspace/file-tree-dnd-manager");
+function Z() {
+  const r = globalThis;
+  return r[k] ?? (r[k] = X(
+    Y,
+    typeof window > "u" ? void 0 : window
+  )), r[k];
+}
+const y = /* @__PURE__ */ new Set(), D = C({
   onContextMenu: void 0,
   editing: null,
-  pendingPaths: T,
+  pendingPaths: y,
   onSubmitEdit: void 0,
   onCancelEdit: void 0
 });
-function J({
-  initialValue: n,
+function $({
+  initialValue: r,
   onSubmit: p,
   onCancel: h,
   isDraft: c
 }) {
-  const t = w(null), u = w(!1);
+  const t = T(null), u = T(!1);
   I(() => {
     const e = t.current;
     if (e)
-      if (e.focus(), !c && n.includes(".")) {
-        const o = n.lastIndexOf(".");
+      if (e.focus(), !c && r.includes(".")) {
+        const o = r.lastIndexOf(".");
         e.setSelectionRange(0, o);
       } else
         e.select();
-  }, [n, c]);
-  const l = () => {
+  }, [r, c]);
+  const d = () => {
     var o;
     if (u.current) return;
     u.current = !0;
     const e = ((o = t.current) == null ? void 0 : o.value.trim()) ?? "";
-    !e || e === n ? h() : p(e);
+    !e || e === r ? h() : p(e);
   };
   return /* @__PURE__ */ i(
-    G,
+    U,
     {
       ref: t,
       type: "text",
-      defaultValue: n,
+      defaultValue: r,
       "data-testid": "file-tree-edit-input",
       "aria-label": c ? "Name" : "Rename",
       onPointerDown: (e) => e.stopPropagation(),
       onClick: (e) => e.stopPropagation(),
       onKeyDown: (e) => {
-        e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u.current = !0, h());
+        e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), d()) : e.key === "Escape" && (e.preventDefault(), u.current = !0, h());
       },
-      onBlur: l,
+      onBlur: d,
       className: "h-5 min-w-0 flex-1 rounded-sm border-[color:var(--accent)]/60 px-1 text-[13px] leading-[1.2] focus-visible:ring-[color:var(--accent)]"
     }
   );
 }
-function Q({ node: n, style: p, dragHandle: h }) {
-  const { onContextMenu: c, editing: t, pendingPaths: u, onSubmitEdit: l, onCancelEdit: e } = L(A), o = n.data, f = o.kind === "dir", d = (t == null ? void 0 : t.path) === o.path, N = u.has(o.path), b = f ? n.isOpen ? z : B : Y(o.name || "untitled");
-  return /* @__PURE__ */ C(
+function E({ node: r, style: p, dragHandle: h }) {
+  const { onContextMenu: c, editing: t, pendingPaths: u, onSubmitEdit: d, onCancelEdit: e } = _(D), o = r.data, f = o.kind === "dir", l = (t == null ? void 0 : t.path) === o.path, g = u.has(o.path), b = f ? r.isOpen ? z : S : Q(o.name || "untitled");
+  return /* @__PURE__ */ B(
     "div",
     {
       ref: h,
@@ -63,23 +73,23 @@ function Q({ node: n, style: p, dragHandle: h }) {
       className: v(
         "group relative mx-1 flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[13px] leading-[1.4] cursor-pointer select-none text-foreground",
         "transition-colors duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
-        !d && "hover:bg-foreground/[0.04]",
-        n.isSelected && !d && "bg-[oklch(from_var(--accent)_l_c_h/0.10)] text-foreground font-medium",
-        n.willReceiveDrop && "bg-foreground/5 outline outline-1 outline-border"
+        !l && "hover:bg-foreground/[0.04]",
+        r.isSelected && !l && "bg-[oklch(from_var(--accent)_l_c_h/0.10)] text-foreground font-medium",
+        r.willReceiveDrop && "bg-foreground/5 outline outline-1 outline-border"
       ),
       onClick: (s) => {
-        d || (s.stopPropagation(), f ? n.toggle() : (n.select(), n.activate()));
+        l || (s.stopPropagation(), f ? r.toggle() : (r.select(), r.activate()));
       },
       onContextMenu: (s) => {
-        d || o.isDraft || (s.preventDefault(), s.stopPropagation(), c == null || c(s, o));
+        l || o.isDraft || (s.preventDefault(), s.stopPropagation(), c == null || c(s, o));
       },
       children: [
         f ? /* @__PURE__ */ i(
-          E,
+          J,
           {
             className: v(
               "h-3 w-3 shrink-0 text-muted-foreground/70 transition-transform duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
-              n.isOpen && "rotate-90"
+              r.isOpen && "rotate-90"
             ),
             strokeWidth: 2
           }
@@ -89,17 +99,17 @@ function Q({ node: n, style: p, dragHandle: h }) {
           {
             className: v(
               "h-4 w-4 shrink-0",
-              n.isSelected ? "text-[color:var(--accent)]" : "text-muted-foreground/80"
+              r.isSelected ? "text-[color:var(--accent)]" : "text-muted-foreground/80"
             ),
             strokeWidth: 1.5
           }
         ),
-        d ? /* @__PURE__ */ i(
-          J,
+        l ? /* @__PURE__ */ i(
+          $,
           {
             initialValue: (t == null ? void 0 : t.initialValue) ?? o.name ?? "",
             isDraft: !!(t != null && t.isDraft),
-            onSubmit: (s) => l == null ? void 0 : l(o.path, s),
+            onSubmit: (s) => d == null ? void 0 : d(o.path, s),
             onCancel: () => e == null ? void 0 : e()
           }
         ) : /* @__PURE__ */ i(
@@ -107,12 +117,12 @@ function Q({ node: n, style: p, dragHandle: h }) {
           {
             className: v(
               "truncate",
-              N && "text-muted-foreground italic"
+              g && "text-muted-foreground italic"
             ),
             children: o.name
           }
         ),
-        N && !d && /* @__PURE__ */ i(
+        g && !l && /* @__PURE__ */ i(
           K,
           {
             "data-testid": "file-tree-pending-spinner",
@@ -125,102 +135,102 @@ function Q({ node: n, style: p, dragHandle: h }) {
     }
   );
 }
-function te({
-  files: n,
+function ie({
+  files: r,
   selectedPath: p,
   searchQuery: h,
   height: c = 400,
   editing: t,
   revealPath: u,
-  pendingPaths: l,
+  pendingPaths: d,
   onSelect: e,
   onExpand: o,
   onCollapse: f,
-  onContextMenu: d,
-  onSubmitEdit: N,
+  onContextMenu: l,
+  onSubmitEdit: g,
   onCancelEdit: b,
   onDragDrop: s,
-  className: R
+  className: P
 }) {
-  const k = w(null);
+  const N = T(null);
   I(() => {
     if (!(t != null && t.isDraft)) return;
-    const r = requestAnimationFrame(() => {
+    const n = requestAnimationFrame(() => {
       var a;
-      (a = k.current) == null || a.scrollTo(t.path);
+      (a = N.current) == null || a.scrollTo(t.path);
     });
-    return () => cancelAnimationFrame(r);
+    return () => cancelAnimationFrame(n);
   }, [t == null ? void 0 : t.isDraft, t == null ? void 0 : t.path]), I(() => {
     if (!u) return;
-    const r = requestAnimationFrame(() => {
+    const n = requestAnimationFrame(() => {
       var a;
-      (a = k.current) == null || a.scrollTo(u);
+      (a = N.current) == null || a.scrollTo(u);
     });
-    return () => cancelAnimationFrame(r);
-  }, [n, u]);
-  const D = P(
+    return () => cancelAnimationFrame(n);
+  }, [r, u]);
+  const F = R(
     () => p || void 0,
     [p]
-  ), F = x(
-    (r) => {
-      r.data.kind === "file" && (e == null || e(r.data.path));
+  ), M = x(
+    (n) => {
+      n.data.kind === "file" && (e == null || e(n.data.path));
     },
     [e]
-  ), y = x(
-    (r) => {
+  ), A = x(
+    (n) => {
       var m;
-      const a = (m = k.current) == null ? void 0 : m.get(r);
+      const a = (m = N.current) == null ? void 0 : m.get(n);
       a && (a.isOpen ? o == null || o(a.data.path) : f == null || f(a.data.path));
     },
     [o, f]
-  ), M = x(
-    (r) => {
+  ), O = x(
+    (n) => {
       if (!s) return;
-      const a = !r.parentNode || r.parentNode.isRoot, m = a ? "." : r.parentNode.data.path;
-      if (!(!a && r.parentNode.data.kind !== "dir"))
-        for (const j of r.dragNodes) {
-          const g = j.data.path;
-          if (m === g || m !== "." && m.startsWith(g + "/")) return;
-          s(g, m);
+      const a = !n.parentNode || n.parentNode.isRoot, m = a ? "." : n.parentNode.data.path;
+      if (!(!a && n.parentNode.data.kind !== "dir"))
+        for (const L of n.dragNodes) {
+          const w = L.data.path;
+          if (m === w || m !== "." && m.startsWith(w + "/")) return;
+          s(w, m);
         }
     },
     [s]
-  ), O = x(
-    (r) => {
-      if (!r.parentNode || r.parentNode.isRoot) return !1;
-      if (r.parentNode.data.kind !== "dir") return !0;
-      for (const a of r.dragNodes)
-        if (r.parentNode.data.path === a.data.path || r.parentNode.data.path.startsWith(a.data.path + "/")) return !0;
+  ), W = x(
+    (n) => {
+      if (!n.parentNode || n.parentNode.isRoot) return !1;
+      if (n.parentNode.data.kind !== "dir") return !0;
+      for (const a of n.dragNodes)
+        if (n.parentNode.data.path === a.data.path || n.parentNode.data.path.startsWith(a.data.path + "/")) return !0;
       return !1;
     },
     []
-  ), W = x(
-    (r, a) => r.data.name.toLowerCase().includes(a.toLowerCase()),
+  ), j = x(
+    (n, a) => n.data.name.toLowerCase().includes(a.toLowerCase()),
     []
-  ), _ = P(
+  ), H = R(
     () => ({
-      onContextMenu: d,
+      onContextMenu: l,
       editing: t ?? null,
-      pendingPaths: l ?? T,
-      onSubmitEdit: N,
+      pendingPaths: d ?? y,
+      onSubmitEdit: g,
       onCancelEdit: b
     }),
-    [d, t, l, N, b]
+    [l, t, d, g, b]
   );
-  return n.length === 0 ? /* @__PURE__ */ i(
+  return r.length === 0 ? /* @__PURE__ */ i(
     "div",
     {
       className: v(
         "flex h-full items-center justify-center text-sm text-muted-foreground",
-        R
+        P
       ),
       children: "No files"
     }
-  ) : /* @__PURE__ */ i(A.Provider, { value: _, children: /* @__PURE__ */ i("div", { "data-boring-workspace-part": "file-tree", className: v("file-tree", R), children: /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ i(D.Provider, { value: H, children: /* @__PURE__ */ i("div", { "data-boring-workspace-part": "file-tree", className: v("file-tree", P), children: /* @__PURE__ */ i(
     q,
     {
-      ref: k,
-      data: n,
+      ref: N,
+      data: r,
       idAccessor: "path",
       childrenAccessor: "children",
       openByDefault: !1,
@@ -228,18 +238,19 @@ function te({
       height: c,
       rowHeight: 26,
       indent: 14,
-      selection: D,
+      selection: F,
       searchTerm: h ?? "",
-      searchMatch: W,
-      onActivate: F,
-      onToggle: y,
-      onMove: M,
-      disableDrop: O,
+      searchMatch: j,
+      onActivate: M,
+      onToggle: A,
+      onMove: O,
+      disableDrop: W,
       disableEdit: !0,
-      children: Q
+      dndManager: Z(),
+      children: E
     }
   ) }) });
 }
 export {
-  te as FileTree
+  ie as FileTree
 };

package/dist/{MarkdownEditor-L1KDH0bM.js → MarkdownEditor-DKC4gNT4.js}

@@ -15,7 +15,7 @@ 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 "./WorkspaceProvider-CDPaAO5u.js";
+import { ao as q, ap as _ } from "./WorkspaceProvider-Cn0sPgaB.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";