@floegence/floe-webapp-core 0.35.5 → 0.35.6

package/dist/components/file-browser/FileContextMenu.d.ts

@@ -28,6 +28,8 @@ export interface FileContextMenuProps {
      */
     hideItems?: HideItemsValue;
 }
+export declare function createDefaultContextMenuItems(callbacks?: ContextMenuCallbacks): ContextMenuItem[];
+export declare function dispatchContextMenuAction(item: ContextMenuItem, items: FileItem[], callbacks?: ContextMenuCallbacks): void;
 /**
  * Context menu for file browser items
  */

package/dist/components/file-browser/FileContextMenu.js

@@ -1,145 +1,161 @@
-import { createComponent as d, Portal as E, insert as m, Dynamic as L, effect as u, className as M, setStyleProperty as C, template as l, setAttribute as p, use as P, delegateEvents as F } from "solid-js/web";
-import { createSignal as H, createEffect as $, onCleanup as S, Show as v, For as R } from "solid-js";
+import { createComponent as u, Portal as D, insert as v, Dynamic as E, effect as h, className as C, setStyleProperty as M, template as c, setAttribute as p, use as L, delegateEvents as P } from "solid-js/web";
+import { createSignal as H, createEffect as $, onCleanup as F, Show as m, For as N } from "solid-js";
 import { cn as I } from "../../utils/cn.js";
-import { deferAfterPaint as T } from "../../utils/defer.js";
+import { deferAfterPaint as S } from "../../utils/defer.js";
 import { useFileBrowser as V } from "./FileBrowserContext.js";
-var Z = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), z = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), W = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), q = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), K = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), N = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), O = /* @__PURE__ */ l("<div role=menu aria-orientation=vertical>"), G = /* @__PURE__ */ l('<span class="text-[10px] text-muted-foreground opacity-60">'), J = /* @__PURE__ */ l('<button type=button role=menuitem><span class="flex-1 text-left">'), Q = /* @__PURE__ */ l('<div class="my-1 h-px bg-border">');
-const U = (s) => (() => {
-  var n = Z();
-  return u(() => p(n, "class", s.class)), n;
-})(), X = (s) => (() => {
-  var n = z();
-  return u(() => p(n, "class", s.class)), n;
-})(), Y = (s) => (() => {
-  var n = W();
-  return u(() => p(n, "class", s.class)), n;
-})(), ee = (s) => (() => {
-  var n = q();
-  return u(() => p(n, "class", s.class)), n;
-})(), te = (s) => (() => {
-  var n = K();
-  return u(() => p(n, "class", s.class)), n;
-})(), ne = (s) => (() => {
-  var n = N();
-  return u(() => p(n, "class", s.class)), n;
+var R = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), T = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=16 x=5 y=4 rx=2></rect><path d="M9 4.5h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v.5a1 1 0 0 0 1 1Z">'), Z = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), z = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), W = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), q = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), K = /* @__PURE__ */ c('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), O = /* @__PURE__ */ c("<div role=menu aria-orientation=vertical>"), G = /* @__PURE__ */ c('<span class="text-[10px] text-muted-foreground opacity-60">'), J = /* @__PURE__ */ c('<button type=button role=menuitem><span class="flex-1 text-left">'), Q = /* @__PURE__ */ c('<div class="my-1 h-px bg-border">');
+const U = (n) => (() => {
+  var e = R();
+  return h(() => p(e, "class", n.class)), e;
+})(), X = (n) => (() => {
+  var e = T();
+  return h(() => p(e, "class", n.class)), e;
+})(), Y = (n) => (() => {
+  var e = Z();
+  return h(() => p(e, "class", n.class)), e;
+})(), ee = (n) => (() => {
+  var e = z();
+  return h(() => p(e, "class", n.class)), e;
+})(), te = (n) => (() => {
+  var e = W();
+  return h(() => p(e, "class", n.class)), e;
+})(), ne = (n) => (() => {
+  var e = q();
+  return h(() => p(e, "class", n.class)), e;
+})(), oe = (n) => (() => {
+  var e = K();
+  return h(() => p(e, "class", n.class)), e;
 })();
-function ce(s) {
-  const n = V();
-  let h;
+function re(n) {
+  const e = !!n?.onAskAgent, a = !!n?.onCopyName;
+  return [{
+    id: "duplicate",
+    label: "Duplicate",
+    type: "duplicate",
+    icon: U,
+    shortcut: "Cmd+D",
+    separator: !a && !e
+  }, ...a ? [{
+    id: "copy-name",
+    label: "Copy Name",
+    type: "copy-name",
+    icon: X,
+    separator: !e
+  }] : [], ...e ? [{
+    id: "ask-agent",
+    label: "Ask Agent",
+    type: "ask-agent",
+    icon: Y,
+    separator: !0
+  }] : [], {
+    id: "copy-to",
+    label: "Copy to...",
+    type: "copy-to",
+    icon: ee
+  }, {
+    id: "move-to",
+    label: "Move to...",
+    type: "move-to",
+    icon: te,
+    separator: !0
+  }, {
+    id: "rename",
+    label: "Rename",
+    type: "rename",
+    icon: oe,
+    shortcut: "Enter"
+  }, {
+    id: "delete",
+    label: "Delete",
+    type: "delete",
+    icon: ne,
+    shortcut: "Del"
+  }];
+}
+function ae(n, e, a) {
+  switch (n.type) {
+    case "duplicate":
+      a?.onDuplicate?.(e);
+      break;
+    case "copy-name":
+      a?.onCopyName?.(e);
+      break;
+    case "ask-agent":
+      a?.onAskAgent?.(e);
+      break;
+    case "copy-to":
+      a?.onCopyTo?.(e);
+      break;
+    case "move-to":
+      a?.onMoveTo?.(e);
+      break;
+    case "delete":
+      a?.onDelete?.(e);
+      break;
+    case "rename":
+      e.length === 1 && a?.onRename?.(e[0]);
+      break;
+    case "custom":
+      n.onAction?.(e);
+      break;
+  }
+}
+function ue(n) {
+  const e = V();
+  let a;
   const _ = typeof window > "u" || typeof document > "u", [g, w] = H({
     x: -9999,
     y: -9999
   }), A = () => {
-    const t = !!s.callbacks?.onAskAgent;
-    return [{
-      id: "duplicate",
-      label: "Duplicate",
-      type: "duplicate",
-      icon: U,
-      shortcut: "Cmd+D",
-      separator: !t
-    }, ...t ? [{
-      id: "ask-agent",
-      label: "Ask Agent",
-      type: "ask-agent",
-      icon: X,
-      separator: !0
-    }] : [], {
-      id: "copy-to",
-      label: "Copy to...",
-      type: "copy-to",
-      icon: Y
-    }, {
-      id: "move-to",
-      label: "Move to...",
-      type: "move-to",
-      icon: ee,
-      separator: !0
-    }, {
-      id: "rename",
-      label: "Rename",
-      type: "rename",
-      icon: ne,
-      shortcut: "Enter"
-    }, {
-      id: "delete",
-      label: "Delete",
-      type: "delete",
-      icon: te,
-      shortcut: "Del"
-    }];
-  }, j = () => {
-    if (s.overrideItems)
-      return s.overrideItems;
-    const t = () => {
-      const e = s.hideItems;
-      if (!e) return [];
-      if (typeof e == "function") {
-        const r = n.contextMenu()?.items ?? [];
-        return e(r);
+    if (n.overrideItems)
+      return n.overrideItems;
+    const r = () => {
+      const t = n.hideItems;
+      if (!t) return [];
+      if (typeof t == "function") {
+        const s = e.contextMenu()?.items ?? [];
+        return t(s);
       }
-      return e;
+      return t;
     };
-    let o = A();
-    const c = t();
-    return c.length > 0 && (o = o.filter((e) => !c.includes(e.type))), s.customItems?.length && (o = [...o, ...s.customItems]), o;
-  }, B = (t, o) => {
-    n.hideContextMenu();
-    const c = t.type, e = [...o], r = s.callbacks, i = t.onAction;
-    T(() => {
-      switch (c) {
-        case "duplicate":
-          r?.onDuplicate?.(e);
-          break;
-        case "ask-agent":
-          r?.onAskAgent?.(e);
-          break;
-        case "copy-to":
-          r?.onCopyTo?.(e);
-          break;
-        case "move-to":
-          r?.onMoveTo?.(e);
-          break;
-        case "delete":
-          r?.onDelete?.(e);
-          break;
-        case "rename":
-          e.length === 1 && r?.onRename?.(e[0]);
-          break;
-        case "custom":
-          i?.(e);
-          break;
-      }
+    let o = re(n.callbacks);
+    const l = r();
+    return l.length > 0 && (o = o.filter((t) => !l.includes(t.type))), n.customItems?.length && (o = [...o, ...n.customItems]), o;
+  }, j = (r, o) => {
+    e.hideContextMenu();
+    const l = [...o], t = n.callbacks;
+    S(() => {
+      ae(r, l, t);
     });
-  }, f = (t) => {
-    h && !h.contains(t.target) && n.hideContextMenu();
-  }, x = (t) => {
-    t.key === "Escape" && n.hideContextMenu();
+  }, f = (r) => {
+    a && !a.contains(r.target) && e.hideContextMenu();
+  }, x = (r) => {
+    r.key === "Escape" && e.hideContextMenu();
   };
   $(() => {
-    n.contextMenu() && (document.addEventListener("click", f), document.addEventListener("keydown", x), S(() => {
+    e.contextMenu() && (document.addEventListener("click", f), document.addEventListener("keydown", x), F(() => {
       document.removeEventListener("click", f), document.removeEventListener("keydown", x);
     }));
   });
-  const D = () => {
-    const t = n.contextMenu();
-    if (!t || !h) return {
-      x: t?.x ?? 0,
-      y: t?.y ?? 0
+  const B = () => {
+    const r = e.contextMenu();
+    if (!r || !a) return {
+      x: r?.x ?? 0,
+      y: r?.y ?? 0
     };
-    const o = h.getBoundingClientRect(), c = window.innerWidth, e = window.innerHeight;
-    let r = t.x, i = t.y;
+    const o = a.getBoundingClientRect(), l = window.innerWidth, t = window.innerHeight;
+    let s = r.x, d = r.y;
     return o.width === 0 || o.height === 0 ? {
-      x: r,
-      y: i
-    } : (r + o.width > c && (r = c - o.width - 8), i + o.height > e && (i = e - o.height - 8), {
-      x: Math.max(8, r),
-      y: Math.max(8, i)
+      x: s,
+      y: d
+    } : (s + o.width > l && (s = l - o.width - 8), d + o.height > t && (d = t - o.height - 8), {
+      x: Math.max(8, s),
+      y: Math.max(8, d)
     });
   };
   $(() => {
-    const t = n.contextMenu();
-    if (!t) {
+    const r = e.contextMenu();
+    if (!r) {
       w({
         x: -9999,
         y: -9999
@@ -147,79 +163,81 @@ function ce(s) {
       return;
     }
     w({
-      x: t.x,
-      y: t.y
+      x: r.x,
+      y: r.y
     }), requestAnimationFrame(() => {
-      const o = D();
+      const o = B();
       w(o);
     });
   });
-  const k = (t) => (() => {
-    var o = O(), c = h;
-    return typeof c == "function" ? P(c, o) : h = o, m(o, d(R, {
+  const y = (r) => (() => {
+    var o = O(), l = a;
+    return typeof l == "function" ? L(l, o) : a = o, v(o, u(N, {
       get each() {
-        return j();
+        return A();
       },
-      children: (e) => [(() => {
-        var r = J(), i = r.firstChild;
-        return r.$$click = () => B(e, t.menu().items), m(r, d(v, {
+      children: (t) => [(() => {
+        var s = J(), d = s.firstChild;
+        return s.$$click = () => j(t, r.menu().items), v(s, u(m, {
           get when() {
-            return e.icon;
+            return t.icon;
           },
-          children: (a) => d(L, {
+          children: (i) => u(E, {
             get component() {
-              return a();
+              return i();
             },
             class: "w-3.5 h-3.5 opacity-60"
           })
-        }), i), m(i, () => e.label), m(r, d(v, {
+        }), d), v(d, () => t.label), v(s, u(m, {
           get when() {
-            return e.shortcut;
+            return t.shortcut;
           },
           get children() {
-            var a = G();
-            return m(a, () => e.shortcut), a;
+            var i = G();
+            return v(i, () => t.shortcut), i;
           }
-        }), null), u((a) => {
-          var y = e.disabled || e.type === "rename" && t.menu().items.length > 1, b = I("w-full flex items-center gap-2 px-3 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent hover:text-accent-foreground", "focus:outline-none focus-visible:bg-accent focus-visible:text-accent-foreground", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent", e.type === "delete" && "text-error hover:bg-error/10 hover:text-error");
-          return y !== a.e && (r.disabled = a.e = y), b !== a.t && M(r, a.t = b), a;
+        }), null), h((i) => {
+          var k = t.disabled || t.type === "rename" && r.menu().items.length > 1, b = I("w-full flex items-center gap-2 px-3 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent hover:text-accent-foreground", "focus:outline-none focus-visible:bg-accent focus-visible:text-accent-foreground", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent", t.type === "delete" && "text-error hover:bg-error/10 hover:text-error");
+          return k !== i.e && (s.disabled = i.e = k), b !== i.t && C(s, i.t = b), i;
         }, {
           e: void 0,
           t: void 0
-        }), r;
-      })(), d(v, {
+        }), s;
+      })(), u(m, {
         get when() {
-          return e.separator;
+          return t.separator;
         },
         get children() {
           return Q();
         }
       })]
-    })), u((e) => {
-      var r = I("fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", "animate-in fade-in zoom-in-95 duration-100"), i = `${g().x}px`, a = `${g().y}px`;
-      return r !== e.e && M(o, e.e = r), i !== e.t && C(o, "left", e.t = i), a !== e.a && C(o, "top", e.a = a), e;
+    })), h((t) => {
+      var s = I("fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", "animate-in fade-in zoom-in-95 duration-100"), d = `${g().x}px`, i = `${g().y}px`;
+      return s !== t.e && C(o, t.e = s), d !== t.t && M(o, "left", t.t = d), i !== t.a && M(o, "top", t.a = i), t;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
     }), o;
   })();
-  return d(v, {
+  return u(m, {
     get when() {
-      return n.contextMenu();
+      return e.contextMenu();
     },
-    children: (t) => _ ? d(k, {
-      menu: t
-    }) : d(E, {
+    children: (r) => _ ? u(y, {
+      menu: r
+    }) : u(D, {
       get children() {
-        return d(k, {
-          menu: t
+        return u(y, {
+          menu: r
         });
       }
     })
   });
 }
-F(["click"]);
+P(["click"]);
 export {
-  ce as FileContextMenu
+  ue as FileContextMenu,
+  re as createDefaultContextMenuItems,
+  ae as dispatchContextMenuAction
 };

package/dist/components/file-browser/types.d.ts

@@ -38,7 +38,7 @@ export interface FileListColumnRatios {
 /**
  * Built-in context menu action types
  */
-export type ContextMenuActionType = 'duplicate' | 'ask-agent' | 'copy-to' | 'move-to' | 'delete' | 'rename' | 'custom';
+export type ContextMenuActionType = 'duplicate' | 'copy-name' | 'ask-agent' | 'copy-to' | 'move-to' | 'delete' | 'rename' | 'custom';
 /**
  * Context menu item definition
  */
@@ -78,6 +78,7 @@ export interface ContextMenuEvent {
  */
 export interface ContextMenuCallbacks {
     onDuplicate?: (items: FileItem[]) => void;
+    onCopyName?: (items: FileItem[]) => void;
     onAskAgent?: (items: FileItem[]) => void;
     onCopyTo?: (items: FileItem[]) => void;
     onMoveTo?: (items: FileItem[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.35.5",
+  "version": "0.35.6",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",