@floegence/floe-webapp-core 0.35.33 → 0.35.35

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

@@ -1,40 +1,40 @@
-import { insert as s, createComponent as o, effect as D, className as b, template as h, setAttribute as Y, spread as q, mergeProps as z, memo as S, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
-import { createMemo as I, For as Q, untrack as W, createSignal as Z, Show as v } from "solid-js";
-import { cn as m } from "../../utils/cn.js";
+import { insert as l, createComponent as s, effect as v, className as D, template as m, setAttribute as X, spread as Y, mergeProps as q, memo as z, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
+import { createMemo as I, For as Q, untrack as W, createSignal as Z, Show as w } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
 import { useFileBrowser as _ } from "./FileBrowserContext.js";
 import { useFileBrowserDrag as ee } from "../../context/FileBrowserDragContext.js";
-import { FolderOpenIcon as te, FolderIcon as ne } from "./FileIcons.js";
-import { ChevronRight as re } from "../icons/index.js";
-import { createLongPressContextMenuHandlers as ie } from "./longPressContextMenu.js";
-import { fileBrowserTouchTargetAttrs as ae } from "./touchInteractionGuard.js";
-import { createItemContextMenuEvent as oe } from "./contextMenuEvent.js";
-var M = /* @__PURE__ */ h("<div>"), le = /* @__PURE__ */ h("<button type=button>"), se = /* @__PURE__ */ h('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), ce = /* @__PURE__ */ h('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ge = /* @__PURE__ */ h('<span class="flex-shrink-0 w-3.5 h-3.5">');
-function we(e) {
-  const l = _(), i = ee(), C = () => (e.enableDragDrop ?? !0) && !!i, x = () => e.instanceId ?? "default", g = I(() => l.files().filter((r) => r.type === "folder"));
+import { FileItemIcon as te } from "./FileIcons.js";
+import { ChevronRight as ne } from "../icons/index.js";
+import { createLongPressContextMenuHandlers as re } from "./longPressContextMenu.js";
+import { fileBrowserTouchTargetAttrs as ie } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as ae } from "./contextMenuEvent.js";
+var k = /* @__PURE__ */ m("<div>"), oe = /* @__PURE__ */ m("<button type=button>"), le = /* @__PURE__ */ m('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), se = /* @__PURE__ */ m('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ce = /* @__PURE__ */ m('<span class="flex-shrink-0 w-3.5 h-3.5">');
+function ye(e) {
+  const o = _(), i = ee(), b = () => (e.enableDragDrop ?? !0) && !!i, h = () => e.instanceId ?? "default", g = I(() => o.files().filter((r) => r.type === "folder"));
   return (() => {
-    var r = M();
-    return r.$$contextmenu = (y) => y.preventDefault(), s(r, o(F, {
+    var r = k();
+    return r.$$contextmenu = (C) => C.preventDefault(), l(r, s(M, {
       get items() {
         return g();
       },
       depth: 0,
       get instanceId() {
-        return x();
+        return h();
       },
       get enableDragDrop() {
-        return C();
+        return b();
       },
       dragContext: i
-    })), D(() => b(r, m("flex flex-col", e.class))), r;
+    })), v(() => D(r, f("flex flex-col", e.class))), r;
   })();
 }
-function F(e) {
-  const l = I(() => e.items.filter((i) => i.type === "folder"));
-  return o(Q, {
+function M(e) {
+  const o = I(() => e.items.filter((i) => i.type === "folder"));
+  return s(Q, {
     get each() {
-      return l();
+      return o();
     },
-    children: (i) => o(de, {
+    children: (i) => s(ge, {
       item: i,
       get depth() {
         return e.depth;
@@ -51,25 +51,25 @@ function F(e) {
     })
   });
 }
-function de(e) {
-  const l = _(), i = () => l.isExpanded(e.item.path), C = () => l.currentPath() === e.item.path, x = W(() => e.item), g = ie(l, x, {
+function ge(e) {
+  const o = _(), i = () => o.isExpanded(e.item.path), b = () => o.currentPath() === e.item.path, h = W(() => e.item), g = re(o, h, {
     selectOnOpen: !1,
     source: "tree"
   });
   let r;
-  const [y, T] = Z(!1), L = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), u = () => $() > 0, p = () => {
+  const [C, T] = Z(!1), F = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), x = () => $() > 0, p = () => {
     if (!e.enableDragDrop || !e.dragContext) return !1;
     const t = e.dragContext.dragState();
     return t.isDragging ? e.dragContext.canDropOn(t.draggedItems, e.item.path, e.item, e.instanceId) : !1;
-  }, O = () => e.dragContext?.dragState(), A = () => O()?.isDragging ?? !1, k = () => y() && A() && e.enableDragDrop, B = (t) => {
+  }, L = () => e.dragContext?.dragState(), A = () => L()?.isDragging ?? !1, E = () => C() && A() && e.enableDragDrop, B = (t) => {
     r = t.pointerType, g.onPointerDown(t);
-  }, H = (t) => {
+  }, O = (t) => {
     r = t.pointerType, g.onPointerMove(t);
-  }, N = (t) => {
+  }, H = (t) => {
     r = t.pointerType, g.onPointerUp();
-  }, R = (t) => {
+  }, N = (t) => {
     r = t.pointerType, g.onPointerCancel();
-  }, U = (t) => {
+  }, R = (t) => {
     if (!e.enableDragDrop || !e.dragContext) return;
     const a = e.dragContext.dragState();
     if (!a.isDragging) return;
@@ -80,84 +80,78 @@ function de(e) {
       targetPath: e.item.path,
       targetItem: e.item
     }, d, P);
-  }, V = (t) => {
+  }, U = (t) => {
     if (!e.dragContext) return;
     T(!1);
     const a = e.dragContext.dragState();
     a.isDragging && a.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+  }, V = (t) => {
+    g.consumeClickSuppression(t) || o.navigateTo(h);
   }, j = (t) => {
-    g.consumeClickSuppression(t) || l.navigateTo(x);
-  }, G = (t) => {
-    t.preventDefault(), t.stopPropagation(), !L() && l.showContextMenu(oe({
+    t.preventDefault(), t.stopPropagation(), !F() && o.showContextMenu(ae({
       x: t.clientX,
       y: t.clientY,
       triggerItem: e.item,
       items: [e.item],
       source: "tree"
     }));
-  }, X = () => {
-    u() && l.toggleFolder(e.item.path);
+  }, G = () => {
+    x() && o.toggleFolder(e.item.path);
   };
   return (() => {
-    var t = ce(), a = t.firstChild, d = a.firstChild, w = d.firstChild, P = w.nextSibling;
-    return a.addEventListener("pointerleave", V), a.addEventListener("pointerenter", U), s(a, o(v, {
+    var t = se(), a = t.firstChild, d = a.firstChild, y = d.firstChild, P = y.nextSibling;
+    return a.addEventListener("pointerleave", U), a.addEventListener("pointerenter", R), l(a, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get fallback() {
-        return ge();
+        return ce();
       },
       get children() {
-        var n = le();
-        return n.$$click = X, s(n, o(re, {
+        var n = oe();
+        return n.$$click = G, l(n, s(ne, {
           class: "w-3 h-3 opacity-50"
-        })), D((c) => {
-          var f = m("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), E = i() ? "Collapse folder" : "Expand folder";
-          return f !== c.e && b(n, c.e = f), E !== c.t && Y(n, "aria-label", c.t = E), c;
+        })), v((c) => {
+          var u = f("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), S = i() ? "Collapse folder" : "Expand folder";
+          return u !== c.e && D(n, c.e = u), S !== c.t && X(n, "aria-label", c.t = S), c;
         }, {
           e: void 0,
           t: void 0
         }), n;
       }
-    }), d), q(d, z(ae, {
-      onClick: j,
-      onContextMenu: G,
+    }), d), Y(d, q(ie, {
+      onClick: V,
+      onContextMenu: j,
       onPointerDown: B,
-      onPointerMove: H,
-      onPointerUp: N,
-      onPointerCancel: R,
+      onPointerMove: O,
+      onPointerUp: H,
+      onPointerCancel: N,
       get class() {
-        return m("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
+        return f("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
       }
-    }), !1, !0), s(w, o(v, {
-      get when() {
-        return S(() => !!u())() && i();
+    }), !1, !0), l(y, s(te, {
+      get item() {
+        return e.item;
       },
-      get fallback() {
-        return o(ne, {
-          class: "w-4 h-4"
-        });
+      get open() {
+        return i();
       },
-      get children() {
-        return o(te, {
-          class: "w-4 h-4"
-        });
-      }
-    })), s(P, () => e.item.name), s(d, o(v, {
+      class: "w-4 h-4"
+    })), l(P, () => e.item.name), l(d, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get children() {
-        var n = se();
-        return s(n, $), n;
+        var n = le();
+        return l(n, $), n;
       }
-    }), null), s(t, o(v, {
+    }), null), l(t, s(w, {
       get when() {
-        return S(() => !!i())() && u();
+        return z(() => !!i())() && x();
       },
       get children() {
-        var n = M();
-        return s(n, o(F, {
+        var n = k();
+        return l(n, s(M, {
           get items() {
             return e.item.children ?? [];
           },
@@ -173,19 +167,19 @@ function de(e) {
           get dragContext() {
             return e.dragContext;
           }
-        })), D(() => b(n, m("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
+        })), v(() => D(n, f("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
       }
-    }), null), D((n) => {
-      var c = m(
+    }), null), v((n) => {
+      var c = f(
         "group flex items-center w-full py-1 text-xs",
         "transition-all duration-150 ease-out",
         "hover:bg-sidebar-accent/60",
-        C() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
+        b() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
         // Drop target styling - enhanced visual feedback
-        k() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
-        k() && !p() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
-      ), f = `${8 + e.depth * 12}px`;
-      return c !== n.e && b(a, n.e = c), f !== n.t && J(a, "padding-left", n.t = f), n;
+        E() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
+        E() && !p() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
+      ), u = `${8 + e.depth * 12}px`;
+      return c !== n.e && D(a, n.e = c), u !== n.t && J(a, "padding-left", n.t = u), n;
     }, {
       e: void 0,
       t: void 0
@@ -194,5 +188,5 @@ function de(e) {
 }
 K(["contextmenu", "click"]);
 export {
-  we as DirectoryTree
+  ye as DirectoryTree
 };

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

@@ -1,6 +1,6 @@
 import { type JSX } from 'solid-js';
 import { type FileContextMenuProps } from './FileContextMenu';
-import type { FileItem, ViewMode, ContextMenuCallbacks, ContextMenuItem, FileListColumnRatios } from './types';
+import type { FileItem, ViewMode, ContextMenuCallbacks, ContextMenuItem, FileListColumnRatios, FileBrowserRevealRequest } from './types';
 export interface FileBrowserProps {
     /** File tree data */
     files: FileItem[];
@@ -26,6 +26,10 @@ export interface FileBrowserProps {
     onSelect?: (items: FileItem[]) => void;
     /** Callback when a file is opened */
     onOpen?: (item: FileItem) => void;
+    /** Controlled programmatic reveal request for a specific item in the current directory. */
+    revealRequest?: FileBrowserRevealRequest | null;
+    /** Callback fired after the current reveal request has been consumed. */
+    onRevealRequestConsumed?: (requestId: string) => void;
     /** Additional class names */
     class?: string;
     /** Custom header content */

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

@@ -1,10 +1,10 @@
 import { createComponent as n, insert as i, use as k, memo as E, effect as B, className as K, template as I, delegateEvents as L } from "solid-js/web";
-import { createSignal as O, onMount as V, onCleanup as H, createEffect as N, Show as c } from "solid-js";
-import { cn as T } from "../../utils/cn.js";
-import { useLayout as j } from "../../context/LayoutContext.js";
-import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js";
-import { deferAfterPaint as Q } from "../../utils/defer.js";
-import { FileBrowserProvider as q, useFileBrowser as J } from "./FileBrowserContext.js";
+import { createSignal as O, onMount as q, onCleanup as V, createEffect as H, Show as c } from "solid-js";
+import { cn as N } from "../../utils/cn.js";
+import { useLayout as T } from "../../context/LayoutContext.js";
+import { useFileBrowserDrag as j } from "../../context/FileBrowserDragContext.js";
+import { deferAfterPaint as G } from "../../utils/defer.js";
+import { FileBrowserProvider as Q, useFileBrowser as J } from "./FileBrowserContext.js";
 import { SidebarPane as U } from "../layout/SidebarPane.js";
 import { DirectoryTree as X } from "./DirectoryTree.js";
 import { FileListView as Y } from "./FileListView.js";
@@ -13,8 +13,8 @@ import { FileBrowserToolbar as p } from "./FileBrowserToolbar.js";
 import { FileContextMenu as ee } from "./FileContextMenu.js";
 import { FileBrowserDragPreview as te } from "./DragPreview.js";
 var re = /* @__PURE__ */ I('<div class="border-b border-border">'), ne = /* @__PURE__ */ I('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
-function Ce(e) {
-  return n(q, {
+function we(e) {
+  return n(Q, {
     get files() {
       return e.files;
     },
@@ -54,6 +54,12 @@ function Ce(e) {
     get onOpen() {
       return e.onOpen;
     },
+    get revealRequest() {
+      return e.revealRequest;
+    },
+    get onRevealRequestConsumed() {
+      return e.onRevealRequestConsumed;
+    },
     get children() {
       return n(ie, {
         get class() {
@@ -100,26 +106,26 @@ function Ce(e) {
   });
 }
 function ie(e) {
-  const r = J(), M = j(), o = G(), h = () => M.isMobile(), [v, b] = O(null), D = () => v() ?? r.sidebarWidth(), y = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
-  let w, C = null, x = null;
-  V(() => {
+  const r = J(), M = T(), o = j(), h = () => M.isMobile(), [v, b] = O(null), R = () => v() ?? r.sidebarWidth(), D = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
+  let C, w = null, x = null;
+  q(() => {
     if (!o || !a()) return;
     const t = {
       instanceId: d(),
       currentPath: r.currentPath,
       files: r.files,
       onDragMove: e.onDragMove,
-      getScrollContainer: () => C,
+      getScrollContainer: () => w,
       getSidebarScrollContainer: () => x,
       optimisticRemove: r.optimisticRemove,
       optimisticInsert: r.optimisticInsert
     };
     o.registerInstance(t);
-  }), H(() => {
+  }), V(() => {
     o && a() && o.unregisterInstance(d());
   });
   let S = !1, m = !1;
-  N(() => {
+  H(() => {
     const t = h();
     if (!S) {
       S = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
@@ -127,8 +133,8 @@ function ie(e) {
     }
     !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
   });
-  const R = (t) => {
-    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), Q(() => w?.focus()));
+  const y = (t) => {
+    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), G(() => C?.focus()));
   }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
     b(r.sidebarWidth());
   }, W = (t) => {
@@ -139,7 +145,7 @@ function ie(e) {
   };
   return (() => {
     var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, F = g.nextSibling, u = F.firstChild, A = u.firstChild, _ = u.nextSibling;
-    return t.$$keydown = R, i(t, n(c, {
+    return t.$$keydown = y, i(t, n(c, {
       get when() {
         return e.header;
       },
@@ -150,7 +156,7 @@ function ie(e) {
     }), s), i(s, n(U, {
       title: "Explorer",
       get width() {
-        return D();
+        return R();
       },
       get open() {
         return P();
@@ -159,7 +165,7 @@ function ie(e) {
         return e.sidebarHeaderActions;
       },
       get resizable() {
-        return y();
+        return D();
       },
       onResize: W,
       get onClose() {
@@ -182,12 +188,12 @@ function ie(e) {
         });
       }
     }), f), i(f, n(p, {
-      filterInputRef: (l) => w = l,
+      filterInputRef: (l) => C = l,
       get endActions() {
         return e.toolbarEndActions;
       }
     }), g), k((l) => {
-      C = l;
+      w = l;
     }, g), i(g, n(c, {
       get when() {
         return r.viewMode() === "list";
@@ -246,10 +252,10 @@ function ie(e) {
       get children() {
         return n(te, {});
       }
-    }), null), B(() => K(t, T("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
+    }), null), B(() => K(t, N("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
   })();
 }
 L(["keydown"]);
 export {
-  Ce as FileBrowser
+  we as FileBrowser
 };

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

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { FileItem, ViewMode, FileListColumnRatios, FileBrowserContextValue } from './types';
+import type { FileItem, ViewMode, FileListColumnRatios, FileBrowserContextValue, FileBrowserRevealRequest } from './types';
 export interface FileBrowserProviderProps {
     children: JSX.Element;
     files: FileItem[];
@@ -30,6 +30,8 @@ export interface FileBrowserProviderProps {
     onPathChange?: (path: string, source: 'user' | 'programmatic') => void;
     onSelect?: (items: FileItem[]) => void;
     onOpen?: (item: FileItem) => void;
+    revealRequest?: FileBrowserRevealRequest | null;
+    onRevealRequestConsumed?: (requestId: string) => void;
 }
 /**
  * Provider for file browser state management