@floegence/floe-webapp-core 0.3.0 → 0.3.2

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

@@ -1,8 +1,10 @@
 import type { JSX } from 'solid-js';
 export interface FileBrowserToolbarProps {
     class?: string;
+    /** Reference to focus the filter input */
+    filterInputRef?: (el: HTMLInputElement) => void;
 }
 /**
- * Toolbar with navigation, breadcrumb, and view mode toggle
+ * Toolbar with navigation, breadcrumb, filter, and view mode toggle
  */
 export declare function FileBrowserToolbar(props: FileBrowserToolbarProps): JSX.Element;

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

@@ -1,4 +1,14 @@
-import type { ContextMenuItem, ContextMenuCallbacks } from './types';
+import type { ContextMenuItem, ContextMenuCallbacks, FileItem, ContextMenuActionType } from './types';
+/**
+ * 内置菜单项的 action type（不包含 'custom'）
+ */
+export type BuiltinContextMenuAction = Exclude<ContextMenuActionType, 'custom'>;
+/**
+ * hideItems 支持静态数组或动态函数。
+ * - 静态数组：直接列出要隐藏的 action types
+ * - 动态函数：根据右键目标 items 动态决定要隐藏的 action types
+ */
+export type HideItemsValue = BuiltinContextMenuAction[] | ((targetItems: FileItem[]) => BuiltinContextMenuAction[]);
 export interface FileContextMenuProps {
     /** Custom menu items to add (will be merged with defaults) */
     customItems?: ContextMenuItem[];
@@ -6,8 +16,17 @@ export interface FileContextMenuProps {
     overrideItems?: ContextMenuItem[];
     /** Callbacks for built-in actions */
     callbacks?: ContextMenuCallbacks;
-    /** Items to hide from default menu */
-    hideItems?: Array<'duplicate' | 'ask-agent' | 'copy-to' | 'move-to' | 'delete' | 'rename'>;
+    /**
+     * Items to hide from default menu.
+     * Can be a static array or a function that receives target items and returns the array.
+     *
+     * @example Static array
+     * hideItems={['ask-agent', 'duplicate']}
+     *
+     * @example Dynamic function (e.g., hide non-atomic operations for folders)
+     * hideItems={(items) => items.some(i => i.type === 'folder') ? ['duplicate', 'copy-to'] : []}
+     */
+    hideItems?: HideItemsValue;
 }
 /**
  * Context menu for file browser items

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

@@ -3,7 +3,7 @@ export { FileBrowserProvider, useFileBrowser, type FileBrowserProviderProps } fr
 export { DirectoryTree, type DirectoryTreeProps } from './DirectoryTree';
 export { FileListView, type FileListViewProps } from './FileListView';
 export { FileGridView, type FileGridViewProps } from './FileGridView';
-export { FileContextMenu, type FileContextMenuProps } from './FileContextMenu';
+export { FileContextMenu, type FileContextMenuProps, type BuiltinContextMenuAction, type HideItemsValue } from './FileContextMenu';
 export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
 export { FileBrowserToolbar, type FileBrowserToolbarProps } from './FileBrowserToolbar';
 export { FolderIcon, FolderOpenIcon, FileIcon, CodeFileIcon, ImageFileIcon, DocumentFileIcon, ConfigFileIcon, StyleFileIcon, getFileIcon, } from './FileIcons';

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

@@ -75,6 +75,13 @@ export interface ContextMenuCallbacks {
     onDelete?: (items: FileItem[]) => void;
     onRename?: (item: FileItem) => void;
 }
+/**
+ * Filter match info for highlighting
+ */
+export interface FilterMatchInfo {
+    /** Matched character indices in the name */
+    matchedIndices: number[];
+}
 /**
  * File browser context value for internal state management
  */
@@ -96,6 +103,11 @@ export interface FileBrowserContextValue {
     isExpanded: (path: string) => boolean;
     files: Accessor<FileItem[]>;
     currentFiles: Accessor<FileItem[]>;
+    filterQuery: Accessor<string>;
+    setFilterQuery: (query: string) => void;
+    isFilterActive: Accessor<boolean>;
+    setFilterActive: (active: boolean) => void;
+    getFilterMatch: (name: string) => FilterMatchInfo | null;
     sidebarCollapsed: Accessor<boolean>;
     toggleSidebar: () => void;
     contextMenu: Accessor<ContextMenuEvent | null>;

package/dist/index38.js

@@ -1,15 +1,15 @@
-import { delegateEvents as P, createComponent as i, template as b, insert as n, addEventListener as S, memo as k, effect as j, className as $, setStyleProperty as I } from "solid-js/web";
-import { createSignal as z, onMount as L, onCleanup as V, Show as a } from "solid-js";
-import { cn as _ } from "./index67.js";
-import { FileBrowserProvider as W, useFileBrowser as N } from "./index39.js";
-import { DirectoryTree as T } from "./index40.js";
-import { FileListView as p } from "./index41.js";
-import { FileGridView as q } from "./index42.js";
-import { FileBrowserToolbar as D } from "./index45.js";
-import { FileContextMenu as G } from "./index43.js";
-var A = /* @__PURE__ */ b('<div class="border-b border-border">'), H = /* @__PURE__ */ b('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><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 class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), J = /* @__PURE__ */ b('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), K = /* @__PURE__ */ b('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><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 ne(e) {
-  return i(W, {
+import { delegateEvents as j, createComponent as i, template as b, insert as n, addEventListener as y, memo as S, effect as z, className as $, setStyleProperty as I } from "solid-js/web";
+import { createSignal as V, onMount as W, onCleanup as _, Show as a } from "solid-js";
+import { cn as F } from "./index67.js";
+import { FileBrowserProvider as D, useFileBrowser as K } from "./index39.js";
+import { DirectoryTree as N } from "./index40.js";
+import { FileListView as T } from "./index41.js";
+import { FileGridView as p } from "./index42.js";
+import { FileBrowserToolbar as q } from "./index45.js";
+import { FileContextMenu as A } from "./index43.js";
+var G = /* @__PURE__ */ b('<div class="border-b border-border">'), Q = /* @__PURE__ */ b('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><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 class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ b('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), J = /* @__PURE__ */ b('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><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 le(e) {
+  return i(D, {
     get files() {
       return e.files;
     },
@@ -29,7 +29,7 @@ function ne(e) {
       return e.onOpen;
     },
     get children() {
-      return i(Q, {
+      return i(R, {
         get class() {
           return e.class;
         },
@@ -58,63 +58,77 @@ function ne(e) {
     }
   });
 }
-function Q(e) {
-  const r = N(), [u, f] = z(!1), x = () => e.sidebarWidth ?? 220;
-  L(() => {
-    const l = window.matchMedia("(max-width: 767px)"), d = l.matches;
-    f(d), d && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
-    const o = (s) => {
-      f(s.matches), s.matches && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+function R(e) {
+  const r = K(), [m, v] = V(!1), x = () => e.sidebarWidth ?? 220;
+  let h;
+  W(() => {
+    const o = window.matchMedia("(max-width: 767px)"), s = o.matches;
+    v(s), s && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    const d = (l) => {
+      v(l.matches), l.matches && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
     };
-    l.addEventListener("change", o), V(() => l.removeEventListener("change", o));
+    o.addEventListener("change", d), _(() => o.removeEventListener("change", d));
+    const u = (l) => {
+      (l.metaKey || l.ctrlKey) && l.key === "f" && (l.preventDefault(), r.setFilterActive(!0), setTimeout(() => h == null ? void 0 : h.focus(), 50));
+    };
+    document.addEventListener("keydown", u), _(() => document.removeEventListener("keydown", u));
   });
-  const y = () => !r.sidebarCollapsed() || !u();
+  const E = () => !r.sidebarCollapsed() || !m();
   return (() => {
-    var l = K(), d = l.firstChild, o = d.firstChild, s = o.firstChild, h = s.firstChild;
-    h.firstChild;
-    var F = h.nextSibling, m = o.nextSibling, g = m.firstChild, B = g.nextSibling, c = B.firstChild, O = c.firstChild, E = c.nextSibling;
-    return n(l, i(a, {
+    var o = J(), s = o.firstChild, d = s.firstChild, u = d.firstChild, l = u.firstChild;
+    l.firstChild;
+    var B = l.nextSibling, g = d.nextSibling, f = g.firstChild, L = f.nextSibling, c = L.firstChild, O = c.firstChild, P = c.nextSibling;
+    return n(o, i(a, {
       get when() {
         return e.header;
       },
       get children() {
-        var t = A();
+        var t = G();
         return n(t, () => e.header), t;
       }
-    }), d), n(h, i(a, {
+    }), s), n(l, i(a, {
       get when() {
-        return u();
+        return m();
       },
       get children() {
-        var t = H();
-        return S(t, "click", r.toggleSidebar, !0), t;
+        var t = Q();
+        return y(t, "click", r.toggleSidebar, !0), t;
       }
-    }), null), n(F, i(T, {})), n(d, i(a, {
+    }), null), n(B, i(N, {})), n(s, i(a, {
       get when() {
-        return k(() => !!u())() && !r.sidebarCollapsed();
+        return S(() => !!m())() && !r.sidebarCollapsed();
       },
       get children() {
-        var t = J();
-        return S(t, "click", r.toggleSidebar, !0), t;
+        var t = H();
+        return y(t, "click", r.toggleSidebar, !0), t;
       }
-    }), m), n(m, i(D, {}), g), n(g, i(a, {
+    }), g), n(g, i(q, {
+      filterInputRef: (t) => h = t
+    }), f), n(f, i(a, {
       get when() {
         return r.viewMode() === "list";
       },
       get fallback() {
-        return i(q, {});
+        return i(p, {});
       },
       get children() {
-        return i(p, {});
+        return i(T, {});
       }
     })), n(c, () => r.currentFiles().length, O), n(c, i(a, {
+      get when() {
+        return r.filterQuery().trim();
+      },
+      get children() {
+        return [" ", "(filtered)"];
+      }
+    }), null), n(c, i(a, {
       get when() {
         return r.selectedItems().size > 0;
       },
       get children() {
-        return [" · ", k(() => r.selectedItems().size), " selected"];
+        return [" · ", S(() => r.selectedItems().size), " selected"];
       }
-    }), null), n(E, () => r.currentPath()), n(l, i(G, {
+    }), null), n(P, () => r.currentPath()), n(o, i(A, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },
@@ -127,24 +141,24 @@ function Q(e) {
       get hideItems() {
         return e.hideContextMenuItems;
       }
-    }), null), j((t) => {
-      var v = _("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class), w = _(
+    }), null), z((t) => {
+      var w = F("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class), C = F(
         "flex-shrink-0 border-r border-border bg-sidebar",
         "transition-all duration-200 ease-out",
         "overflow-hidden",
         // Mobile overlay
-        u() && !r.sidebarCollapsed() && "absolute inset-y-0 left-0 z-10 shadow-lg"
-      ), C = y() ? `${x()}px` : "0px", M = `${x()}px`;
-      return v !== t.e && $(l, t.e = v), w !== t.t && $(o, t.t = w), C !== t.a && I(o, "width", t.a = C), M !== t.o && I(s, "width", t.o = M), t;
+        m() && !r.sidebarCollapsed() && "absolute inset-y-0 left-0 z-10 shadow-lg"
+      ), M = E() ? `${x()}px` : "0px", k = `${x()}px`;
+      return w !== t.e && $(o, t.e = w), C !== t.t && $(d, t.t = C), M !== t.a && I(d, "width", t.a = M), k !== t.o && I(u, "width", t.o = k), t;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), l;
+    }), o;
   })();
 }
-P(["click"]);
+j(["click"]);
 export {
-  ne as FileBrowser
+  le as FileBrowser
 };

package/dist/index39.js

@@ -1,116 +1,145 @@
-import { createComponent as j } from "solid-js/web";
-import { createContext as O, createSignal as l, createMemo as P, useContext as U } from "solid-js";
-import { deferNonBlocking as m } from "./index68.js";
-const y = O();
-function Z(o) {
-  const [a, B] = l(o.initialPath ?? "/"), [d, f] = l(/* @__PURE__ */ new Set()), [b, k] = l(o.initialViewMode ?? "list"), [w, p] = l({
+import { createComponent as D } from "solid-js/web";
+import { createContext as G, createSignal as i, createMemo as A, useContext as H } from "solid-js";
+import { deferNonBlocking as F } from "./index68.js";
+const Q = G();
+function E(o, l) {
+  if (!l) return [];
+  const w = o.toLowerCase(), u = l.toLowerCase(), a = [];
+  let m = 0;
+  for (const g of u) {
+    const d = w.indexOf(g, m);
+    if (d === -1) return null;
+    a.push(d), m = d + 1;
+  }
+  return a;
+}
+function re(o) {
+  const [l, w] = i(o.initialPath ?? "/"), [u, a] = i(/* @__PURE__ */ new Set()), [m, g] = i(o.initialViewMode ?? "list"), [d, T] = i({
     field: "name",
     direction: "asc"
-  }), [x, g] = l(/* @__PURE__ */ new Set(["/"])), [z, E] = l(!1), [A, S] = l(null), C = () => o.files, u = (e) => {
+  }), [y, M] = i(/* @__PURE__ */ new Set(["/"])), [V, q] = i(!1), [L, v] = i(null), [x, I] = i(""), [N, P] = i(!1), B = () => o.files, C = (e) => {
     const t = (e ?? "").trim();
     return t === "" ? "/" : t;
-  }, T = P(() => {
-    const e = /* @__PURE__ */ new Map(), t = (c) => {
-      var r;
-      for (const s of c)
-        s.type === "folder" && (e.set(u(s.path), s.children ?? []), (r = s.children) != null && r.length && t(s.children));
-    }, n = C();
+  }, O = A(() => {
+    const e = /* @__PURE__ */ new Map(), t = (r) => {
+      var h;
+      for (const s of r)
+        s.type === "folder" && (e.set(C(s.path), s.children ?? []), (h = s.children) != null && h.length && t(s.children));
+    }, n = B();
     return e.set("/", n), t(n), e;
-  }), M = P(() => {
-    const e = u(a()), t = T().get(e) ?? [], n = w();
-    return [...t].sort((r, s) => {
-      var F, I;
-      if (r.type !== s.type)
-        return r.type === "folder" ? -1 : 1;
-      let i = 0;
-      switch (n.field) {
+  }), z = A(() => {
+    const e = C(l());
+    let t = O().get(e) ?? [];
+    const n = x().trim();
+    n && (t = t.filter((s) => E(s.name, n) !== null));
+    const r = d();
+    return [...t].sort((s, c) => {
+      var k, p;
+      if (s.type !== c.type)
+        return s.type === "folder" ? -1 : 1;
+      let f = 0;
+      switch (r.field) {
         case "name":
-          i = r.name.localeCompare(s.name);
+          f = s.name.localeCompare(c.name);
           break;
         case "size":
-          i = (r.size ?? 0) - (s.size ?? 0);
+          f = (s.size ?? 0) - (c.size ?? 0);
           break;
         case "modifiedAt":
-          i = (((F = r.modifiedAt) == null ? void 0 : F.getTime()) ?? 0) - (((I = s.modifiedAt) == null ? void 0 : I.getTime()) ?? 0);
+          f = (((k = s.modifiedAt) == null ? void 0 : k.getTime()) ?? 0) - (((p = c.modifiedAt) == null ? void 0 : p.getTime()) ?? 0);
           break;
         case "type":
-          i = (r.extension ?? "").localeCompare(s.extension ?? "");
+          f = (s.extension ?? "").localeCompare(c.extension ?? "");
           break;
       }
-      return n.direction === "asc" ? i : -i;
+      return r.direction === "asc" ? f : -f;
     });
-  }), h = (e) => {
-    var c;
-    const t = u(e);
-    B(t), f(/* @__PURE__ */ new Set());
+  }), S = (e) => {
+    var r;
+    const t = C(e);
+    w(t), a(/* @__PURE__ */ new Set()), I(""), P(!1);
     const n = o.onSelect;
-    m(() => n == null ? void 0 : n([])), (c = o.onNavigate) == null || c.call(o, t);
-  }, V = () => {
-    const e = a();
+    F(() => n == null ? void 0 : n([])), (r = o.onNavigate) == null || r.call(o, t);
+  }, j = () => {
+    const e = l();
     if (e === "/" || e === "") return;
     const t = e.split("/").filter(Boolean);
-    t.pop(), h(t.length ? "/" + t.join("/") : "/");
-  }, v = (e) => {
-    e.type === "folder" && (h(e.path), g((t) => {
+    t.pop(), S(t.length ? "/" + t.join("/") : "/");
+  }, b = (e) => {
+    e.type === "folder" && (S(e.path), M((t) => {
       const n = new Set(t);
       return n.add(e.path), n;
     }));
-  }, N = {
-    currentPath: a,
-    setCurrentPath: h,
-    navigateUp: V,
-    navigateTo: v,
-    selectedItems: () => d(),
+  }, U = {
+    currentPath: l,
+    setCurrentPath: S,
+    navigateUp: j,
+    navigateTo: b,
+    selectedItems: () => u(),
     selectItem: (e, t = !1) => {
-      const n = d(), c = t ? new Set(n) : /* @__PURE__ */ new Set();
-      t ? c.has(e) ? c.delete(e) : c.add(e) : (c.clear(), c.add(e)), f(c);
-      const r = M().filter((i) => c.has(i.id)), s = o.onSelect;
-      m(() => s == null ? void 0 : s(r));
+      const n = u(), r = t ? new Set(n) : /* @__PURE__ */ new Set();
+      t ? r.has(e) ? r.delete(e) : r.add(e) : (r.clear(), r.add(e)), a(r);
+      const h = z().filter((c) => r.has(c.id)), s = o.onSelect;
+      F(() => s == null ? void 0 : s(h));
     },
     clearSelection: () => {
-      f(/* @__PURE__ */ new Set());
+      a(/* @__PURE__ */ new Set());
       const e = o.onSelect;
-      m(() => e == null ? void 0 : e([]));
+      F(() => e == null ? void 0 : e([]));
     },
-    isSelected: (e) => d().has(e),
-    viewMode: b,
-    setViewMode: k,
-    sortConfig: w,
-    setSortConfig: p,
-    expandedFolders: x,
+    isSelected: (e) => u().has(e),
+    viewMode: m,
+    setViewMode: g,
+    sortConfig: d,
+    setSortConfig: T,
+    expandedFolders: y,
     toggleFolder: (e) => {
-      g((t) => {
+      M((t) => {
         const n = new Set(t);
         return n.has(e) ? n.delete(e) : n.add(e), n;
       });
     },
-    isExpanded: (e) => x().has(e),
-    files: C,
-    currentFiles: M,
-    sidebarCollapsed: z,
-    toggleSidebar: () => E((e) => !e),
-    contextMenu: A,
-    showContextMenu: (e) => S(e),
-    hideContextMenu: () => S(null),
+    isExpanded: (e) => y().has(e),
+    files: B,
+    currentFiles: z,
+    filterQuery: x,
+    setFilterQuery: (e) => {
+      I(e);
+    },
+    isFilterActive: N,
+    setFilterActive: P,
+    getFilterMatch: (e) => {
+      const t = x().trim();
+      if (!t) return null;
+      const n = E(e, t);
+      return n ? {
+        matchedIndices: n
+      } : null;
+    },
+    sidebarCollapsed: V,
+    toggleSidebar: () => q((e) => !e),
+    contextMenu: L,
+    showContextMenu: (e) => v(e),
+    hideContextMenu: () => v(null),
     openItem: (e) => {
       var t;
-      e.type === "folder" ? v(e) : (t = o.onOpen) == null || t.call(o, e);
+      e.type === "folder" ? b(e) : (t = o.onOpen) == null || t.call(o, e);
     }
   };
-  return j(y.Provider, {
-    value: N,
+  return D(Q.Provider, {
+    value: U,
     get children() {
       return o.children;
     }
   });
 }
-function _() {
-  const o = U(y);
+function ie() {
+  const o = H(Q);
   if (!o)
     throw new Error("useFileBrowser must be used within a FileBrowserProvider");
   return o;
 }
 export {
-  Z as FileBrowserProvider,
-  _ as useFileBrowser
+  re as FileBrowserProvider,
+  ie as useFileBrowser
 };