ode-explorer 1.4.18 → 1.4.19-develop.202410251618

package/lib/index2.js

@@ -1,196 +1,154 @@
-var ge = Object.defineProperty;
-var ye = (e, s, t) => s in e ? ge(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var $ = (e, s, t) => (ye(e, typeof s != "symbol" ? s + "" : s, t), t);
-import { jsx as c, jsxs as N, Fragment as ce } from "react/jsx-runtime";
-import { useState as ie, useRef as Ie, useEffect as M, Suspense as O, lazy as F, Fragment as Se } from "react";
-import { useScrollToTop as we, useOdeClient as K, IconButton as xe, useToast as k, useUser as le, useShareMutation as De, useUpdateMutation as be, LoadingScreen as A, FormControl as Te, Input as Fe, SearchButton as Ce, Dropdown as z, useToggle as Ne, TreeView as Re, Button as Pe, useXitiTrackPageLoad as Ae, isActionAvailable as oe, AppHeader as Ee, Breadcrumb as Qe, Grid as te } from "@edifice-ui/react";
-import { ArrowLeft as qe, Filter as Oe, Delete as ke, Plus as Ue } from "@edifice-ui/icons";
-import { useTranslation as j } from "react-i18next";
-import { odeServices as D, FOLDER as w, SORT_ORDER as Le } from "edifice-ts-client";
-import { t as x } from "i18next";
-import { create as ve } from "zustand";
-import { useQuery as Me, useInfiniteQuery as Ke, useQueryClient as E, useMutation as L } from "@tanstack/react-query";
-const de = async (e) => {
-  const s = await D.resource(e.application).searchContext(e);
+import { jsxs as N, Fragment as G, jsx as c } from "react/jsx-runtime";
+import { useEffect as $, Suspense as M, lazy as Q, useState as de, useRef as be, Fragment as we } from "react";
+import { useSensor as se, PointerSensor as xe, TouchSensor as Te, KeyboardSensor as Ce, useSensors as Fe, DndContext as Re } from "@dnd-kit/core";
+import { snapCenterToCursor as Ne } from "@dnd-kit/modifiers";
+import { findNodeById as J, wrapTreeNode as Ee, findParentNode as Pe, useToast as L, moveNode as Ae, deleteNode as Qe, useUser as ue, useShareMutation as qe, useUpdateMutation as Oe, useOdeClient as v, addNode as ke, updateNode as Ue, getAncestors as ae, LoadingScreen as U, FormControl as Me, Input as Le, SearchButton as ve, Dropdown as j, useToggle as Be, useScrollToTop as Ke, TreeView as $e, Button as _e, IconButton as ze, useXitiTrackPageLoad as je, isActionAvailable as ce, AppHeader as Ve, Breadcrumb as We, Grid as re } from "@edifice-ui/react";
+import { odeServices as P, FOLDER as R, SORT_ORDER as He, ResourceService as he } from "edifice-ts-client";
+import { t as E } from "i18next";
+import { createStore as Ge, useStore as Je } from "zustand";
+import { useQuery as Xe, queryOptions as Ye, useQueryClient as k, useMutation as B, useInfiniteQuery as Ze } from "@tanstack/react-query";
+import { useTranslation as _ } from "react-i18next";
+import { Filter as et, Delete as tt, Plus as st, ArrowLeft as rt } from "@edifice-ui/icons";
+const pe = async (e) => {
+  const t = await P.resource(e.application).searchContext(e);
   return {
-    ...s,
-    folders: s.folders.filter((t) => !t.trashed)
+    ...t,
+    folders: t.folders.filter((s) => !s.trashed)
   };
-}, Be = async ({
+}, ot = async ({
   searchParams: e,
-  name: s,
-  parentId: t
+  name: t,
+  parentId: s
 }) => {
   const r = {
-    name: s,
-    parentId: t,
+    name: t,
+    parentId: s,
     application: e.application,
     type: e.types[0]
   };
-  return await D.resource(e.application).createFolder(r);
-}, _e = async ({
+  return await P.resource(e.application).createFolder(r);
+}, nt = async ({
   folderId: e,
-  searchParams: s,
-  parentId: t,
+  searchParams: t,
+  parentId: s,
   name: r
 }) => {
-  const n = {
+  const o = {
     folderId: e,
     name: r,
-    parentId: t,
-    application: s.application,
-    type: s.types[0]
+    parentId: s,
+    application: t.application,
+    type: t.types[0]
   };
-  return await D.resource(s.application).updateFolder(n);
-}, $e = async ({
+  return await P.resource(t.application).updateFolder(o);
+}, at = async ({
   searchParams: e,
-  resourceIds: s,
-  useAssetIds: t,
+  resourceIds: t,
+  useAssetIds: s,
   folderIds: r
 }) => {
-  const n = {
+  const o = {
     application: e.application,
     resourceType: e.types[0],
-    resourceIds: s,
+    resourceIds: t,
     folderIds: r
   };
-  return await D.resource(e.application).trashAll(n, t);
-}, ze = async ({
+  return await P.resource(e.application).trashAll(o, s);
+}, ct = async ({
   searchParams: e,
-  resourceIds: s,
-  useAssetIds: t,
+  resourceIds: t,
+  useAssetIds: s,
   folderIds: r
 }) => {
-  const n = {
+  const o = {
     application: e.application,
     resourceType: e.types[0],
-    resourceIds: s,
+    resourceIds: t,
     folderIds: r
   };
-  return await D.resource(e.application).deleteAll(n, t);
-}, je = async ({
+  return await P.resource(e.application).deleteAll(o, s);
+}, it = async ({
   searchParams: e,
-  resourceIds: s,
-  folderIds: t,
+  resourceIds: t,
+  folderIds: s,
   useAssetIds: r
 }) => {
-  const n = {
+  const o = {
     application: e.application,
     resourceType: e.types[0],
-    resourceIds: s,
-    folderIds: t
+    resourceIds: t,
+    folderIds: s
   };
-  return await D.resource(e.application).restoreAll(n, r);
-}, Ve = async (e, s) => await D.resource(e.application).copy({
+  return await P.resource(e.application).restoreAll(o, r);
+}, lt = async (e, t) => await P.resource(e.application).copy({
   application: e.application,
-  resourceId: s
-}), ue = async ({
+  resourceId: t
+}), fe = async ({
   searchParams: e,
-  resourceIds: s,
-  folderId: t,
+  resourceIds: t,
+  folderId: s,
   folderIds: r,
-  useAssetIds: n
+  useAssetIds: o
 }) => {
   const a = {
     application: e.application,
-    folderId: t,
-    resourceIds: s,
+    folderId: s,
+    resourceIds: t,
     folderIds: r
   };
-  return await D.resource(e.application).moveToFolder(a, n);
-}, He = async (e) => await D.rights().sessionHasWorkflowRights(e), We = ({
+  return await P.resource(e.application).moveToFolder(a, o);
+}, dt = async (e) => await P.rights().sessionHasWorkflowRights(e), ut = ({
   searchParams: e,
-  assetId: s
+  assetId: t
 }) => {
-  const t = D.resource(e.application).getViewUrl(s);
-  window.open(t, "_self");
-}, Ge = ({
+  const s = P.resource(e.application).getViewUrl(t);
+  window.open(s, "_self");
+}, ht = ({
   searchParams: e,
-  params: s
-}) => D.resource(e.application).create(s), Je = ({
+  params: t
+}) => P.resource(e.application).create(t), pt = ({
   searchParams: e,
-  assetId: s
+  assetId: t
 }) => {
-  const t = D.resource(e.application).getPrintUrl(s);
-  return window.open(t, "_blank");
-}, $t = ({
+  const s = P.resource(e.application).getPrintUrl(t);
+  return window.open(s, "_blank");
+}, ds = ({
   searchParams: e,
-  folderId: s
+  folderId: t
 }) => {
-  const t = D.resource(e.application).getFormUrl(s);
-  return window.open(t, "_self");
-}, zt = ({
+  const s = P.resource(e.application).getFormUrl(t);
+  return window.open(s, "_self");
+}, us = ({
   searchParams: e,
-  assetId: s
+  assetId: t
 }) => {
-  const t = D.resource(e.application).getEditUrl(s);
-  return window.open(t, "_self");
-}, jt = ({
+  const s = P.resource(e.application).getEditUrl(t);
+  return window.open(s, "_self");
+}, hs = ({
   searchParams: e,
-  assetId: s
+  assetId: t
 }) => {
-  const t = D.resource(e.application).getExportUrl(s);
-  return window.open(t, "_self");
-};
-function se(e) {
-  return e.filter((s, t) => e.indexOf(s) === t);
-}
-function W(e, s) {
-  var r, n;
-  let t;
-  return (s == null ? void 0 : s.id) === e ? s : ((r = s == null ? void 0 : s.children) != null && r.length && ((n = s == null ? void 0 : s.children) == null || n.every((a) => (t = W(e, a), t === void 0))), t);
-}
-function Xe(e, s) {
-  var r;
-  const t = W(e, s);
-  return (r = t == null ? void 0 : t.folder) != null && r.ancestors ? [...(t == null ? void 0 : t.folder.ancestors) || [], e] : e === w.BIN ? [w.BIN] : [w.DEFAULT];
-}
-function fe(e, s) {
-  return s.id === e && s.children ? s.children.length > 0 : s.children ? s.children.some((t) => fe(s.id, t)) : !1;
-}
-function G(e, s) {
-  return he(e, s) || e;
-}
-function he(e, s, t) {
-  var n;
-  const r = s(e, t);
-  if ((n = r == null ? void 0 : r.children) != null && n.length) {
-    const a = [];
-    for (const o of (r == null ? void 0 : r.children) || []) {
-      const i = he(o, s, r);
-      i && a.push(i);
-    }
-    return {
-      ...r,
-      children: a
-    };
-  }
-  return r;
-}
-class J {
-  constructor(s) {
-    $(this, "id");
-    $(this, "name");
-    $(this, "childNumber");
-    $(this, "section", !1);
-    $(this, "children", []);
-    this.folder = s, this.id = s.id, this.name = s.name, this.childNumber = s.childNumber;
-  }
-}
-const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? void 0 : s.map((n) => new J(n))), r)), Ye = {
-  config: null,
+  const s = P.resource(e.application).getExportUrl(t);
+  return window.open(s, "_self");
+}, ge = {
+  id: R.DEFAULT,
+  name: E("explorer.filters.mine"),
+  section: !0,
+  children: []
+}, ft = {
+  config: void 0,
   searchConfig: {
     minLength: 1
   },
   searchParams: {
     filters: {
-      folder: w.DEFAULT,
+      folder: R.DEFAULT,
       owner: void 0,
       shared: void 0,
       public: void 0
     },
     orders: {
-      updatedAt: Le.DESC
+      updatedAt: He.DESC
     },
     application: "",
     types: [],
@@ -201,13 +159,8 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
     },
     trashed: !1
   },
-  treeData: {
-    id: w.DEFAULT,
-    name: x("explorer.filters.mine"),
-    section: !0,
-    children: []
-  },
-  selectedNodesIds: ["default"],
+  treeData: ge,
+  selectedNodeId: "default",
   currentFolder: {
     id: "default"
   },
@@ -216,87 +169,100 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
   folderIds: [],
   resourceIds: [],
   resourceIsTrash: !1,
+  resourceOrFolderIsDraggable: {
+    isDrag: !1,
+    elementDrag: void 0
+  },
+  elementDragOver: {
+    isOver: !1,
+    isTreeview: !1,
+    canMove: !0,
+    overId: void 0
+  },
   resourceActionDisable: !1,
   status: void 0
-}, S = ve()((e, s) => ({
-  ...Ye,
-  updaters: {
-    setConfig: (t) => e({
-      config: t
+}, gt = Ge()((e, t) => ({
+  ...ft,
+  actions: {
+    setConfig: (s) => e({
+      config: s
     }),
-    setSearchConfig: (t) => e((r) => ({
+    setSearchConfig: (s) => e((r) => ({
       searchConfig: {
         ...r.searchConfig,
-        ...t
+        ...s
       }
     })),
-    setTreeData: (t) => e(() => ({
-      treeData: t
+    setTreeData: (s) => e(() => ({
+      treeData: s
     })),
-    setSearchParams: (t) => {
+    setSearchParams: (s) => {
       e((r) => {
         const {
-          searchParams: n
+          searchParams: o
         } = r;
-        return n.search !== t.search ? t.search ? {
+        return o.search !== s.search ? s.search ? {
           ...r,
           selectedFolders: [],
-          selectedNodesIds: [],
+          selectedNodeId: void 0,
           selectedResources: [],
           currentFolder: void 0,
           searchParams: {
-            ...n,
-            ...t,
+            ...o,
+            ...s,
             trashed: !1,
             filters: {
-              ...n.filters,
+              ...o.filters,
               folder: void 0
             }
           }
         } : {
           ...r,
           selectedFolders: [],
-          selectedNodesIds: ["default"],
+          selectedNodeId: "default",
           selectedResources: [],
           currentFolder: {
             id: "default"
           },
           searchParams: {
-            ...n,
-            ...t,
+            ...o,
+            ...s,
             trashed: !1,
             filters: {
-              ...n.filters
+              ...o.filters
             }
           }
         } : {
           searchParams: {
-            ...n,
-            ...t
+            ...o,
+            ...s
           }
         };
       });
     },
-    setSelectedFolders: (t) => e(() => ({
-      selectedFolders: t
+    setSelectedFolders: (s) => e(() => ({
+      selectedFolders: s
+    })),
+    setSelectedResources: (s) => e(() => ({
+      selectedResources: s
     })),
-    setSelectedResources: (t) => e(() => ({
-      selectedResources: t
+    setFolderIds: (s) => e(() => ({
+      folderIds: s
     })),
-    setFolderIds: (t) => e(() => ({
-      folderIds: t
+    setResourceIds: (s) => e(() => ({
+      resourceIds: s
     })),
-    setResourceIds: (t) => e(() => ({
-      resourceIds: t
+    setResourceIsTrash: (s) => e(() => ({
+      resourceIsTrash: s
     })),
-    setResourceIsTrash: (t) => e(() => ({
-      resourceIsTrash: t
+    setResourceOrFolderIsDraggable: (s) => e(() => ({
+      resourceOrFolderIsDraggable: s
     })),
-    setResourceActionDisable: (t) => e(() => ({
-      resourceActionDisable: t
+    setElementDragOver: (s) => e(() => ({
+      elementDragOver: s
     })),
-    setCurrentFolder: (t) => e(() => ({
-      currentFolder: t
+    setResourceActionDisable: (s) => e(() => ({
+      resourceActionDisable: s
     })),
     clearSelectedItems: () => e(() => ({
       selectedFolders: [],
@@ -306,14 +272,14 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
       resourceIds: [],
       folderIds: []
     })),
-    openResource: (t) => {
+    openResource: (s) => {
       try {
         const {
           searchParams: r
-        } = s();
-        We({
+        } = t();
+        ut({
           searchParams: r,
-          assetId: t.assetId
+          assetId: s.assetId
         });
       } catch (r) {
         console.error("explorer open failed: ", r);
@@ -322,512 +288,465 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
     printSelectedResource: () => {
       try {
         const {
-          searchParams: t,
+          searchParams: s,
           selectedResources: r,
-          resourceIds: n
-        } = s();
+          resourceIds: o
+        } = t();
         if (r.length !== 1)
           throw new Error("Cannot open more than 1 resource");
-        const a = r.find((o) => o.id === n[0]);
-        Je({
-          searchParams: t,
+        const a = r.find((n) => n.id === o[0]);
+        pt({
+          searchParams: s,
           assetId: a.assetId
         });
-      } catch (t) {
-        console.error("explorer print failed: ", t);
+      } catch (s) {
+        console.error("explorer print failed: ", s);
       }
     },
     openFolder: ({
-      folderId: t,
-      folder: r
+      folderId: s,
+      folder: r,
+      queryClient: o
     }) => {
       const {
-        searchParams: n,
-        treeData: a
-      } = s(), o = n.filters.folder, i = Xe(t, a), f = se([...i, t]);
-      o !== t && e((d) => ({
-        ...d,
+        searchParams: a
+      } = t(), n = a.filters.folder, u = s;
+      n !== s && (t().actions.fetchTreeData(s, o), e((p) => ({
+        ...p,
         // reset selection when changing folder
         folderIds: [],
         resourceIds: [],
-        selectedNodesIds: f,
+        selectedNodeId: u,
         currentFolder: r || {
-          id: t
+          id: s
         },
         searchParams: {
-          ...n,
+          ...a,
           search: void 0,
           filters: {
-            ...n.filters,
-            folder: t
+            ...a.filters,
+            folder: s
           },
-          trashed: t === w.BIN
+          trashed: s === R.BIN
         }
-      }));
+      })));
     },
-    foldTreeItem: () => e((t) => ({
-      ...t,
+    foldTreeItem: () => e((s) => ({
+      ...s,
       status: "fold"
     })),
-    unfoldTreeItem: async (t, r) => {
-      const {
-        treeData: n,
-        searchParams: a
-      } = s();
-      if (e((o) => ({
-        ...o,
-        status: "unfold"
-      })), !fe(t, n)) {
-        await r.prefetchInfiniteQuery({
-          initialPageParam: 0,
-          queryKey: ["prefetchContext", {
-            folderId: t,
-            trashed: !1
-          }],
-          queryFn: async () => await de({
-            ...a,
-            filters: {
-              ...a.filters,
-              folder: t
-            }
-          })
-        });
-        const o = r.getQueryData(["prefetchContext", {
-          folderId: t,
+    fetchTreeData: async (s, r) => {
+      const o = J(t().treeData, s), a = o == null ? void 0 : o.id;
+      if (Array.isArray(o == null ? void 0 : o.children) && o.children.length) return;
+      const n = await r.fetchQuery({
+        queryKey: ["prefetchContext", {
+          folderId: a,
           trashed: !1
-        }]);
-        e((i) => {
-          var f;
-          return {
-            ...i,
-            treeData: pe(n, (f = o == null ? void 0 : o.pages[0]) == null ? void 0 : f.folders, t || w.DEFAULT)
-          };
-        });
-      }
+        }],
+        queryFn: async () => await pe({
+          ...t().searchParams,
+          filters: {
+            ...t().searchParams.filters,
+            folder: a
+          }
+        })
+      });
+      t().actions.setTreeData(Ee(t().treeData, n == null ? void 0 : n.folders, a || R.DEFAULT));
     },
-    selectTreeItem: (t) => {
+    selectTreeItem: (s, r) => {
       const {
-        treeData: r
-      } = s(), {
-        openFolder: n
-      } = s().updaters, a = W(t, r);
-      we()(), e((i) => ({
-        ...i,
+        treeData: o
+      } = t(), {
+        openFolder: a,
+        fetchTreeData: n
+      } = t().actions, u = J(o, s);
+      n(s, r), e((p) => ({
+        ...p,
         searchParams: {
-          ...i.searchParams,
+          ...p.searchParams,
           search: void 0
         },
         status: "select",
         selectedResources: []
-      })), n({
-        folder: a,
-        folderId: t
+      })), a({
+        folder: u,
+        folderId: s
       });
     },
     gotoPreviousFolder: () => {
       const {
-        selectedNodesIds: t,
-        treeData: r
-      } = s(), {
-        openFolder: n
-      } = s().updaters, a = t.length;
-      if (a < 2)
-        return;
-      const o = W(t[a - 2], r);
-      n({
-        folder: o,
-        folderId: (o == null ? void 0 : o.id) || w.DEFAULT
+        selectedNodeId: s,
+        treeData: r,
+        searchParams: o
+      } = t(), {
+        openFolder: a
+      } = t().actions;
+      if (o.search && a({
+        folder: ge,
+        folderId: R.DEFAULT
+      }), !s) return;
+      const n = Pe(r, s);
+      a({
+        folder: n,
+        folderId: (n == null ? void 0 : n.id) || R.DEFAULT
       });
     },
-    goToTrash: () => e((t) => ({
-      ...t,
-      selectedNodesIds: [],
-      selectedResources: [],
-      resourceIds: [],
-      folderIds: [],
-      status: "select",
-      searchParams: {
-        ...t.searchParams,
-        search: void 0,
-        filters: {
-          folder: w.BIN
+    goToTrash: () => {
+      e((s) => ({
+        ...s,
+        selectedNodeId: void 0,
+        selectedResources: [],
+        resourceIds: [],
+        folderIds: [],
+        status: "select",
+        searchParams: {
+          ...s.searchParams,
+          search: void 0,
+          filters: {
+            folder: R.BIN
+          },
+          trashed: !0
         },
-        trashed: !0
-      },
-      currentFolder: {
-        id: w.BIN
-      }
-    }))
+        currentFolder: {
+          id: R.BIN
+        }
+      }));
+    }
   }
-})), b = () => S((e) => e.searchParams), re = () => S((e) => e.selectedNodesIds), V = () => S((e) => e.treeData), Vt = () => S((e) => e.selectedFolders), Ht = () => S((e) => e.selectedResources), Ze = () => S((e) => e.searchConfig), X = () => S((e) => e.folderIds), Y = () => S((e) => e.resourceIds), Z = () => S((e) => e.selectedResources.map((s) => s.assetId)), ee = () => S((e) => e.selectedResources.filter((s) => s.assetId === s.id)), H = () => S((e) => e.currentFolder), T = () => S((e) => e.updaters), ne = () => {
-  const e = H();
-  return (e == null ? void 0 : e.id) === w.BIN;
-}, et = () => S((e) => e.resourceIsTrash), tt = () => S((e) => e.resourceActionDisable), st = () => {
-  const e = H();
-  return (e == null ? void 0 : e.id) === "default";
-}, rt = () => re().length > 1, nt = () => S((e) => e.status), me = () => {
-  const e = b(), [s, t] = ie(""), r = Ze(), n = nt(), a = Ie(null), {
-    setSearchParams: o
-  } = T(), i = (u) => {
-    const h = u.target.value;
-    t(h.toString());
-  }, f = (u) => {
-    (u.key === "Enter" || u.key === "Return") && (u.preventDefault(), o({
-      search: s || void 0
-    }));
-  }, d = (u) => {
-    u.preventDefault(), o({
-      search: s || void 0
-    });
-  };
-  return M(() => {
-    const h = s.length == 0 || s.length >= r.minLength ? {
-      search: s || void 0
-    } : {};
-    o({
-      ...e,
-      ...h
-    });
-  }, [s, r.minLength]), M(() => {
-    n === "select" && t("");
-  }, [n]), M(() => {
-    t(() => {
-      var u;
-      return ((u = e.search) == null ? void 0 : u.toString()) ?? "";
-    });
-  }, [e]), {
-    formRef: a,
-    inputSearch: s,
-    handleInputSearchChange: i,
-    handleKeyPress: f,
-    handleSearchSubmit: d
-  };
-};
-function ot() {
-  const {
-    appCode: e
-  } = K(), {
-    gotoPreviousFolder: s
-  } = T(), {
-    t
-  } = j(["common", e]), {
-    inputSearch: r
-  } = me(), n = re(), a = ne(), o = H(), i = t("explorer.tree.trash"), f = t("explorer.tree.search"), d = t("explorer.filters.mine", {
-    ns: e
-  }), u = (o == null ? void 0 : o.name) || d;
-  return /* @__PURE__ */ c("div", { className: "py-16", children: n.length > 1 && !a ? /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8", children: [
-    /* @__PURE__ */ c(xe, { icon: /* @__PURE__ */ c(qe, {}), variant: "ghost", color: "tertiary", "aria-label": t("back"), className: "ms-n16", onClick: s }),
-    /* @__PURE__ */ c("p", { className: "body py-8 text-truncate", children: /* @__PURE__ */ c("strong", { children: u }) })
-  ] }) : /* @__PURE__ */ c("h2", { className: "body py-8 fw-bold", children: r.length !== 0 ? f : a ? i : d }) });
+}));
+function T(e) {
+  return Je(gt, e);
 }
-const at = () => {
-  const e = tt(), {
-    clearSelectedIds: s,
-    setResourceActionDisable: t,
+const mt = (e) => e.treeData, yt = (e) => e.actions, V = () => T(mt), F = () => T(yt), A = () => T((e) => e.searchParams), oe = () => T((e) => e.selectedNodeId), ps = () => T((e) => e.selectedFolders), fs = () => T((e) => e.selectedResources), It = () => T((e) => e.searchConfig), X = () => T((e) => e.folderIds), Y = () => T((e) => e.resourceIds), Z = () => T((e) => e.selectedResources.map((t) => t.assetId)), ee = () => T((e) => e.selectedResources.filter((t) => t.assetId === t.id)), W = () => T((e) => e.currentFolder), ne = () => {
+  const e = W();
+  return (e == null ? void 0 : e.id) === R.BIN;
+}, Dt = () => T((e) => e.resourceIsTrash), gs = () => T((e) => e.resourceOrFolderIsDraggable), St = () => T((e) => e.elementDragOver), bt = () => T((e) => e.resourceActionDisable), wt = () => {
+  const e = W();
+  return (e == null ? void 0 : e.id) === "default";
+}, xt = () => T((e) => e.status), Tt = () => {
+  const e = bt(), {
+    clearSelectedIds: t,
+    setResourceActionDisable: s,
     clearSelectedItems: r
-  } = T();
+  } = F();
   return {
     isActionDisableModalOpen: e,
     onActionDisableCancel: () => {
-      s(), r(), t(!1);
+      t(), r(), s(!1);
     }
   };
-}, ct = () => {
-  const e = et(), {
-    clearSelectedIds: s,
-    setResourceIsTrash: t,
+}, Ct = () => {
+  const e = Dt(), {
+    clearSelectedIds: t,
+    setResourceIsTrash: s,
     clearSelectedItems: r
-  } = T();
+  } = F();
   return {
     isTrashedModalOpen: e,
     onTrashedCancel: () => {
-      s(), r(), t(!1);
+      t(), r(), s(!1);
     }
   };
-};
-function it(e, {
-  parentId: s,
-  newFolder: t
-}) {
-  return G(e, (r) => {
-    var n;
-    if (r.id === s) {
-      const a = [...((n = r.folder) == null ? void 0 : n.ancestors) || []], o = se([...a, r.id]);
-      return {
-        ...r,
-        children: [...r.children || [], new J({
-          ...t,
-          ancestors: o
-        })]
-      };
-    } else
-      return r;
-  });
-}
-function lt(e, {
-  folders: s
-}) {
-  return G(e, (t) => {
-    if (!s.includes(t.id))
-      return t;
-  });
+}, Ft = 175, Rt = 10, me = "blog", ye = "blog";
+class Ie extends he {
+  getEditUrl() {
+    throw new Error("Method not implemented.");
+  }
+  async create(t) {
+    const s = t.thumbnail ? await this.getThumbnailPath(t.thumbnail) : "", r = t.public ? "/blog/pub" : "/blog", o = await this.http.post(r, {
+      title: t.name,
+      description: t.description,
+      visibility: t.public ? "PUBLIC" : "OWNER",
+      thumbnail: s,
+      trashed: !1,
+      folder: t.folder,
+      slug: t.public ? t.slug : "",
+      "publish-type": t.publishType || "RESTRAINT",
+      "comment-type": "IMMEDIATE"
+    });
+    return this.checkHttpResponse(o), o;
+  }
+  async update(t) {
+    const s = t.thumbnail ? await this.getThumbnailPath(t.thumbnail) : "", r = await this.http.put(`/blog/${t.entId}`, {
+      trashed: t.trashed,
+      _id: t.entId,
+      title: t.name,
+      thumbnail: s,
+      description: t.description,
+      visibility: t.public ? "PUBLIC" : "OWNER",
+      slug: t.public ? t.slug : "",
+      "publish-type": t["publish-type"] || "RESTRAINT",
+      "comment-type": "IMMEDIATE"
+    });
+    return this.checkHttpResponse(r), {
+      thumbnail: s,
+      entId: t.entId
+    };
+  }
+  getResourceType() {
+    return ye;
+  }
+  getApplication() {
+    return me;
+  }
+  getFormUrl(t) {
+    return t ? `/blog?folderid=${t}#/edit/new` : "/blog#/edit/new";
+  }
+  getViewUrl(t) {
+    return `/blog/id/${t}`;
+  }
+  getPrintUrl(t) {
+    return `/blog/print/${t}`;
+  }
 }
-function dt(e, {
-  destinationId: s,
-  folders: t
-}) {
-  return G(e, (r, n) => {
-    var a, o;
-    if (s === r.id) {
-      const i = [...((a = r.folder) == null ? void 0 : a.ancestors) || []], f = se([...i, r.id]), d = [...r.children || []], u = ((o = r.children) == null ? void 0 : o.map((l) => l.id)) || [];
-      for (const l of t)
-        if (!u.includes(l)) {
-          const p = W(l, e);
-          p && d.push({
-            ...p,
-            folder: {
-              ...p == null ? void 0 : p.folder,
-              ancestors: f
-            }
-          });
-        }
-      return {
-        ...r,
-        children: d
+he.register({
+  application: me,
+  resourceType: ye
+}, (e) => new Ie(e));
+const K = document.querySelector("[data-explorer-config]");
+let ie;
+function ms() {
+  var e;
+  if ((e = K == null ? void 0 : K.dataset) != null && e.explorerConfig) {
+    const {
+      explorerConfig: t
+    } = K.dataset;
+    try {
+      const s = JSON.parse(t);
+      ie = {
+        ...s,
+        service: Ie,
+        enableOnboarding: s.enableOnboarding !== void 0 ? s.enableOnboarding : !0
       };
-    } else
-      return t.includes(r.id) && s !== (n == null ? void 0 : n.id) ? void 0 : r;
-  });
-}
-function ut(e, {
-  folderId: s,
-  newFolder: t
-}) {
-  return G(e, (r) => r.id === s ? new J(t) : r);
+    } catch (s) {
+      console.error("[Explorer Config] could not parse app params from root data attributes:", K == null ? void 0 : K.dataset, s);
+    }
+  }
+  return ie;
 }
-const ft = () => {
-  const e = S((s) => s.config);
-  return Me({
-    queryKey: ["actions"],
-    queryFn: async () => {
-      const s = e == null ? void 0 : e.actions.map((r) => r.workflow);
-      return await He(s);
-    },
-    select: (s) => e == null ? void 0 : e.actions.map((t) => ({
-      ...t,
-      available: s[t.workflow]
+const Nt = (e, t) => {
+  const s = e.map((o) => o.workflow), r = new Set(s);
+  return Ye({
+    queryKey: [...r],
+    queryFn: () => dt([...r]),
+    select: (o) => e.filter((a) => o[a.workflow]).map((a) => ({
+      ...a,
+      available: !0
     })),
     staleTime: 1 / 0,
-    enabled: !!e
+    enabled: !!t
   });
-}, ht = () => {
-  const e = S((o) => o.config), s = b(), {
-    filters: t,
+}, Et = (e) => {
+  const t = T((s) => s.config);
+  return Xe(Nt(e, t));
+}, Pt = () => {
+  const e = T((n) => n.config), t = A(), {
+    filters: s,
     trashed: r,
-    search: n
-  } = s, a = ["context", {
-    folderId: t.folder,
-    filters: t,
+    search: o
+  } = t, a = ["context", {
+    folderId: s.folder,
+    filters: s,
     trashed: r,
-    search: n
+    search: o
   }];
-  return Ke({
+  return Ze({
     queryKey: a,
     queryFn: async ({
-      pageParam: o
-    }) => await de({
-      ...s,
+      pageParam: n
+    }) => await pe({
+      ...t,
       application: e == null ? void 0 : e.app,
       types: e == null ? void 0 : e.types,
       pagination: {
-        ...s.pagination,
-        startIdx: o
+        ...t.pagination,
+        startIdx: n
       }
     }),
     staleTime: 5e3,
     initialPageParam: 0,
     enabled: !!e,
     retry: !1,
-    getNextPageParam: (o) => o.pagination.startIdx + o.pagination.pageSize
+    getNextPageParam: (n) => n.pagination.startIdx + n.pagination.pageSize
   });
-}, Wt = () => {
-  const e = k(), s = E(), t = b(), r = V(), n = X(), a = Z(), o = Y(), i = ee().length > 0, f = i ? a : o, {
-    clearSelectedItems: d,
-    clearSelectedIds: u,
+}, ys = () => {
+  const e = L(), t = k(), s = A(), r = V(), o = X(), a = Z(), n = Y(), u = ee().length > 0, p = u ? a : n, {
+    clearSelectedItems: l,
+    clearSelectedIds: d,
     setTreeData: h,
-    setSearchParams: l
-  } = T(), {
-    filters: p,
+    setSearchParams: i
+  } = F(), {
+    filters: f,
     trashed: m
-  } = t, y = ["context", {
-    folderId: p.folder,
-    filters: p,
+  } = s, S = ["context", {
+    folderId: f.folder,
+    filters: f,
     trashed: m
   }];
-  return L({
-    mutationFn: async () => await $e({
-      searchParams: t,
-      folderIds: n,
-      resourceIds: f,
-      useAssetIds: i
+  return B({
+    mutationFn: async () => await at({
+      searchParams: s,
+      folderIds: o,
+      resourceIds: p,
+      useAssetIds: u
     }),
-    onError(g) {
-      typeof g == "string" && e.error(x(g));
+    onError(y) {
+      typeof y == "string" && e.error(E(y));
     },
-    onSuccess: async (g) => {
-      if (await s.cancelQueries({
-        queryKey: y
-      }), s.getQueryData(y))
-        return e.success(x("explorer.trash.title")), s.setQueryData(y, (C) => {
-          var Q;
+    onSuccess: async (y) => {
+      if (await t.cancelQueries({
+        queryKey: S
+      }), t.getQueryData(S))
+        return e.success(E("explorer.trash.title")), t.setQueryData(S, (C) => {
+          var q;
           if (C) {
-            const U = {
+            const O = {
               ...C,
-              pages: C == null ? void 0 : C.pages.map((R) => {
-                var P;
+              pages: C == null ? void 0 : C.pages.map((b) => {
+                var I;
                 return {
-                  ...R,
-                  folders: R.folders.filter((q) => !n.includes(q.id)),
+                  ...b,
+                  folders: b.folders.filter((g) => !o.includes(g.id)),
                   pagination: {
-                    ...R.pagination,
+                    ...b.pagination,
                     // @ts-ignore
-                    maxIdx: ((P = R == null ? void 0 : R.pagination) == null ? void 0 : P.maxIdx) - g.resources.length
+                    maxIdx: ((I = b == null ? void 0 : b.pagination) == null ? void 0 : I.maxIdx) - y.resources.length
                   },
-                  resources: R.resources.filter((q) => i ? !a.includes(q.assetId) : !f.includes(q.id))
+                  resources: b.resources.filter((g) => u ? !a.includes(g.assetId) : !p.includes(g.id))
                 };
               })
-            }, B = lt(r, {
-              folders: n
+            }, x = Qe(r, {
+              folders: o
             });
-            return h(B), l({
-              ...t,
+            return h(x), i({
+              ...s,
               pagination: {
-                ...t.pagination,
+                ...s.pagination,
                 // @ts-ignore
-                maxIdx: ((Q = t.pagination) == null ? void 0 : Q.maxIdx) - g.resources.length
+                maxIdx: ((q = s.pagination) == null ? void 0 : q.maxIdx) - y.resources.length
               }
-            }), U;
+            }), O;
           }
         });
     },
     onSettled: () => {
-      d(), u();
+      l(), d();
     }
   });
-}, Gt = () => {
-  const e = k(), s = E(), t = b(), r = X(), n = Z(), a = Y(), o = ee().length > 0, i = o ? n : a, {
-    setFolderIds: f,
-    setResourceIds: d,
-    setSelectedResources: u,
+}, Is = () => {
+  const e = L(), t = k(), s = A(), r = X(), o = Z(), a = Y(), n = ee().length > 0, u = n ? o : a, {
+    setFolderIds: p,
+    setResourceIds: l,
+    setSelectedResources: d,
     setSelectedFolders: h
-  } = T(), {
-    filters: l,
-    trashed: p
-  } = t, m = ["context", {
-    folderId: l.folder,
-    filters: l,
-    trashed: p
+  } = F(), {
+    filters: i,
+    trashed: f
+  } = s, m = ["context", {
+    folderId: i.folder,
+    filters: i,
+    trashed: f
   }];
-  return L({
-    mutationFn: async () => await je({
-      searchParams: t,
+  return B({
+    mutationFn: async () => await it({
+      searchParams: s,
       folderIds: r,
-      resourceIds: i,
-      useAssetIds: o
+      resourceIds: u,
+      useAssetIds: n
     }),
-    onError(y) {
-      typeof y == "string" && e.error(x(y));
+    onError(S) {
+      typeof S == "string" && e.error(E(S));
     },
     onSuccess: async () => {
-      if (await s.cancelQueries({
+      if (await t.cancelQueries({
         queryKey: m
-      }), s.getQueryData(m))
-        return e.success(x("explorer.trash.toast")), s.setQueryData(m, (g) => {
-          if (g)
+      }), t.getQueryData(m))
+        return e.success(E("explorer.trash.toast")), t.setQueryData(m, (y) => {
+          if (y)
             return {
-              ...g,
-              pages: g == null ? void 0 : g.pages.map((I) => ({
-                ...I,
-                folders: I.folders.filter((C) => !r.includes(C.id)),
-                resources: I.resources.filter((C) => o ? !n.includes(C.assetId) : !i.includes(C.id))
+              ...y,
+              pages: y == null ? void 0 : y.pages.map((w) => ({
+                ...w,
+                folders: w.folders.filter((C) => !r.includes(C.id)),
+                resources: w.resources.filter((C) => n ? !o.includes(C.assetId) : !u.includes(C.id))
               }))
             };
         });
     },
     onSettled: () => {
-      d([]), u([]), f([]), h([]);
+      l([]), d([]), p([]), h([]);
     }
   });
-}, Jt = () => {
-  const e = k(), s = E(), t = b(), r = X(), n = Z(), a = Y(), o = ee().length > 0, i = o ? n : a, {
-    clearSelectedItems: f,
-    clearSelectedIds: d
-  } = T(), {
-    filters: u,
+}, Ds = () => {
+  const e = L(), t = k(), s = A(), r = X(), o = Z(), a = Y(), n = ee().length > 0, u = n ? o : a, {
+    clearSelectedItems: p,
+    clearSelectedIds: l
+  } = F(), {
+    filters: d,
     trashed: h
-  } = t, l = ["context", {
-    folderId: u.folder,
-    filters: u,
+  } = s, i = ["context", {
+    folderId: d.folder,
+    filters: d,
     trashed: h
   }];
-  return L({
-    mutationFn: async () => await ze({
-      searchParams: t,
+  return B({
+    mutationFn: async () => await ct({
+      searchParams: s,
       folderIds: r,
-      resourceIds: i,
-      useAssetIds: o
+      resourceIds: u,
+      useAssetIds: n
     }),
-    onError(p) {
-      typeof p == "string" && e.error(x(p));
+    onError(f) {
+      typeof f == "string" && e.error(E(f));
     },
     onSuccess: async () => {
-      if (await s.cancelQueries({
-        queryKey: l
-      }), s.getQueryData(l))
-        return e.success(x("explorer.removed.from.trash")), s.setQueryData(l, (m) => {
+      if (await t.cancelQueries({
+        queryKey: i
+      }), t.getQueryData(i))
+        return e.success(E("explorer.removed.from.trash")), t.setQueryData(i, (m) => {
           if (m)
             return {
               ...m,
-              pages: m == null ? void 0 : m.pages.map((g) => ({
-                ...g,
-                folders: g.folders.filter((I) => !r.includes(I.id)),
-                resources: g.resources.filter((I) => o ? !n.includes(I.assetId) : !i.includes(I.id))
+              pages: m == null ? void 0 : m.pages.map((y) => ({
+                ...y,
+                folders: y.folders.filter((w) => !r.includes(w.id)),
+                resources: y.resources.filter((w) => n ? !o.includes(w.assetId) : !u.includes(w.id))
               }))
             };
         });
     },
     onSettled: () => {
-      f(), d();
+      p(), l();
     }
   });
-}, Xt = () => {
-  const e = k(), s = b(), t = E(), {
+}, Ss = () => {
+  const e = L(), t = A(), s = k(), {
     user: r
-  } = le(), n = H(), {
+  } = ue(), o = W(), {
     filters: a,
-    trashed: o
-  } = s, i = "duplicate_start", f = ["context", {
+    trashed: n
+  } = t, u = "duplicate_start", p = ["context", {
     folderId: a.folder,
     filters: a,
-    trashed: o
+    trashed: n
   }];
-  return L({
-    mutationFn: async (d) => (e.info(x("duplicate.start"), {
-      id: i
-    }), await Ve(s, d.assetId)),
-    onSuccess: async (d, u) => {
-      e.remove(i), e.success(x("duplicate.done")), await t.cancelQueries({
-        queryKey: f
+  return B({
+    mutationFn: async (l) => (e.info(E("duplicate.start"), {
+      id: u
+    }), await lt(t, l.assetId)),
+    onSuccess: async (l, d) => {
+      e.remove(u), e.success(E("duplicate.done")), await s.cancelQueries({
+        queryKey: p
       });
-      const h = t.getQueryData(f), l = {
-        ...u,
-        name: `${u.name}${x("duplicate.suffix")}`,
-        assetId: d.duplicateId,
-        id: d.duplicateId,
+      const h = s.getQueryData(p), i = {
+        ...d,
+        name: `${d.name}${E("duplicate.suffix")}`,
+        assetId: l.duplicateId,
+        id: l.duplicateId,
         creatorId: r == null ? void 0 : r.userId,
         creatorName: r == null ? void 0 : r.username,
         createdAt: Date.now(),
-        slug: u.slug || "",
+        slug: d.slug || "",
         modifiedAt: Date.now(),
         modifierId: (r == null ? void 0 : r.userId) || "",
         modifierName: (r == null ? void 0 : r.username) || "",
@@ -835,282 +754,283 @@ const ft = () => {
         trashed: !1,
         rights: [`creator:${r == null ? void 0 : r.userId}`]
       };
-      h && t.setQueryData(f, (p) => {
-        if (p)
+      h && s.setQueryData(p, (f) => {
+        if (f)
           return {
-            ...p,
-            pages: p == null ? void 0 : p.pages.map((m) => ({
+            ...f,
+            pages: f == null ? void 0 : f.pages.map((m) => ({
               ...m,
-              resources: [l, ...m.resources]
+              resources: [i, ...m.resources]
             }))
           };
-      }), n.id && n.id !== w.DEFAULT && ue({
-        searchParams: s,
-        resourceIds: [d.duplicateId],
-        folderId: n.id,
+      }), o.id && o.id !== R.DEFAULT && fe({
+        searchParams: t,
+        resourceIds: [l.duplicateId],
+        folderId: o.id,
         folderIds: [],
         useAssetIds: !0
       });
     },
-    onError: (d) => {
-      e.remove(i), typeof d == "string" && e.error(`${x("duplicate.error")}: ${d}`);
+    onError: (l) => {
+      e.remove(u), typeof l == "string" && e.error(`${E("duplicate.error")}: ${l}`);
     }
   });
-}, Yt = () => {
-  const e = k(), s = E(), t = b(), r = V(), n = X(), a = Z(), o = Y(), i = ee().length > 0, f = i ? a : o, {
-    clearSelectedIds: d,
-    clearSelectedItems: u,
+}, At = () => {
+  const e = L(), t = k(), s = A(), r = V(), o = X(), a = Z(), n = Y(), u = ee().length > 0, p = u ? a : n, {
+    clearSelectedIds: l,
+    clearSelectedItems: d,
     setTreeData: h,
-    setSearchParams: l
-  } = T(), {
-    filters: p,
+    setSearchParams: i
+  } = F(), {
+    filters: f,
     trashed: m
-  } = t, y = ["context", {
-    folderId: p.folder,
-    filters: p,
+  } = s, S = ["context", {
+    folderId: f.folder,
+    filters: f,
     trashed: m
   }];
-  return L({
-    mutationFn: async (g) => await ue({
-      searchParams: t,
-      folderId: g,
-      folderIds: n,
-      resourceIds: f,
-      useAssetIds: i
+  return B({
+    mutationFn: async (y) => await fe({
+      searchParams: s,
+      folderId: y,
+      folderIds: o,
+      resourceIds: p,
+      useAssetIds: u
     }),
-    onError(g) {
-      typeof g == "string" && e.error(x(g));
+    onError(y) {
+      typeof y == "string" && e.error(E(y));
     },
-    onSuccess: async (g, I) => {
-      if (s.getQueryData(y))
-        return s.setQueryData(y, (Q) => {
-          var U;
-          if (Q) {
-            const B = dt(r, {
-              destinationId: I,
-              folders: n
-            }), R = {
-              ...Q,
-              pages: Q == null ? void 0 : Q.pages.map((P) => {
-                var q;
+    onSuccess: async (y, w) => {
+      if (t.getQueryData(S))
+        return t.setQueryData(S, (q) => {
+          var O;
+          if (q) {
+            const x = Ae(r, {
+              destinationId: w,
+              folders: o
+            }), b = {
+              ...q,
+              pages: q == null ? void 0 : q.pages.map((I) => {
+                var g;
                 return {
-                  ...P,
-                  folders: P.folders.filter((_) => !n.includes(_.id)),
+                  ...I,
+                  folders: I.folders.filter((D) => !o.includes(D.id)),
                   pagination: {
-                    ...P.pagination,
+                    ...I.pagination,
                     // @ts-ignore
-                    maxIdx: ((q = P.pagination) == null ? void 0 : q.maxIdx) - g.resources.length
+                    maxIdx: ((g = I.pagination) == null ? void 0 : g.maxIdx) - y.resources.length
                   },
-                  resources: P.resources.filter((_) => i ? !a.includes(_.assetId) : !f.includes(_.id))
+                  resources: I.resources.filter((D) => u ? !a.includes(D.assetId) : !p.includes(D.id))
                 };
               })
             };
-            return h(B), l({
-              ...t,
+            return h(x), i({
+              ...s,
               pagination: {
-                ...t.pagination,
+                ...s.pagination,
                 // @ts-ignore
-                maxIdx: ((U = t.pagination) == null ? void 0 : U.maxIdx) - g.resources.length
+                maxIdx: ((O = s.pagination) == null ? void 0 : O.maxIdx) - y.resources.length
               }
-            }), R;
+            }), b;
           }
         });
+      t.invalidateQueries();
     },
     onSettled: () => {
-      u(), d();
+      d(), l();
     }
   });
-}, Zt = () => {
-  const e = k(), s = E(), t = b(), r = V(), {
-    setTreeData: n
-  } = T(), {
+}, bs = () => {
+  const e = L(), t = k(), s = A(), r = V(), {
+    setTreeData: o
+  } = F(), {
     filters: a,
-    trashed: o
-  } = t, i = ["context", {
+    trashed: n
+  } = s, u = ["context", {
     folderId: a.folder,
     filters: a,
-    trashed: o
+    trashed: n
   }];
-  return L({
+  return B({
     mutationFn: async ({
-      name: f,
-      parentId: d
-    }) => await Be({
-      searchParams: t,
-      name: f,
-      parentId: d
+      name: p,
+      parentId: l
+    }) => await ot({
+      searchParams: s,
+      name: p,
+      parentId: l
     }),
-    onError(f) {
-      typeof f == "string" && e.error(x(f));
+    onError(p) {
+      typeof p == "string" && e.error(E(p));
     },
-    onSuccess: async (f, d) => {
-      await s.cancelQueries({
-        queryKey: i
+    onSuccess: async (p, l) => {
+      await t.cancelQueries({
+        queryKey: u
       });
-      const u = s.getQueryData(i), h = {
-        ...f,
-        parentId: d.parentId,
+      const d = t.getQueryData(u), h = {
+        ...p,
+        parentId: l.parentId,
         children: [],
-        rights: [`creator:${f == null ? void 0 : f.creator_id}`]
+        rights: [`creator:${p == null ? void 0 : p.creator_id}`]
       };
-      if (u)
-        return s.setQueryData(i, (l) => {
-          if (l) {
-            const p = {
-              ...l,
-              pages: l == null ? void 0 : l.pages.map((y) => ({
-                ...y,
-                folders: [...y.folders, h]
+      if (d)
+        return t.setQueryData(u, (i) => {
+          if (i) {
+            const f = {
+              ...i,
+              pages: i == null ? void 0 : i.pages.map((S) => ({
+                ...S,
+                folders: [...S.folders, h]
               }))
-            }, m = it(r, {
-              parentId: d.parentId,
+            }, m = ke(r, {
+              parentId: l.parentId,
               newFolder: h
             });
-            return n(m), p;
+            return o(m), f;
           }
         });
     }
   });
-}, es = () => {
-  const e = k(), s = E(), t = b(), r = V(), {
-    setFolderIds: n,
+}, ws = () => {
+  const e = L(), t = k(), s = A(), r = V(), {
+    setFolderIds: o,
     setSelectedFolders: a,
-    setTreeData: o
-  } = T(), {
-    filters: i,
-    trashed: f
-  } = t, d = ["context", {
-    folderId: i.folder,
-    filters: i,
-    trashed: f
+    setTreeData: n
+  } = F(), {
+    filters: u,
+    trashed: p
+  } = s, l = ["context", {
+    folderId: u.folder,
+    filters: u,
+    trashed: p
   }];
-  return L({
+  return B({
     mutationFn: async ({
-      folderId: u,
+      folderId: d,
       name: h,
-      parentId: l
-    }) => await _e({
-      searchParams: t,
-      folderId: u,
-      parentId: l,
+      parentId: i
+    }) => await nt({
+      searchParams: s,
+      folderId: d,
+      parentId: i,
       name: h
     }),
-    onError(u) {
-      typeof u == "string" && e.error(x(u));
+    onError(d) {
+      typeof d == "string" && e.error(E(d));
     },
-    onSuccess: async (u, h) => {
-      if (await s.cancelQueries({
-        queryKey: d
-      }), s.getQueryData(d))
-        return s.setQueryData(d, (p) => {
-          if (p) {
+    onSuccess: async (d, h) => {
+      if (await t.cancelQueries({
+        queryKey: l
+      }), t.getQueryData(l))
+        return t.setQueryData(l, (f) => {
+          if (f) {
             const m = {
-              ...p,
-              pages: p == null ? void 0 : p.pages.map((g) => ({
-                ...g,
-                folders: g.folders.map((I) => I.id === u.id ? {
-                  ...u,
+              ...f,
+              pages: f == null ? void 0 : f.pages.map((y) => ({
+                ...y,
+                folders: y.folders.map((w) => w.id === d.id ? {
+                  ...d,
                   parentId: h.parentId,
-                  rights: I.rights
-                } : I)
+                  rights: w.rights
+                } : w)
               }))
-            }, y = ut(r, {
+            }, S = Ue(r, {
               folderId: h.folderId,
-              newFolder: u
+              newFolder: d
             });
-            return o(y), m;
+            return n(S), m;
           }
         });
     },
     onSettled: () => {
-      n([]), a([]);
+      o([]), a([]);
     }
   });
-}, ts = (e) => {
-  const s = E(), t = b(), {
+}, xs = (e) => {
+  const t = k(), s = A(), {
     setResourceIds: r,
-    setSelectedResources: n
-  } = T(), {
+    setSelectedResources: o
+  } = F(), {
     filters: a,
-    trashed: o
-  } = t, i = ["context", {
+    trashed: n
+  } = s, u = ["context", {
     folderId: a.folder,
     filters: a,
-    trashed: o
+    trashed: n
   }];
-  return De({
+  return qe({
     application: e,
     options: {
-      onSuccess: async (f, d) => {
-        if (await s.cancelQueries({
-          queryKey: i
-        }), s.getQueryData(i))
-          return s.setQueryData(i, (h) => {
+      onSuccess: async (p, l) => {
+        if (await t.cancelQueries({
+          queryKey: u
+        }), t.getQueryData(u))
+          return t.setQueryData(u, (h) => {
             if (h)
               return {
                 ...h,
-                pages: h == null ? void 0 : h.pages.map((l) => ({
-                  ...l,
-                  resources: l.resources.map((p) => {
-                    if (p.assetId === (d == null ? void 0 : d.resourceId)) {
-                      let m = [`creator:${p.creatorId}`];
-                      return (d == null ? void 0 : d.rights.length) >= 1 && (m = [...m, ...d.rights.flatMap((y) => y.actions.map((g) => `${y.type}:${y.id}:${g.id}`))]), {
-                        ...p,
+                pages: h == null ? void 0 : h.pages.map((i) => ({
+                  ...i,
+                  resources: i.resources.map((f) => {
+                    if (f.assetId === (l == null ? void 0 : l.resourceId)) {
+                      let m = [`creator:${f.creatorId}`];
+                      return (l == null ? void 0 : l.rights.length) >= 1 && (m = [...m, ...l.rights.flatMap((S) => S.actions.map((y) => `${S.type}:${S.id}:${y.id}`))]), {
+                        ...f,
                         rights: m
                       };
                     } else
-                      return p;
+                      return f;
                   })
                 }))
               };
           });
       },
       onSettled: () => {
-        r([]), n([]);
+        r([]), o([]);
       }
     }
   });
-}, ss = (e) => {
-  const s = E(), t = b(), {
+}, Ts = (e) => {
+  const t = k(), s = A(), {
     filters: r,
-    trashed: n
-  } = t, a = ["context", {
+    trashed: o
+  } = s, a = ["context", {
     folderId: r.folder,
     filters: r,
-    trashed: n
+    trashed: o
   }];
-  return be({
+  return Oe({
     application: e,
     options: {
-      onSuccess: async (o, i) => {
-        if (await s.cancelQueries({
+      onSuccess: async (n, u) => {
+        if (await t.cancelQueries({
           queryKey: a
-        }), s.getQueryData(a))
-          return s.setQueryData(a, (d) => {
-            if (d)
+        }), t.getQueryData(a))
+          return t.setQueryData(a, (l) => {
+            if (l)
               return {
-                ...d,
-                pages: d == null ? void 0 : d.pages.map((u) => ({
-                  ...u,
-                  resources: u.resources.map((h) => {
-                    if (h.assetId === (i == null ? void 0 : i.entId)) {
+                ...l,
+                pages: l == null ? void 0 : l.pages.map((d) => ({
+                  ...d,
+                  resources: d.resources.map((h) => {
+                    if (h.assetId === (u == null ? void 0 : u.entId)) {
                       const {
-                        name: l,
-                        thumbnail: p,
+                        name: i,
+                        thumbnail: f,
                         public: m,
-                        description: y,
-                        slug: g,
-                        ...I
-                      } = i;
+                        description: S,
+                        slug: y,
+                        ...w
+                      } = u;
                       return {
                         ...h,
-                        ...I,
+                        ...w,
                         // add any custom field
-                        name: l,
-                        thumbnail: typeof p == "string" ? p : URL.createObjectURL(p),
+                        name: i,
+                        thumbnail: typeof f == "string" ? f : URL.createObjectURL(f),
                         public: m,
-                        description: y,
-                        slug: g
+                        description: S,
+                        slug: y
                       };
                     } else
                       return h;
@@ -1121,278 +1041,442 @@ const ft = () => {
       }
     }
   });
-}, rs = () => {
-  const e = k(), s = E(), t = b(), {
+}, Cs = () => {
+  const e = L(), t = k(), s = A(), {
     user: r
-  } = le(), {
-    appCode: n
-  } = K(), a = ["context", {
-    folderId: t.filters.folder,
-    filters: t.filters,
-    trashed: t.trashed
+  } = ue(), {
+    appCode: o
+  } = v(), a = ["context", {
+    folderId: s.filters.folder,
+    filters: s.filters,
+    trashed: s.trashed
   }];
-  return L({
-    mutationFn: async (o) => await Ge({
-      searchParams: t,
-      params: o
+  return B({
+    mutationFn: async (n) => await ht({
+      searchParams: s,
+      params: n
     }),
-    onError(o) {
-      typeof o == "string" && e.error(x(o));
+    onError(n) {
+      typeof n == "string" && e.error(E(n));
     },
-    onSuccess: async (o, i) => {
-      var u, h, l;
-      await s.cancelQueries({
+    onSuccess: async (n, u) => {
+      var d, h, i;
+      await t.cancelQueries({
         queryKey: a
       });
-      const f = s.getQueryData(a), d = {
-        ...i,
-        thumbnail: o.thumbnail || "",
-        application: n,
-        assetId: o._id || o.entId || "",
-        id: o._id || o.entId || "",
+      const p = t.getQueryData(a), l = {
+        ...u,
+        thumbnail: n.thumbnail || "",
+        application: o,
+        assetId: n._id || n.entId || "",
+        id: n._id || n.entId || "",
         creatorId: r == null ? void 0 : r.userId,
         creatorName: r == null ? void 0 : r.username,
         createdAt: Date.now(),
-        slug: i.slug || "",
-        modifiedAt: ((u = o.modified) == null ? void 0 : u.$date) || "",
-        modifierId: ((h = o.author) == null ? void 0 : h.userId) || "",
-        modifierName: ((l = o.author) == null ? void 0 : l.username) || "",
+        slug: u.slug || "",
+        modifiedAt: ((d = n.modified) == null ? void 0 : d.$date) || "",
+        modifierId: ((h = n.author) == null ? void 0 : h.userId) || "",
+        modifierName: ((i = n.author) == null ? void 0 : i.username) || "",
         updatedAt: Date.now(),
         trashed: !1,
         rights: [`creator:${r == null ? void 0 : r.userId}`]
       };
-      if (f)
-        return s.setQueryData(a, (p) => {
-          if (p)
+      if (p)
+        return t.setQueryData(a, (f) => {
+          if (f)
             return {
-              ...p,
-              pages: p == null ? void 0 : p.pages.map((m) => ({
+              ...f,
+              pages: f == null ? void 0 : f.pages.map((m) => ({
                 ...m,
-                resources: [d, ...m.resources]
+                resources: [l, ...m.resources]
               }))
             };
         });
     }
   });
-}, pt = /* @__PURE__ */ F(async () => await import("./EmptyScreenApp.js")), mt = /* @__PURE__ */ F(async () => await import("./EmptyScreenSearch.js")), gt = /* @__PURE__ */ F(async () => await import("./EmptyScreenError.js")), yt = /* @__PURE__ */ F(async () => await import("./EmptyScreenNoContentInFolder.js")), It = /* @__PURE__ */ F(async () => await import("./EmptyScreenTrash.js")), St = /* @__PURE__ */ F(async () => await import("./FoldersList.js")), wt = /* @__PURE__ */ F(async () => await import("./ResourcesList.js")), xt = () => {
-  const e = st(), s = ne(), t = rt(), r = b(), n = H(), a = V(), o = k(), {
-    appCode: i
-  } = K(), {
-    t: f
-  } = j([i]), {
-    setSearchParams: d,
-    setSearchConfig: u,
-    setTreeData: h
-  } = T(), {
-    data: l,
-    isError: p,
-    error: m,
-    isLoading: y,
-    isFetching: g,
-    fetchNextPage: I
-  } = ht(), C = (l == null ? void 0 : l.pages[0].folders.length) === 0, Q = (l == null ? void 0 : l.pages[0].resources.length) === 0, U = C && Q;
-  return M(() => {
-    var B, R, P;
-    if (l) {
-      const q = [...((B = l == null ? void 0 : l.pages[0]) == null ? void 0 : B.folders) ?? []];
-      (R = l == null ? void 0 : l.pages[0]) != null && R.searchConfig && u(l.pages[0].searchConfig), r.search || ((n == null ? void 0 : n.id) === "default" ? h({
-        id: w.DEFAULT,
-        section: !0,
-        children: q.map((_) => new J(_)),
-        name: f("explorer.filters.mine", {
-          ns: i
-        })
-      }) : h(pe(a, q, r.filters.folder || w.DEFAULT))), d({
-        ...r,
-        pagination: (P = l == null ? void 0 : l.pages[(l == null ? void 0 : l.pages.length) - 1]) == null ? void 0 : P.pagination
+};
+function le(e, t) {
+  var r;
+  const s = J(e, t);
+  return (r = s == null ? void 0 : s.folder) != null && r.childrenIds ? [...(s == null ? void 0 : s.folder.childrenIds) || [], t] : t === R.BIN ? [R.BIN] : [R.DEFAULT];
+}
+function Qt() {
+  const e = k(), t = At(), s = L(), {
+    appCode: r
+  } = v(), {
+    t: o
+  } = _(["common", r]), a = o("explorer.filters.mine", {
+    ns: r
+  }), {
+    setResourceOrFolderIsDraggable: n,
+    setElementDragOver: u,
+    setResourceIds: p,
+    setFolderIds: l,
+    fetchTreeData: d
+  } = F(), h = V(), i = {
+    delay: Ft,
+    tolerance: Rt
+  }, f = se(xe, {
+    activationConstraint: i
+  }), m = se(Te, {
+    activationConstraint: i
+  }), S = se(Ce), y = Fe(f, m, S), w = (x, b) => {
+    var I;
+    ((I = x.data.current) == null ? void 0 : I.type) === "resource" ? s.success(/* @__PURE__ */ N(G, { children: [
+      o("explorer.dragged.resource"),
+      " ",
+      /* @__PURE__ */ c("strong", { children: b })
+    ] })) : s.success(/* @__PURE__ */ N(G, { children: [
+      o("explorer.dragged.folder"),
+      " ",
+      /* @__PURE__ */ c("strong", { children: b })
+    ] }));
+  };
+  return {
+    handleDragEnd: async (x) => {
+      const {
+        over: b,
+        active: I
+      } = x, g = b == null ? void 0 : b.data.current, D = I.data.current, z = ae(h, g == null ? void 0 : g.id), te = le(h, g == null ? void 0 : g.id);
+      if ((D == null ? void 0 : D.id) == (g == null ? void 0 : g.id) || z.includes(D == null ? void 0 : D.id) || te.includes(D == null ? void 0 : D.id))
+        p([]), l([]);
+      else {
+        const H = (g == null ? void 0 : g.name) ?? a;
+        if (b)
+          try {
+            await t.mutate(g == null ? void 0 : g.id), w(I, H);
+          } catch (Se) {
+            console.error(Se);
+          } finally {
+            u({
+              isOver: !1,
+              overId: void 0,
+              canMove: !0,
+              isTreeview: !1
+            });
+          }
+      }
+      n({
+        isDrag: !1,
+        elementDrag: void 0
       });
-    }
-  }, [l]), M(() => {
-    m && typeof m == "string" && o.error(f(m));
-  }, [m]), y ? /* @__PURE__ */ c(A, {}) : p ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(gt, {}) }) : r.search && U ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(mt, {}) }) : e && U ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(pt, {}) }) : t && U && !s ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(yt, {}) }) : s && (l == null ? void 0 : l.pages[0].resources.length) === 0 ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(It, {}) }) : /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
-    /* @__PURE__ */ c(St, { data: l, isFetching: g }),
-    /* @__PURE__ */ c(wt, { data: l, isFetching: g, fetchNextPage: I })
+    },
+    handleDragStart: (x) => {
+      const {
+        active: b
+      } = x, I = b.data.current;
+      (I == null ? void 0 : I.type) === "resource" ? p([I == null ? void 0 : I.id]) : (I == null ? void 0 : I.type) === "folder" && l([I == null ? void 0 : I.id]), n({
+        isDrag: !0,
+        elementDrag: I == null ? void 0 : I.id
+      });
+    },
+    handleDragOver: (x) => {
+      const {
+        over: b,
+        active: I
+      } = x, g = b == null ? void 0 : b.data.current, D = I == null ? void 0 : I.data.current, z = ae(h, g == null ? void 0 : g.id), te = le(h, g == null ? void 0 : g.id);
+      if (b) {
+        const H = {
+          isOver: !0,
+          canMove: !1,
+          overId: g == null ? void 0 : g.id,
+          isTreeview: g == null ? void 0 : g.isTreeview
+        };
+        (D == null ? void 0 : D.id) === (g == null ? void 0 : g.id) || z.includes(D == null ? void 0 : D.id) || te.includes(D == null ? void 0 : D.id) ? u({
+          ...H,
+          canMove: !1
+        }) : (d(g == null ? void 0 : g.id, e), u({
+          ...H,
+          canMove: !0
+        }));
+      } else
+        u({
+          isOver: !1,
+          overId: void 0,
+          canMove: !0,
+          isTreeview: !1
+        });
+    },
+    sensors: y
+  };
+}
+const qt = /* @__PURE__ */ Q(async () => await import("./EmptyScreenApp.js")), Ot = /* @__PURE__ */ Q(async () => await import("./EmptyScreenSearch.js")), kt = /* @__PURE__ */ Q(async () => await import("./EmptyScreenError.js")), Ut = /* @__PURE__ */ Q(async () => await import("./EmptyScreenNoContentInFolder.js")), Mt = /* @__PURE__ */ Q(async () => await import("./EmptyScreenTrash.js")), Lt = /* @__PURE__ */ Q(async () => await import("./FoldersList.js")), vt = /* @__PURE__ */ Q(async () => await import("./ResourcesList.js")), Bt = () => {
+  const e = wt(), t = ne(), s = oe(), r = A(), o = W(), a = L(), n = k(), {
+    appCode: u
+  } = v(), {
+    t: p
+  } = _([u]), {
+    setSearchParams: l,
+    setSearchConfig: d,
+    fetchTreeData: h
+  } = F(), {
+    data: i,
+    isError: f,
+    error: m,
+    isLoading: S,
+    isFetching: y,
+    fetchNextPage: w
+  } = Pt(), C = (i == null ? void 0 : i.pages[0].folders.length) === 0, q = (i == null ? void 0 : i.pages[0].resources.length) === 0, O = C && q;
+  return $(() => {
+    var x, b;
+    i && ((x = i == null ? void 0 : i.pages[0]) != null && x.searchConfig && d(i.pages[0].searchConfig), !r.search && o.id === "default" && h(o.id, n), l({
+      ...r,
+      pagination: (b = i == null ? void 0 : i.pages[(i == null ? void 0 : i.pages.length) - 1]) == null ? void 0 : b.pagination
+    }));
+  }, [i]), $(() => {
+    m && typeof m == "string" && a.error(p(m));
+  }, [m]), S ? /* @__PURE__ */ c(U, {}) : f ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(kt, {}) }) : r.search && O ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(Ot, {}) }) : e && O ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(qt, {}) }) : s && O && !t ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(Ut, {}) }) : t && (i == null ? void 0 : i.pages[0].resources.length) === 0 ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(Mt, {}) }) : /* @__PURE__ */ N(M, { fallback: /* @__PURE__ */ c(U, {}), children: [
+    /* @__PURE__ */ c(Lt, { data: i, isFetching: y }),
+    /* @__PURE__ */ c(vt, { data: i, isFetching: y, fetchNextPage: w })
   ] });
-}, Dt = () => {
+}, De = () => {
+  const e = A(), [t, s] = de(""), r = It(), o = xt(), a = be(null), {
+    setSearchParams: n
+  } = F(), u = (d) => {
+    const h = d.target.value;
+    s(h.toString());
+  }, p = (d) => {
+    (d.key === "Enter" || d.key === "Return") && (d.preventDefault(), n({
+      search: t || void 0
+    }));
+  }, l = (d) => {
+    d.preventDefault(), n({
+      search: t || void 0
+    });
+  };
+  return $(() => {
+    const h = t.length == 0 || t.length >= r.minLength ? {
+      search: t || void 0
+    } : {};
+    n({
+      ...e,
+      ...h
+    });
+  }, [t, r.minLength]), $(() => {
+    o === "select" && s("");
+  }, [o]), $(() => {
+    s(() => {
+      var d;
+      return ((d = e.search) == null ? void 0 : d.toString()) ?? "";
+    });
+  }, [e]), {
+    formRef: a,
+    inputSearch: t,
+    handleInputSearchChange: u,
+    handleKeyPress: p,
+    handleSearchSubmit: l
+  };
+}, Kt = () => {
   const {
     appCode: e,
-    currentApp: s
-  } = K(), {
-    t
-  } = j(), [r, n] = ie(""), a = (u) => {
-    if (u === "0") {
-      n("");
+    currentApp: t
+  } = v(), {
+    t: s
+  } = _(), [r, o] = de(""), a = (d) => {
+    if (d === "0") {
+      o("");
       return;
     }
-    n(u);
-  }, o = H(), i = b(), {
-    setSearchParams: f
-  } = T();
-  M(() => {
-    const u = () => r.includes("1") ? !0 : void 0, h = () => r.includes("2") ? !0 : void 0, l = () => r.includes("7") ? !0 : void 0;
-    f({
-      ...i,
+    o(d);
+  }, n = W(), u = A(), {
+    setSearchParams: p
+  } = F();
+  $(() => {
+    const d = () => r.includes("1") ? !0 : void 0, h = () => r.includes("2") ? !0 : void 0, i = () => r.includes("7") ? !0 : void 0;
+    p({
+      ...u,
       filters: {
-        owner: u(),
-        public: l(),
+        owner: d(),
+        public: i(),
         shared: h(),
-        folder: o ? o.id : "default"
+        folder: n ? n.id : "default"
       }
     });
-  }, [o, f, r]);
-  const d = [{
-    label: t("explorer.filter.all", {
+  }, [n, p, r]);
+  const l = [{
+    label: s("explorer.filter.all", {
       ns: e
     }),
     value: "0"
   }, {
-    label: t("explorer.filter.owner", {
+    label: s("explorer.filter.owner", {
       ns: e
     }),
     value: "1"
   }, {
-    label: t("explorer.filter.shared", {
+    label: s("explorer.filter.shared", {
       ns: e
     }),
     value: "2"
-  }, ...(s == null ? void 0 : s.displayName) == "exercizer" ? [{
+  }, ...(t == null ? void 0 : t.displayName) == "exercizer" ? [{
     label: "Exercices interactifs",
     value: "3"
-  }] : [], ...(s == null ? void 0 : s.displayName) == "exercizer" ? [{
+  }] : [], ...(t == null ? void 0 : t.displayName) == "exercizer" ? [{
     label: "Exercices à rendre",
     value: "4"
-  }] : [], ...(s == null ? void 0 : s.displayName) == "pages" ? [{
+  }] : [], ...(t == null ? void 0 : t.displayName) == "pages" ? [{
     label: "Projets publics",
     value: "5"
-  }] : [], ...(s == null ? void 0 : s.displayName) == "pages" ? [{
+  }] : [], ...(t == null ? void 0 : t.displayName) == "pages" ? [{
     label: "Projets internes",
     value: "6"
-  }] : [], ...(s == null ? void 0 : s.displayName) == "blog" ? [{
-    label: t("explorer.filter.public", {
+  }] : [], ...(t == null ? void 0 : t.displayName) == "blog" ? [{
+    label: s("explorer.filter.public", {
       ns: e
     }),
     value: "7"
   }] : []];
   return {
     selectedFilters: r,
-    options: d,
+    options: l,
     handleOnSelectFilter: a
   };
-}, bt = () => {
+}, $t = () => {
   const {
     appCode: e
-  } = K(), {
-    t: s
-  } = j(), {
-    selectedFilters: t,
+  } = v(), {
+    t
+  } = _(), {
+    selectedFilters: s,
     options: r,
-    handleOnSelectFilter: n
-  } = Dt(), {
+    handleOnSelectFilter: o
+  } = Kt(), {
     formRef: a,
-    inputSearch: o,
-    handleInputSearchChange: i,
-    handleKeyPress: f,
-    handleSearchSubmit: d
-  } = me(), u = t.length > 0 ? t.length : void 0;
+    inputSearch: n,
+    handleInputSearchChange: u,
+    handleKeyPress: p,
+    handleSearchSubmit: l
+  } = De(), d = s.length > 0 ? s.length : void 0;
   return /* @__PURE__ */ N("form", { noValidate: !0, className: "bg-light p-16 ps-24 ms-n16 ms-lg-n24 me-n16 position-relative d-flex gap-8", ref: a, children: [
-    /* @__PURE__ */ N(Te, { id: "search", className: "input-group", children: [
-      /* @__PURE__ */ c(Fe, { type: "search", placeholder: s("explorer.label.search", {
+    /* @__PURE__ */ N(Me, { id: "search", className: "input-group", children: [
+      /* @__PURE__ */ c(Le, { type: "search", placeholder: t("explorer.label.search", {
         ns: e
-      }), size: "lg", noValidationIcon: !0, value: o, onChange: i, onKeyDown: f }),
-      /* @__PURE__ */ c(Ce, { type: "submit", "aria-label": s("explorer.label.search", {
+      }), size: "lg", noValidationIcon: !0, value: n, onChange: u, onKeyDown: p }),
+      /* @__PURE__ */ c(ve, { type: "submit", "aria-label": t("explorer.label.search", {
         ns: e
-      }), onClick: d })
+      }), onClick: l })
     ] }),
-    /* @__PURE__ */ N(z, { placement: "bottom-end", children: [
-      /* @__PURE__ */ c(z.Trigger, { label: s("explorer.filters"), icon: /* @__PURE__ */ c(Oe, { width: 20 }), variant: "ghost", badgeContent: u }),
-      /* @__PURE__ */ c(z.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ N(Se, { children: [
-        /* @__PURE__ */ c(z.RadioItem, { value: h.value, model: t, onChange: () => n(h.value), children: h.label }),
-        /* @__PURE__ */ c(z.Separator, {})
-      ] }, "0") : /* @__PURE__ */ c(z.RadioItem, { value: h.value, model: t, onChange: () => n(h.value), children: h.label }, h.value)) })
+    /* @__PURE__ */ N(j, { placement: "bottom-end", children: [
+      /* @__PURE__ */ c(j.Trigger, { label: t("explorer.filters"), icon: /* @__PURE__ */ c(et, { width: 20 }), variant: "ghost", badgeContent: d }),
+      /* @__PURE__ */ c(j.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ N(we, { children: [
+        /* @__PURE__ */ c(j.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }),
+        /* @__PURE__ */ c(j.Separator, {})
+      ] }, "0") : /* @__PURE__ */ c(j.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }, h.value)) })
     ] })
   ] });
-}, Tt = ({
+}, _t = ({
   id: e,
-  selected: s,
-  onSelect: t
+  selected: t,
+  onSelect: s
 }) => {
   const {
     t: r
-  } = j();
-  return /* @__PURE__ */ c("div", { className: "treeview", children: /* @__PURE__ */ c("ul", { role: "tree", className: "m-0 p-0", children: /* @__PURE__ */ c("li", { id: e, role: "treeitem", "aria-selected": s, children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("div", { className: "action-container", children: /* @__PURE__ */ c("div", { onClick: t, role: "button", tabIndex: 0, children: /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8 py-8 ps-24", children: [
-    /* @__PURE__ */ c(ke, { width: "20", height: "20" }),
+  } = _();
+  return /* @__PURE__ */ c("div", { className: "treeview", children: /* @__PURE__ */ c("ul", { role: "tree", className: "m-0 p-0", children: /* @__PURE__ */ c("li", { id: e, role: "treeitem", "aria-selected": t, children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("div", { className: "action-container", children: /* @__PURE__ */ c("div", { onClick: s, role: "button", tabIndex: 0, children: /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8 py-8 ps-24", children: [
+    /* @__PURE__ */ c(tt, { width: "20", height: "20" }),
     /* @__PURE__ */ c("span", { children: r("explorer.tree.trash") })
   ] }) }) }) }) }) }) });
-}, Ft = /* @__PURE__ */ F(async () => await import("./FolderModal.js")), Ct = () => {
-  const e = E(), [s, t] = Ne(), r = V(), n = ne(), a = re(), {
-    appCode: o
-  } = K(), {
-    t: i
-  } = j(["common", o]), {
-    goToTrash: f,
-    selectTreeItem: d,
-    unfoldTreeItem: u,
-    foldTreeItem: h,
-    clearSelectedItems: l,
-    clearSelectedIds: p
-  } = T(), m = async (g) => {
-    await u(g, e);
-  }, y = () => {
-    l(), p(), t();
+}, zt = /* @__PURE__ */ Q(async () => await import("./FolderModal.js")), jt = () => {
+  const [e, t] = Be(), s = k(), r = V(), o = ne(), a = oe(), n = St(), u = Ke(), p = o ? R.BIN : a, {
+    appCode: l
+  } = v(), {
+    t: d
+  } = _(["common", l]), h = {
+    ...r,
+    name: d("explorer.filters.mine", {
+      ns: l
+    })
+  }, {
+    goToTrash: i,
+    selectTreeItem: f,
+    clearSelectedItems: m,
+    clearSelectedIds: S,
+    fetchTreeData: y
+  } = F(), w = (O) => {
+    f(O, s), u();
+  }, C = (O) => {
+    var I, g;
+    const x = J(r, O), b = (I = x == null ? void 0 : x.children) == null ? void 0 : I.some((D) => {
+      var z;
+      return Array.isArray(D == null ? void 0 : D.children) && ((z = D.children) == null ? void 0 : z.length) > 0;
+    });
+    (g = x == null ? void 0 : x.children) == null || g.forEach((D) => {
+      b || y(D.id, s);
+    });
+  }, q = () => {
+    m(), S(), t();
   };
-  return /* @__PURE__ */ N(ce, { children: [
-    /* @__PURE__ */ c(Re, { data: {
-      ...r,
-      name: i("explorer.filters.mine", {
-        ns: o
-      })
-    }, selectedNodesIds: a, onTreeItemSelect: d, onTreeItemFold: h, onTreeItemUnfold: m }),
-    /* @__PURE__ */ c(Tt, { id: w.BIN, selected: n, onSelect: f }),
-    /* @__PURE__ */ c("div", { className: "d-grid my-16", children: /* @__PURE__ */ c(Pe, { disabled: n, type: "button", color: "primary", variant: "outline", leftIcon: /* @__PURE__ */ c(Ue, {}), onClick: y, children: i("explorer.folder.new") }) }),
-    /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: s && /* @__PURE__ */ c(Ft, { edit: !1, isOpen: s, onSuccess: t, onCancel: t }) })
+  return /* @__PURE__ */ N(G, { children: [
+    /* @__PURE__ */ c($e, { data: h, selectedNodeId: p, draggedNode: n != null && n.isTreeview ? n : void 0, onTreeItemClick: w, onTreeItemUnfold: C }),
+    /* @__PURE__ */ c(_t, { id: R.BIN, selected: o, onSelect: i }),
+    /* @__PURE__ */ c("div", { className: "d-grid my-16", children: /* @__PURE__ */ c(_e, { disabled: o, type: "button", color: "primary", variant: "outline", leftIcon: /* @__PURE__ */ c(st, {}), onClick: q, children: d("explorer.folder.new") }) }),
+    /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: e && /* @__PURE__ */ c(zt, { edit: !1, isOpen: e, onSuccess: t, onCancel: t }) })
   ] });
-}, Nt = /* @__PURE__ */ F(async () => await import("./AppAction.js")), Rt = /* @__PURE__ */ F(async () => await import("./Library.js")), Pt = /* @__PURE__ */ F(async () => await import("./ActionBarContainer.js")), At = /* @__PURE__ */ F(async () => await import("./DisableModal.js")), Et = /* @__PURE__ */ F(async () => await import("./TrashModal.js")), Qt = /* @__PURE__ */ F(async () => await import("./OnboardingModal.js")), ns = ({
+};
+function Vt() {
+  const {
+    appCode: e
+  } = v(), {
+    gotoPreviousFolder: t
+  } = F(), {
+    t: s
+  } = _(["common", e]), {
+    inputSearch: r
+  } = De(), o = oe(), a = ne(), n = W(), u = s("explorer.tree.trash"), p = s("explorer.tree.search"), l = s("explorer.filters.mine", {
+    ns: e
+  }), d = (n == null ? void 0 : n.name) || l;
+  return /* @__PURE__ */ c("div", { className: "py-16", children: o && o !== "bin" && o !== "default" && !a ? /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8", children: [
+    /* @__PURE__ */ c(ze, { icon: /* @__PURE__ */ c(rt, {}), variant: "ghost", color: "tertiary", "aria-label": s("back"), className: "ms-n16", onClick: t }),
+    /* @__PURE__ */ c("p", { className: "body py-8 text-truncate", children: /* @__PURE__ */ c("strong", { children: d }) })
+  ] }) : /* @__PURE__ */ c("h2", { className: "body py-8 fw-bold", children: r.length !== 0 ? p : a ? u : l }) });
+}
+const Wt = /* @__PURE__ */ Q(async () => await import("./AppAction.js")), Ht = /* @__PURE__ */ Q(async () => await import("./Library.js")), Gt = /* @__PURE__ */ Q(async () => await import("./ActionBarContainer.js")), Jt = /* @__PURE__ */ Q(async () => await import("./DisableModal.js")), Xt = /* @__PURE__ */ Q(async () => await import("./TrashModal.js")), Yt = /* @__PURE__ */ Q(async () => await import("./OnboardingModal.js")), Fs = ({
   config: e
 }) => {
-  const s = b(), {
-    setConfig: t,
+  const t = A(), {
+    setConfig: s,
     setSearchParams: r
-  } = T();
-  M(() => {
-    t(e || {}), r({
-      ...s,
+  } = F();
+  $(() => {
+    s(e || {}), r({
+      ...t,
       application: e.app,
       types: e.types
     });
   }, [e]);
   const {
-    currentApp: n
-  } = K(), {
+    currentApp: o
+  } = v(), {
     data: a
-  } = ft(), {
-    isTrashedModalOpen: o,
-    onTrashedCancel: i
-  } = ct(), {
-    isActionDisableModalOpen: f,
-    onActionDisableCancel: d
-  } = at();
-  Ae();
-  const u = oe("publish", a), h = oe("create", a);
-  return e && /* @__PURE__ */ N(ce, { children: [
-    /* @__PURE__ */ c(Ee, { render: () => h ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(Nt, {}) }) : null, children: /* @__PURE__ */ c(Qe, { app: n }) }),
-    /* @__PURE__ */ N(te, { className: "flex-grow-1", children: [
-      /* @__PURE__ */ c(te.Col, { sm: "3", lg: "2", xl: "3", className: "border-end pt-16 pe-16 d-none d-lg-block", as: "aside", children: /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
-        /* @__PURE__ */ c(Ct, {}),
-        u && /* @__PURE__ */ c(Rt, {})
+  } = Et(e.actions), {
+    isTrashedModalOpen: n,
+    onTrashedCancel: u
+  } = Ct(), {
+    isActionDisableModalOpen: p,
+    onActionDisableCancel: l
+  } = Tt(), {
+    handleDragEnd: d,
+    handleDragOver: h,
+    handleDragStart: i,
+    sensors: f
+  } = Qt();
+  je();
+  const m = ce("publish", a), S = ce("create", a);
+  return e && /* @__PURE__ */ N(G, { children: [
+    /* @__PURE__ */ c(Ve, { render: () => S ? /* @__PURE__ */ c(M, { fallback: /* @__PURE__ */ c(U, {}), children: /* @__PURE__ */ c(Wt, {}) }) : null, children: /* @__PURE__ */ c(We, { app: o }) }),
+    /* @__PURE__ */ c(re, { className: "flex-grow-1", children: /* @__PURE__ */ N(Re, { sensors: f, modifiers: [Ne], onDragStart: i, onDragEnd: d, onDragOver: h, children: [
+      /* @__PURE__ */ c(re.Col, { sm: "3", lg: "2", xl: "3", className: "border-end pt-16 pe-16 d-none d-lg-block", as: "aside", children: /* @__PURE__ */ N(M, { fallback: /* @__PURE__ */ c(U, {}), children: [
+        /* @__PURE__ */ c(jt, {}),
+        m && /* @__PURE__ */ c(Ht, {})
       ] }) }),
-      /* @__PURE__ */ N(te.Col, { sm: "4", md: "8", lg: "6", xl: "9", children: [
-        /* @__PURE__ */ c(bt, {}),
-        /* @__PURE__ */ c(ot, {}),
-        /* @__PURE__ */ c(xt, {})
+      /* @__PURE__ */ N(re.Col, { sm: "4", md: "8", lg: "6", xl: "9", children: [
+        /* @__PURE__ */ c($t, {}),
+        /* @__PURE__ */ c(Vt, {}),
+        /* @__PURE__ */ c(Bt, {})
       ] }),
-      /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
-        /* @__PURE__ */ c(Pt, {}),
-        e.enableOnboarding && /* @__PURE__ */ c(Qt, { id: "showOnboardingTrash", items: [{
+      /* @__PURE__ */ N(M, { fallback: /* @__PURE__ */ c(U, {}), children: [
+        /* @__PURE__ */ c(Gt, {}),
+        e.enableOnboarding && /* @__PURE__ */ c(Yt, { id: "showOnboardingTrash", items: [{
           src: "onboarding/illu-trash-menu.svg",
           alt: "explorer.modal.onboarding.trash.screen1.alt",
           text: "explorer.modal.onboarding.trash.screen1.title"
@@ -1410,57 +1494,40 @@ const ft = () => {
           nextText: "explorer.modal.onboarding.trash.next",
           closeText: "explorer.modal.onboarding.trash.close"
         } }),
-        o && /* @__PURE__ */ c(Et, { isOpen: o, onCancel: i }),
-        f && /* @__PURE__ */ c(At, { isOpen: f, onCancel: d })
+        n && /* @__PURE__ */ c(Xt, { isOpen: n, onCancel: u }),
+        p && /* @__PURE__ */ c(Jt, { isOpen: p, onCancel: l })
       ] })
-    ] })
+    ] }) })
   ] });
-}, v = document.querySelector("[data-explorer-config]");
-let ae;
-function os() {
-  var e;
-  if ((e = v == null ? void 0 : v.dataset) != null && e.explorerConfig) {
-    const {
-      explorerConfig: s
-    } = v.dataset;
-    try {
-      const t = JSON.parse(s);
-      ae = {
-        ...t,
-        enableOnboarding: t.enableOnboarding !== void 0 ? t.enableOnboarding : !0
-      };
-    } catch (t) {
-      console.error("[Explorer Config] could not parse app params from root data attributes:", v == null ? void 0 : v.dataset, t);
-    }
-  }
-  return ae;
-}
+};
 export {
-  ns as E,
-  ft as a,
-  H as b,
-  rs as c,
-  b as d,
-  ne as e,
-  S as f,
-  $t as g,
+  hs as A,
+  ms as B,
+  Fs as E,
+  F as a,
+  Et as b,
+  W as c,
+  Cs as d,
+  A as e,
+  ne as f,
+  ds as g,
   Y as h,
-  Ht as i,
-  Vt as j,
+  fs as i,
+  ps as j,
   X as k,
-  Gt as l,
-  et as m,
-  Xt as n,
-  zt as o,
-  ts as p,
-  ss as q,
-  Zt as r,
-  es as s,
-  Jt as t,
+  Is as l,
+  Dt as m,
+  Ss as n,
+  gs as o,
+  us as p,
+  xs as q,
+  Ts as r,
+  St as s,
+  bs as t,
   T as u,
-  Wt as v,
-  Yt as w,
-  V as x,
-  jt as y,
-  os as z
+  ws as v,
+  Ds as w,
+  ys as x,
+  At as y,
+  V as z
 };