@blocklet/list 0.16.38 → 0.16.40

package/lib/index.es.js

@@ -4,8 +4,8 @@ import et from "@mui/material/styles/createTheme";
 import tt from "@mui/material/styles/ThemeProvider";
 import { pick as rt, omitBy as se, orderBy as ot, isEmpty as nt, merge as it } from "lodash-es";
 import { ErrorFallback as be } from "@arcblock/ux/lib/ErrorBoundary";
-import y from "@mui/material/Box";
-import F from "@mui/material/Stack";
+import w from "@mui/material/Box";
+import O from "@mui/material/Stack";
 import { createContext as _e, useState as E, useMemo as V, useContext as Me, useCallback as ge, useEffect as G, forwardRef as lt, useRef as re, memo as at } from "react";
 import { ErrorBoundary as st } from "react-error-boundary";
 import ct from "@iconify-icons/tabler/compass";
@@ -37,25 +37,25 @@ import He from "@arcblock/ux/lib/Avatar";
 import It from "@iconify-icons/tabler/cloud-download";
 import Bt from "@mui/icons-material/ChevronLeft";
 import Rt from "@mui/icons-material/ChevronRight";
-import O from "@mui/material/Skeleton";
-import Tt from "react-image-gallery";
+import L from "@mui/material/Skeleton";
+import Pt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
-import Te from "@mui/material/Grid";
-import Pt from "react-infinite-scroll-hook";
+import Pe from "@mui/material/Grid";
+import Tt from "react-infinite-scroll-hook";
 import At from "@iconify-icons/tabler/square";
 import Et from "@iconify-icons/tabler/square-check-filled";
-import Pe from "@mui/material/Chip";
+import Te from "@mui/material/Chip";
 import te from "@mui/icons-material/Search";
-import Ft from "@mui/material/Autocomplete";
-import Lt from "@mui/material/Dialog";
+import Ot from "@mui/material/Autocomplete";
+import Ft from "@mui/material/Dialog";
 import Ue from "@mui/material/OutlinedInput";
-import Ot from "@mui/material/TextField";
+import Lt from "@mui/material/TextField";
 import { useHotkeys as _t } from "react-hotkeys-hook";
 import Ae from "@mui/material/InputAdornment";
 import Mt from "@arcblock/ux/lib/Empty";
 import zt from "json-stable-stringify";
 import Dt from "@mui/icons-material/Menu";
-import { Card as Nt, Box as ce, Skeleton as L } from "@mui/material";
+import { Card as Nt, Box as ce, Skeleton as F } from "@mui/material";
 import Wt from "@arcblock/ux/lib/Img";
 const Ve = _e({
   open: !1,
@@ -71,7 +71,7 @@ function $t({ children: e }) {
 function Ce() {
   return Me(Ve);
 }
-const P = {
+const T = {
   nameAsc: "title",
   nameDesc: "title",
   popularity: "stats.downloads",
@@ -87,7 +87,7 @@ const P = {
   cacheSize: 100
 }, jt = (e) => ne(
   async () => {
-    const { data: r } = await e.get(P.categoriesPath);
+    const { data: r } = await e.get(T.categoriesPath);
     return Array.isArray(r) ? r : [];
   },
   { manual: !0 }
@@ -179,10 +179,14 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
 }, Vt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], Gt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), qt = (e, r) => (
+], Gt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), qt = (e) => {
+  var r, o;
+  return Array.isArray(e) ? e.map((n) => n.message).join(`
+`) : (o = (r = e.response) == null ? void 0 : r.data) != null && o.error ? e.response.data.error.message || e.response.data.error : e.message || e;
+}, Kt = (e, r) => (
   // eslint-disable-next-line no-prototype-builtins
   e == null ? void 0 : e.replace(/{(\w*)}/g, (o, n) => r.hasOwnProperty(n) ? r[n] : "")
-), Kt = () => window.innerWidth <= 600, Xt = {
+), Xt = () => window.innerWidth <= 600, Qt = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
@@ -194,7 +198,8 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     clear: "Clear",
     cancel: "Cancel",
     search: "Search",
-    fetchError: "Failed to fetch data, please try again later"
+    fetchError: "Failed to fetch data, please try again later",
+    searchPlaceholder: "Search blocklet"
   },
   explore: {
     title: "Explore",
@@ -233,7 +238,7 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
   autocomplete: {
     expandResult: 'View all search results for "{name}"'
   }
-}, Qt = {
+}, Yt = {
   common: {
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
@@ -245,7 +250,8 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     clear: "清除",
     cancel: "取消",
     search: "搜索",
-    fetchError: "获取数据失败, 请稍后再试"
+    fetchError: "获取数据失败, 请稍后再试",
+    searchPlaceholder: "搜索 Blocklet"
   },
   explore: {
     title: "探索",
@@ -285,14 +291,14 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, de = {
-  en: Re(Xt),
-  zh: Re(Qt)
+  en: Re(Qt),
+  zh: Re(Yt)
 }, Ke = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
-}, Yt = (e) => (r, o) => {
+}, Zt = (e) => (r, o) => {
   const n = de[e] ? de[e][r] : de.en[r];
-  return qt(n, o) || r;
+  return Kt(n, o) || r;
 }, Xe = {
   errors: {
     fetchCategoriesError: null
@@ -348,8 +354,8 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     handlePage: () => {
     }
   }
-}, Qe = _e(Xe), { Provider: Zt, Consumer: Ao } = Qe;
-function Jt(e) {
+}, Qe = _e(Xe), { Provider: Jt, Consumer: Eo } = Qe;
+function er(e) {
   const {
     locale: r = "zh",
     filters: o = {},
@@ -359,14 +365,14 @@ function Jt(e) {
     minItemWidth: a = 350,
     queryFilter: s = !0,
     layout: i = {},
-    wrapChildren: m = (T) => T,
-    extraFilter: d = (T) => T,
+    wrapChildren: m = (P) => P,
+    extraFilter: d = (P) => P,
     baseSearch: f = !1,
     fetchCategoryDelay: u = 0,
-    showResourcesSwitch: x = !1,
-    showCategory: w = !0,
+    showResourcesSwitch: g = !1,
+    showCategory: y = !0,
     tagFilters: I = [],
-    children: g,
+    children: x,
     storeVersion: B,
     onSearchSelect: p = () => {
     },
@@ -379,9 +385,9 @@ function Jt(e) {
     loading: Y,
     run: Z
   } = jt(z), H = V(() => {
-    const T = ot(j, [(W) => W.name], ["asc"]), _ = T.findIndex((W) => W.name === "All" || W.locales.en === "All");
-    return _ > -1 ? [{ ...T[_], _id: "All" }, ...T.slice(0, _), ...T.slice(_ + 1)] : T;
-  }, [j]), K = ge(Yt(r), [r]), c = V(() => Gt(H, r), [H, r]), S = Vt(K), N = {
+    const P = ot(j, [(W) => W.name], ["asc"]), _ = P.findIndex((W) => W.name === "All" || W.locales.en === "All");
+    return _ > -1 ? [{ ...P[_], _id: "All" }, ...P.slice(0, _), ...P.slice(_ + 1)] : P;
+  }, [j]), K = ge(Zt(r), [r]), c = V(() => Gt(H, r), [H, r]), S = Vt(K), N = {
     search: $,
     compact: k,
     errors: { fetchCategoriesError: ae },
@@ -410,13 +416,13 @@ function Jt(e) {
     priceOptions: S,
     storeApi: z,
     baseSearch: f,
-    showResourcesSwitch: x,
-    showCategory: w,
+    showResourcesSwitch: g,
+    showCategory: y,
     tagFilters: I,
     onFilterChange: l,
-    getCategoryLocale: (T) => {
-      if (!T) return null;
-      const _ = j.find((W) => W._id === T || W.locales.en === "All");
+    getCategoryLocale: (P) => {
+      if (!P) return null;
+      const _ = j.find((W) => W._id === P || W.locales.en === "All");
       return _ ? _.locales[r] || _.locales.en : null;
     },
     get developerName() {
@@ -426,7 +432,7 @@ function Jt(e) {
   };
   return G(() => {
     setTimeout(Z, u || 0);
-  }, [C, Z, u]), /* @__PURE__ */ t(Zt, { value: N, children: g });
+  }, [C, Z, u]), /* @__PURE__ */ t(Jt, { value: N, children: x });
 }
 function R() {
   const e = Me(Qe);
@@ -479,17 +485,17 @@ function Se({
   let u = e;
   return i || (u = J(r, u), m) || (u = J(o, u), d) || (u = J(n, u), f) ? u : J(l, u);
 }
-function er({ children: e }) {
+function tr({ children: e }) {
   const { open: r, toggleOpen: o } = Ce();
   return /* @__PURE__ */ t(
     Se,
     {
       xs: /* @__PURE__ */ t(xt, { open: r, onClose: () => o(!1), children: e }),
-      md: /* @__PURE__ */ t(y, { children: e })
+      md: /* @__PURE__ */ t(w, { children: e })
     }
   );
 }
-const tr = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
+const rr = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
   ie,
   {
     ref: n,
@@ -506,23 +512,23 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   G(() => {
     f(e !== null ? e : "");
   }, [e]);
-  const x = ge(() => {
+  const g = ge(() => {
     m(!1);
-  }, []), w = ge(() => {
+  }, []), y = ge(() => {
     m(!0);
   }, []);
   function I(p) {
-    f(p.value), o(p.value), u && x();
+    f(p.value), o(p.value), u && g();
   }
-  function g(p) {
+  function x(p) {
     return p === d;
   }
   return /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ h(
-      rr,
+      or,
       {
         ref: a,
-        onClick: w,
+        onClick: y,
         variant: "outlined",
         size: "medium",
         className: ["my-select__selector", nt(d) ? "" : "my-select__selector--active"].join(" "),
@@ -539,11 +545,11 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
       {
         ...p,
         style: { transformOrigin: C === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: x, children: /* @__PURE__ */ t(or, { autoFocusItem: i, onMouseEnter: w, onMouseLeave: x, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
+        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: g, children: /* @__PURE__ */ t(nr, { autoFocusItem: i, onMouseEnter: y, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
             yt,
             {
-              sx: { mr: 1, fontSize: 16, visibility: g(b.value) ? "visible" : "hidden" }
+              sx: { mr: 1, fontSize: 16, visibility: x(b.value) ? "visible" : "hidden" }
             }
           ),
           b.name
@@ -552,7 +558,7 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
     ) })
   ] });
 }
-const rr = Q(tr)`
+const or = Q(rr)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
@@ -580,7 +586,7 @@ const rr = Q(tr)`
       margin-right: 3px;
     }
   }
-`, or = Q(je)`
+`, nr = Q(je)`
   .my-select__option__icon {
     color: transparent;
     font-size: 14px;
@@ -600,7 +606,7 @@ const rr = Q(tr)`
 function Ze() {
   const { search: e, t: r } = R(), { filters: o, handleSort: n, handlePrice: l } = e, a = Ge(r);
   return /* @__PURE__ */ h(
-    F,
+    O,
     {
       direction: { xs: "row", md: "column" },
       alignItems: { xs: "center", md: "flex-start" },
@@ -636,18 +642,18 @@ function Ze() {
     }
   );
 }
-function nr({ menus: e }) {
-  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: x } = o, { toggleOpen: w } = Ce();
+function ir({ menus: e }) {
+  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: g } = o, { toggleOpen: y } = Ce();
   G(() => {
-    w(!1);
+    y(!1);
   }, [Object.values(d).join("")]);
   const I = Ut(i, s.showSearch, d.keyword);
-  return s.showCategory && !m ? /* @__PURE__ */ h(er, { children: [
+  return s.showCategory && !m ? /* @__PURE__ */ h(tr, { children: [
     /* @__PURE__ */ t(
       Se,
       {
         xs: /* @__PURE__ */ h(
-          F,
+          O,
           {
             direction: "row",
             justifyContent: "space-between",
@@ -658,7 +664,7 @@ function nr({ menus: e }) {
             borderBottom: 1,
             borderColor: "divider",
             children: [
-              /* @__PURE__ */ t(Ye, { onClick: () => w(!1), children: /* @__PURE__ */ t(ke, {}) }),
+              /* @__PURE__ */ t(Ye, { onClick: () => y(!1), children: /* @__PURE__ */ t(ke, {}) }),
               /* @__PURE__ */ t(v, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: n("common.category") })
             ]
           }
@@ -667,7 +673,7 @@ function nr({ menus: e }) {
       }
     ),
     /* @__PURE__ */ t(
-      F,
+      O,
       {
         visibility: a.fetchCategoriesLoading ? "hidden" : "visible",
         width: { xs: 268, md: 200 },
@@ -675,8 +681,8 @@ function nr({ menus: e }) {
         p: { xs: 2, md: 0 },
         pr: { md: 6 },
         children: I ? /* @__PURE__ */ h(M, { children: [
-          s.showExplore && /* @__PURE__ */ h(y, { mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
-            /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 1, children: [
+          s.showExplore && /* @__PURE__ */ h(w, { mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
+            /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", gap: 1, children: [
               /* @__PURE__ */ t(X, { icon: ct, width: 20, height: 20 }),
               /* @__PURE__ */ t(
                 v,
@@ -686,45 +692,45 @@ function nr({ menus: e }) {
                   fontWeight: !r && !d.menu ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
-                    w(!1), x();
+                    y(!1), g();
                   },
                   children: n("explore.title")
                 }
               )
             ] }),
-            e == null ? void 0 : e.map((g) => /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
-              typeof g.icon == "string" ? /* @__PURE__ */ t(X, { icon: g.icon, width: 20, height: 20 }) : g.icon,
+            e == null ? void 0 : e.map((x) => /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
+              typeof x.icon == "string" ? /* @__PURE__ */ t(X, { icon: x.icon, width: 20, height: 20 }) : x.icon,
               /* @__PURE__ */ t(
                 v,
                 {
                   variant: "body1",
-                  color: d.menu === g.key ? "text.primary" : "text.lighter",
-                  fontWeight: d.menu === g.key ? "fontWeightMedium" : void 0,
+                  color: d.menu === x.key ? "text.primary" : "text.lighter",
+                  fontWeight: d.menu === x.key ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
                     var B;
-                    w(!1), f(g.key), (B = g.onClick) == null || B.call(g);
+                    y(!1), f(x.key), (B = x.onClick) == null || B.call(x);
                   },
-                  children: g.title
+                  children: x.title
                 }
               )
-            ] }, g.key))
+            ] }, x.key))
           ] }),
-          !!l.length && /* @__PURE__ */ t(F, { gap: 2, children: l.map((g) => /* @__PURE__ */ t(
+          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((x) => /* @__PURE__ */ t(
             v,
             {
               variant: "body1",
-              title: g.name,
+              title: x.name,
               sx: { cursor: "pointer" },
               "data-cy": "filter",
-              color: r === g.value ? "text.primary" : "text.lighter",
+              color: r === x.value ? "text.primary" : "text.lighter",
               textTransform: "capitalize",
               onClick: () => {
-                r === g.value ? x() : u(g.value), w(!1);
+                r === x.value ? g() : u(x.value), y(!1);
               },
-              children: g.name
+              children: x.name
             },
-            g.value
+            x.value
           )) })
         ] }) : /* @__PURE__ */ t(Ze, {})
       }
@@ -748,7 +754,7 @@ function Ie() {
   };
 }
 const Je = at(function(r) {
-  return /* @__PURE__ */ t(y, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(le, {}) });
+  return /* @__PURE__ */ t(w, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(le, {}) });
 });
 function Ee({
   icon: e,
@@ -756,7 +762,7 @@ function Ee({
   maxWidth: o = 100,
   title: n
 }) {
-  return (r === 0 || r) && /* @__PURE__ */ h(F, { direction: "row", alignItems: "center", gap: 1, sx: { maxWidth: o, overflow: "hidden" }, children: [
+  return (r === 0 || r) && /* @__PURE__ */ h(O, { direction: "row", alignItems: "center", gap: 1, sx: { maxWidth: o, overflow: "hidden" }, children: [
     e,
     /* @__PURE__ */ t(
       v,
@@ -770,16 +776,16 @@ function Ee({
     )
   ] });
 }
-const ir = 16 / 9, ue = 292, ye = 189, oe = 336;
-function lr() {
-  var g, B;
-  const { t: e, search: r } = R(), { get: o } = Ie(), n = we(), l = U(n.breakpoints.down("md")), a = ((B = (g = window.blocklet) == null ? void 0 : g.preferences) == null ? void 0 : B.homeBanner) || [], {
+const lr = 16 / 9, ue = 292, ye = 189, oe = 336;
+function ar() {
+  var x, B;
+  const { t: e, search: r } = R(), { get: o } = Ie(), n = we(), l = U(n.breakpoints.down("md")), a = ((B = (x = window.blocklet) == null ? void 0 : x.preferences) == null ? void 0 : B.homeBanner) || [], {
     data: s = [],
     error: i,
     loading: m
   } = ne(async () => {
     const p = await o(
-      ve(P.blockletsPath, { didList: a.map((C) => C.did).join(",") })
+      ve(T.blockletsPath, { didList: a.map((C) => C.did).join(",") })
     );
     return p != null && p.dataList ? a.map((C) => p.dataList.find((b) => b.did === C.did)) : [];
   });
@@ -795,7 +801,7 @@ function lr() {
   return !i && a.length > 0 ? /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ t(v, { component: "h2", variant: "h2", mt: { xs: 2, md: 0 }, mb: 3, children: e("explore.title") }),
     /* @__PURE__ */ t(
-      y,
+      w,
       {
         height: { xs: "auto", md: ue },
         minHeight: ue,
@@ -804,20 +810,20 @@ function lr() {
         borderColor: "divider",
         borderRadius: 3,
         overflow: "hidden",
-        children: m ? /* @__PURE__ */ h(y, { p: 5, display: { md: "flex" }, gap: 5, alignItems: "center", justifyContent: "center", children: [
-          /* @__PURE__ */ t(O, { variant: "rounded", height: ye, width: oe }),
-          /* @__PURE__ */ h(y, { flex: 1, height: "100%", children: [
-            /* @__PURE__ */ t(O, { variant: "text", height: 50, width: 100 }),
-            /* @__PURE__ */ t(O, { variant: "text", height: 40, width: "100%" }),
-            /* @__PURE__ */ t(O, { variant: "text", height: 40, width: 300 }),
-            /* @__PURE__ */ h(y, { display: "flex", gap: 1, my: 2, children: [
-              /* @__PURE__ */ t(O, { variant: "circular", height: 20, width: 20 }),
-              /* @__PURE__ */ t(O, { variant: "text", height: 20, width: 50 })
+        children: m ? /* @__PURE__ */ h(w, { p: 5, display: { md: "flex" }, gap: 5, alignItems: "center", justifyContent: "center", children: [
+          /* @__PURE__ */ t(L, { variant: "rounded", height: ye, width: oe }),
+          /* @__PURE__ */ h(w, { flex: 1, height: "100%", children: [
+            /* @__PURE__ */ t(L, { variant: "text", height: 50, width: 100 }),
+            /* @__PURE__ */ t(L, { variant: "text", height: 40, width: "100%" }),
+            /* @__PURE__ */ t(L, { variant: "text", height: 40, width: 300 }),
+            /* @__PURE__ */ h(w, { display: "flex", gap: 1, my: 2, children: [
+              /* @__PURE__ */ t(L, { variant: "circular", height: 20, width: 20 }),
+              /* @__PURE__ */ t(L, { variant: "text", height: 20, width: 50 })
             ] }),
-            /* @__PURE__ */ t(O, { variant: "rounded", height: 30, width: 100 })
+            /* @__PURE__ */ t(L, { variant: "rounded", height: 30, width: 100 })
           ] })
         ] }) : /* @__PURE__ */ t(
-          Tt,
+          Pt,
           {
             showNav: !0,
             autoPlay: !0,
@@ -828,15 +834,15 @@ function lr() {
             showBullets: !1,
             showThumbnails: !1,
             showFullscreenButton: !1,
-            renderLeftNav: (p) => /* @__PURE__ */ t(y, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Bt, { sx: { ...d, left: 5 } }) }),
-            renderRightNav: (p) => /* @__PURE__ */ t(y, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Rt, { sx: { ...d, right: 5 } }) }),
+            renderLeftNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Bt, { sx: { ...d, left: 5 } }) }),
+            renderRightNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Rt, { sx: { ...d, right: 5 } }) }),
             items: a.map((p, C) => ({
               original: p.did,
               renderItem: () => {
                 var z;
-                const b = s[C] || {}, k = p.cover || sr(p.did, (z = b.screenshots) == null ? void 0 : z[0]), A = qe(k, n.breakpoints.values.md * 2);
+                const b = s[C] || {}, k = p.cover || cr(p.did, (z = b.screenshots) == null ? void 0 : z[0]), A = qe(k, n.breakpoints.values.md * 2);
                 return /* @__PURE__ */ h(
-                  F,
+                  O,
                   {
                     height: { xs: "auto", md: ue },
                     sx: {
@@ -864,12 +870,12 @@ function lr() {
                     gap: { xs: 2, md: 5 },
                     children: [
                       f(A),
-                      /* @__PURE__ */ h(F, { flex: 1, height: "100%", gap: 3, children: [
-                        /* @__PURE__ */ h(y, { flex: 1, children: [
+                      /* @__PURE__ */ h(O, { flex: 1, height: "100%", gap: 3, children: [
+                        /* @__PURE__ */ h(w, { flex: 1, children: [
                           u(p.name || b.title || p.name),
-                          x(p.desc || b.description)
+                          g(p.desc || b.description)
                         ] }),
-                        b.did && w(b, p.baseNum),
+                        b.did && y(b, p.baseNum),
                         I(b)
                       ] })
                     ]
@@ -883,12 +889,12 @@ function lr() {
     )
   ] }) : null;
   function f(p) {
-    return /* @__PURE__ */ t(y, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: oe }, children: /* @__PURE__ */ t(cr, { url: p }) });
+    return /* @__PURE__ */ t(w, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: oe }, children: /* @__PURE__ */ t(dr, { url: p }) });
   }
   function u(p) {
     return /* @__PURE__ */ t(v, { variant: "h2", width: "100%", children: p });
   }
-  function x(p) {
+  function g(p) {
     return /* @__PURE__ */ t(
       v,
       {
@@ -912,11 +918,11 @@ function lr() {
       }
     );
   }
-  function w(p, C = 0) {
+  function y(p, C = 0) {
     const { did: b, owner: k, stats: A } = p;
-    return /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
+    return /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
       /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(He, { src: k.avatar, did: b, size: 20, variant: "circle" }), children: k.fullName }),
-      /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(X, { icon: It }), title: `${A.downloads + C}`, children: ar(A.downloads + C) })
+      /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(X, { icon: It }), title: `${A.downloads + C}`, children: sr(A.downloads + C) })
     ] });
   }
   function I(p) {
@@ -939,12 +945,12 @@ function lr() {
     );
   }
 }
-const ar = (e) => Number.isNaN(e) ? 0 : e < 1e3 ? e : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : e < 1e9 ? `${(e / 1e6).toFixed(1)}m` : `${(e / 1e9).toFixed(1)}b`, sr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
-function cr({ url: e }) {
+const sr = (e) => Number.isNaN(e) ? 0 : e < 1e3 ? e : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : e < 1e9 ? `${(e / 1e6).toFixed(1)}m` : `${(e / 1e9).toFixed(1)}b`, cr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
+function dr({ url: e }) {
   const [r, o] = E(!0);
   return /* @__PURE__ */ h(M, { children: [
     r && /* @__PURE__ */ t(
-      O,
+      L,
       {
         variant: "rectangular",
         sx: {
@@ -954,7 +960,7 @@ function cr({ url: e }) {
       }
     ),
     /* @__PURE__ */ t(
-      y,
+      w,
       {
         display: r ? "none" : "block",
         component: "img",
@@ -965,41 +971,41 @@ function cr({ url: e }) {
         borderRadius: 2,
         border: 1,
         borderColor: "divider",
-        sx: { objectFit: "container", cursor: "pointer", aspectRatio: ir },
+        sx: { objectFit: "container", cursor: "pointer", aspectRatio: lr },
         onLoad: () => o(!1),
         onError: () => o(!1)
       }
     )
   ] });
 }
-function dr({ title: e, blocklets: r }) {
+function ur({ title: e, blocklets: r }) {
   const { blockletRender: o, serverVersion: n } = R();
-  return /* @__PURE__ */ h(y, { mt: 3, children: [
+  return /* @__PURE__ */ h(w, { mt: 3, children: [
     /* @__PURE__ */ t(v, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
-    /* @__PURE__ */ t(Te, { container: !0, spacing: 2, boxSizing: "border-box", maxWidth: "calc(100vw - 16px)", children: r.map((l) => /* @__PURE__ */ t(Te, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(y, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
+    /* @__PURE__ */ t(Pe, { container: !0, spacing: 2, boxSizing: "border-box", maxWidth: "calc(100vw - 16px)", children: r.map((l) => /* @__PURE__ */ t(Pe, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(w, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
   ] });
 }
-function ur() {
+function hr() {
   const { get: e } = Ie(), { t: r } = R(), {
     data: o = [],
     error: n,
     loading: l
   } = ne(async () => {
-    const a = await e(P.explorePath);
+    const a = await e(T.explorePath);
     return Array.isArray(a) ? a : [];
   });
-  return n ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${P.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ t(lr, {}),
+  return n ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ t(ar, {}),
     o.map(
       (a) => {
         var s;
-        return ((s = a.blocklets) == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ t(dr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null;
+        return ((s = a.blocklets) == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ t(ur, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null;
       }
     )
   ] });
 }
-const he = "__FREE_TEXT__", Fe = "__NO_RESULT__", pe = 40;
-function hr({
+const he = "__FREE_TEXT__", Oe = "__NO_RESULT__", pe = 40;
+function pr({
   endpoint: e,
   t: r,
   locale: o,
@@ -1008,13 +1014,13 @@ function hr({
   handleSearchSelect: a,
   ...s
 }) {
-  const i = re(null), m = re(!1), [d, f] = E(!1), [u, x] = E(""), [w, I] = E(!1), g = Ie(), [B, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
+  const i = re(null), m = re(!1), [d, f] = E(!1), [u, g] = E(""), [y, I] = E(!1), x = Ie(), [B, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
     p(!0);
-    const S = await g.get(Be(e, ve(P.blockletsPath, c)));
+    const S = await x.get(Be(e, ve(T.blockletsPath, c)));
     return p(!1), S.dataList || [];
   }, { data: k, run: A } = ne(
     (c) => c ? b({
-      sortBy: P.nameDesc,
+      sortBy: T.nameDesc,
       page: 1,
       pageSize: 10,
       keyword: c,
@@ -1025,7 +1031,7 @@ function hr({
     }
   );
   G(() => {
-    p(!0), A(n.keyword), x(n.keyword || "");
+    p(!0), A(n.keyword), g(n.keyword || "");
   }, [n.keyword, A]), _t(
     "ctrl + k, command + k",
     (c) => {
@@ -1036,9 +1042,9 @@ function hr({
   );
   const z = De((c) => A(c), { wait: 300 }), $ = { name: he, title: u, did: "" };
   let D = [];
-  return u && (B ? D = [$] : k != null && k.length ? D = [$, ...k] : D = [{ name: Fe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ h(Lt, { fullScreen: !0, open: w, sx: { display: { md: "none" } }, children: [
-      /* @__PURE__ */ h(y, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
+  return u && (B ? D = [$] : k != null && k.length ? D = [$, ...k] : D = [{ name: Oe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ h(Ft, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
+      /* @__PURE__ */ h(w, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           Ue,
           {
@@ -1062,7 +1068,7 @@ function hr({
             className: "bl-autocomplete-input",
             value: u,
             onChange: (c) => q(c.target.value),
-            startAdornment: H(w),
+            startAdornment: H(y),
             endAdornment: K()
           }
         ),
@@ -1071,7 +1077,7 @@ function hr({
           {
             variant: "outlined",
             onClick: () => {
-              I(!1), x(n.keyword || "");
+              I(!1), g(n.keyword || "");
             },
             children: r("common.cancel")
           }
@@ -1087,7 +1093,7 @@ function hr({
       }
     ),
     /* @__PURE__ */ t(
-      Ft,
+      Ot,
       {
         ref: i,
         open: !!u && d,
@@ -1119,7 +1125,7 @@ function hr({
           }
         },
         renderInput: (c) => /* @__PURE__ */ t(
-          Ot,
+          Lt,
           {
             ...c,
             InputProps: {
@@ -1158,13 +1164,13 @@ function hr({
     )
   ] });
   function q(c) {
-    p(!0), x(c), m.current = !1, z.run(c);
+    p(!0), g(c), m.current = !1, z.run(c);
   }
   function j() {
-    I(!1), x(""), q(""), l("");
+    I(!1), g(""), q(""), l("");
   }
   function ae(c) {
-    c != null && c.did ? (I(!1), m.current = !0, x(""), a(c)) : c.name === he && (I(!1), l(u));
+    c != null && c.did ? (I(!1), m.current = !0, g(""), a(c)) : c.name === he && (I(!1), l(u));
   }
   function Y(c) {
     var S, N;
@@ -1185,9 +1191,9 @@ function hr({
     );
   }
   function Z(c) {
-    if ([he, Fe].includes(c.name))
+    if ([he, Oe].includes(c.name))
       return /* @__PURE__ */ t(
-        y,
+        w,
         {
           width: pe,
           p: "6px",
@@ -1204,39 +1210,41 @@ function hr({
     return c.logo && (S = Be(e, "assets", c.did, qe(c.logo, pe, c.version))), /* @__PURE__ */ t(He, { src: S, size: pe, style: { borderRadius: "8px", overflow: "hidden" } });
   }
   function H(c = !0) {
-    return /* @__PURE__ */ t(y, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, children: c && u && B ? /* @__PURE__ */ t(le, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(te, { sx: { fontSize: 16, cursor: "default" } }) });
+    return /* @__PURE__ */ t(w, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, children: c && u && B ? /* @__PURE__ */ t(le, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(te, { sx: { fontSize: 16, cursor: "default" } }) });
   }
   function K() {
-    return u ? /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(ke, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => j() }) }) : null;
+    return u ? /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(ke, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => j() }) }) : null;
   }
 }
-function pr({ placeholder: e = "Type to search...", ...r }) {
-  const { search: o } = R(), { filters: n, handleKeyword: l } = o, [a, s] = E(n.keyword || ""), i = De(l, { wait: 300 }), m = (f) => {
-    const { value: u } = f.target;
-    s(u), i.run(u);
-  }, d = () => {
-    s(""), l("");
+function mr({ placeholder: e, ...r }) {
+  const { search: o, t: n } = R(), { filters: l, handleKeyword: a } = o, [s, i] = E(l.keyword || ""), m = De(a, { wait: 300 }), d = (g) => {
+    const { value: y } = g.target;
+    i(y), m.run(y);
+  }, f = () => {
+    i(""), a("");
   };
-  return G(() => {
-    s(n.keyword || "");
-  }, [n.keyword]), /* @__PURE__ */ t(
-    mr,
+  G(() => {
+    i(l.keyword || "");
+  }, [l.keyword]);
+  const u = e || n("common.searchPlaceholder");
+  return /* @__PURE__ */ t(
+    fr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(fr, { sx: { fontSize: 18, ml: -0.5 } }) }),
-      onChange: m,
-      placeholder: e,
-      value: a,
-      title: e,
+      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(gr, { sx: { fontSize: 18, ml: -0.5 } }) }),
+      onChange: d,
+      placeholder: u,
+      value: s,
+      title: u,
       "data-cy": "search",
-      endAdornment: a && /* @__PURE__ */ t(Ae, { position: "end", children: /* @__PURE__ */ t(gr, { "data-cy": "search-delete", onClick: d }) }),
+      endAdornment: s && /* @__PURE__ */ t(Ae, { position: "end", children: /* @__PURE__ */ t(xr, { "data-cy": "search-delete", onClick: f }) }),
       ...r
     }
   );
 }
-const mr = Q(Ue)`
+const fr = Q(Ue)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1253,14 +1261,14 @@ const mr = Q(Ue)`
       color: transparent;
     }
   }
-`, fr = Q(te)`
+`, gr = Q(te)`
   color: ${(e) => e.theme.palette.grey[500]};
-`, gr = Q(ke)`
+`, xr = Q(ke)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function xr() {
+function yr() {
   var b;
   const {
     search: e,
@@ -1274,9 +1282,9 @@ function xr() {
     baseSearch: m,
     categoryOptions: d,
     compact: f
-  } = R(), { filters: u, handleSort: x, handlePrice: w, handleDeveloper: I, handleSwitchShowResources: g, cleanFilter: B, handleCategory: p } = e, C = Ge(r);
+  } = R(), { filters: u, handleSort: g, handlePrice: y, handleDeveloper: I, handleSwitchShowResources: x, cleanFilter: B, handleCategory: p } = e, C = Ge(r);
   return /* @__PURE__ */ h(
-    F,
+    O,
     {
       position: "sticky",
       top: 0,
@@ -1294,7 +1302,7 @@ function xr() {
       children: [
         !f && /* @__PURE__ */ t(v, { variant: "h2", textTransform: "capitalize", children: l(u.category) }),
         /* @__PURE__ */ h(
-          F,
+          O,
           {
             flex: 1,
             direction: "row",
@@ -1304,8 +1312,8 @@ function xr() {
             justifyContent: { xs: "flex-start", md: "flex-end" },
             gap: 2,
             children: [
-              i.showSearch ? /* @__PURE__ */ t(y, { flex: 1, flexBasis: { xs: "100%", md: "auto" }, children: m ? /* @__PURE__ */ t(pr, {}) : /* @__PURE__ */ t(
-                hr,
+              i.showSearch ? /* @__PURE__ */ t(w, { flex: 1, flexBasis: { xs: "100%", md: "auto" }, children: m ? /* @__PURE__ */ t(mr, {}) : /* @__PURE__ */ t(
+                pr,
                 {
                   locale: n,
                   endpoint: o,
@@ -1322,7 +1330,7 @@ function xr() {
                 }
               ) }) : null,
               u.owner && a && /* @__PURE__ */ t(
-                Pe,
+                Te,
                 {
                   label: r("blocklet.authorTag", { name: a }),
                   size: "small",
@@ -1330,7 +1338,7 @@ function xr() {
                 }
               ),
               u.resourceDid && u.resourceBlocklet && /* @__PURE__ */ t(
-                Pe,
+                Te,
                 {
                   label: r("blocklet.resourceTag", { name: u.resourceBlocklet }),
                   size: "small",
@@ -1338,22 +1346,22 @@ function xr() {
                 }
               ),
               s ? /* @__PURE__ */ t(
-                Le,
+                Fe,
                 {
                   checked: u.showResources !== "false",
-                  onChange: (k) => g(k ? "true" : "false"),
+                  onChange: (k) => x(k ? "true" : "false"),
                   label: r("common.showResources")
                 }
               ) : null,
               /* @__PURE__ */ t(
-                Le,
+                Fe,
                 {
                   checked: u.price === "free",
-                  onChange: (k) => w(k ? "free" : ""),
+                  onChange: (k) => y(k ? "free" : ""),
                   label: r("blocklet.free")
                 }
               ),
-              f && /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(
+              f && /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
                 xe,
                 {
                   value: u.category || ((b = d[0]) == null ? void 0 : b.value),
@@ -1368,7 +1376,7 @@ function xr() {
                   value: u.sortBy || C[0].value,
                   options: C,
                   placeholder: r("sort.sort"),
-                  onChange: (k) => x(k)
+                  onChange: (k) => g(k)
                 }
               )
             ]
@@ -1378,7 +1386,7 @@ function xr() {
     }
   );
 }
-function Le({
+function Fe({
   checked: e,
   onChange: r,
   label: o
@@ -1404,18 +1412,18 @@ function Le({
   );
 }
 function ee({ children: e }) {
-  return /* @__PURE__ */ h(y, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
+  return /* @__PURE__ */ h(w, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
     /* @__PURE__ */ t(Mt, {}),
     e
   ] });
 }
-function Oe() {
+function Le() {
   const { t: e } = R();
   return /* @__PURE__ */ t(v, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
 function me({ filterTip: e, keywordTip: r }) {
   const { t: o, locale: n } = R(), l = () => n === "zh" ? "、" : " , ";
-  return /* @__PURE__ */ h(y, { mt: 1, display: "flex", children: [
+  return /* @__PURE__ */ h(w, { mt: 1, display: "flex", children: [
     /* @__PURE__ */ t(v, { style: { marginRight: "16px" }, children: o("blocklet.emptyTip") }),
     e && /* @__PURE__ */ t(v, { children: o("blocklet.filterTip") }),
     e && r && l(),
@@ -1429,14 +1437,22 @@ function fe({
 }) {
   return /* @__PURE__ */ h(v, { variant: "subtitle2", display: "flex", gap: 0.5, mx: 0.5, children: [
     /* @__PURE__ */ t(v, { children: e }),
-    /* @__PURE__ */ t(v, { color: "primary", children: o }),
+    /* @__PURE__ */ t(
+      v,
+      {
+        title: o,
+        color: "primary",
+        sx: { maxWidth: "30vw", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+        children: o
+      }
+    ),
     /* @__PURE__ */ h(v, { children: [
       r,
       " "
     ] })
   ] });
 }
-function yr() {
+function wr() {
   const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = R(), { filters: l } = r, a = !!n || !!l.price;
   if (l.keyword && a)
     return /* @__PURE__ */ h(ee, { children: [
@@ -1472,24 +1488,24 @@ function yr() {
           primaryEnd: e("blocklet.noCategoryResults2"),
           filter: s
         }
-      ) : /* @__PURE__ */ t(Oe, {}),
+      ) : /* @__PURE__ */ t(Le, {}),
       /* @__PURE__ */ t(me, { filterTip: !0 })
     ] });
   }
-  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(Oe, {}) });
+  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(Le, {}) });
 }
-const wr = (e, r, o, n) => dt(
+const br = (e, r, o, n) => dt(
   async (l) => {
     l || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: a, pageSize: s } = o, i = {
       ...r,
       category: r.category === "All" ? "" : r.category,
-      sortBy: P[r.sortBy],
+      sortBy: T[r.sortBy],
       page: a,
       pageSize: s
     };
     n(null);
-    const { data: m = {} } = await e.get(P.blockletsPath, { params: i });
+    const { data: m = {} } = await e.get(T.blockletsPath, { params: i });
     return o.currentPage++, { page: a, pageSize: s, list: (m == null ? void 0 : m.dataList) || [], total: (m == null ? void 0 : m.total) || 0 };
   },
   {
@@ -1498,22 +1514,22 @@ const wr = (e, r, o, n) => dt(
     onError: n
   }
 );
-function br() {
+function kr() {
   var u;
   const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = R(), { filters: a } = r, s = ut({
-    currentPage: P.currentPage,
-    pageSize: Kt() ? P.mobilePageSize : P.pageSize,
-    defaultCurrentPage: P.defaultCurrentPage
-  }), [i, m] = E(null), d = wr(e, a, s, m), f = V(
+    currentPage: T.currentPage,
+    pageSize: Xt() ? T.mobilePageSize : T.pageSize,
+    defaultCurrentPage: T.defaultCurrentPage
+  }), [i, m] = E(null), d = br(e, a, s, m), f = V(
     () => {
-      var x, w;
-      return o ? o(((x = d.data) == null ? void 0 : x.list) || []) : ((w = d.data) == null ? void 0 : w.list) || [];
+      var g, y;
+      return o ? o(((g = d.data) == null ? void 0 : g.list) || []) : ((y = d.data) == null ? void 0 : y.list) || [];
     },
     [d.data, o]
   );
   return G(() => {
-    const x = f.find((w) => w.owner.did === a.owner);
-    l((x == null ? void 0 : x.owner.fullName) || (x == null ? void 0 : x.author.name) || "");
+    const g = f.find((y) => y.owner.did === a.owner);
+    l((g == null ? void 0 : g.owner.fullName) || (g == null ? void 0 : g.author.name) || "");
   }, [a.owner, f, l]), {
     blocklets: f,
     fetchBlockletsError: i,
@@ -1530,28 +1546,28 @@ function br() {
     }
   };
 }
-function kr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d } = r, { blocklets: f, errors: u, loadMore: x, loadings: w, hasNextPage: I, total: g } = br(), [B] = Pt({
-    loading: w.fetchBlockletsLoading || w.loadingMore,
+function vr() {
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d } = r, { blocklets: f, errors: u, loadMore: g, loadings: y, hasNextPage: I, total: x } = kr(), [B] = Tt({
+    loading: y.fetchBlockletsLoading || y.loadingMore,
     hasNextPage: I,
-    onLoadMore: x
+    onLoadMore: g
   });
   if (u.fetchBlockletsError) {
-    const k = new Error(`Failed to fetch blocklets from ${o}: ${u.fetchBlockletsError.message}`);
+    const k = new Error(`Failed to fetch blocklets from ${o}: ${qt(u.fetchBlockletsError)}`);
     return /* @__PURE__ */ t(be, { error: k });
   }
   const p = i && s.showSearch || !d.keyword;
   return /* @__PURE__ */ h(M, { children: [
-    p ? /* @__PURE__ */ t(xr, {}) : /* @__PURE__ */ h(M, { children: [
+    p ? /* @__PURE__ */ t(yr, {}) : /* @__PURE__ */ h(M, { children: [
       /* @__PURE__ */ t(Se, { xs: /* @__PURE__ */ t(Ze, {}), md: null }),
       b()
     ] }),
     C(),
-    !w.fetchBlockletsLoading && I && /* @__PURE__ */ t(y, { height: 70, minHeight: 70, display: "flex", justifyContent: "center", py: 2, overflow: "hidden", ref: B, children: /* @__PURE__ */ t(le, {}) })
+    !y.fetchBlockletsLoading && I && /* @__PURE__ */ t(w, { height: 70, minHeight: 70, display: "flex", justifyContent: "center", py: 2, overflow: "hidden", ref: B, children: /* @__PURE__ */ t(le, {}) })
   ] });
   function C() {
-    return w.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
-      y,
+    return y.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
+      w,
       {
         className: "blocklet-list",
         display: "grid",
@@ -1563,7 +1579,7 @@ function kr() {
         rowGap: 2,
         columnGap: m ? 0 : 2,
         children: f.map((k) => /* @__PURE__ */ t(
-          y,
+          w,
           {
             "data-blocklet-did": k.did,
             minWidth: {
@@ -1576,11 +1592,11 @@ function kr() {
           k.did
         ))
       }
-    ) : /* @__PURE__ */ t(yr, {});
+    ) : /* @__PURE__ */ t(wr, {});
   }
   function b() {
     return /* @__PURE__ */ h(
-      F,
+      O,
       {
         direction: "row",
         className: "search-result-title",
@@ -1589,14 +1605,23 @@ function kr() {
         mb: 2,
         mt: { xs: 2, md: 0 },
         children: [
-          /* @__PURE__ */ t(v, { variant: "h3", children: e("blocklet.search", { keyword: d.keyword }) }),
-          /* @__PURE__ */ t(v, { variant: "body1", color: "text.lighter", fontSize: 13, children: e("blocklet.resultCount", { count: g }) })
+          /* @__PURE__ */ t(
+            v,
+            {
+              variant: "h3",
+              title: d.keyword,
+              maxWidth: "50vw",
+              sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+              children: e("blocklet.search", { keyword: d.keyword })
+            }
+          ),
+          /* @__PURE__ */ t(v, { variant: "body1", color: "text.lighter", fontSize: 13, children: e("blocklet.resultCount", { count: x }) })
         ]
       }
     );
   }
 }
-function vr() {
+function Cr() {
   const { t: e, selectedCategory: r, getCategoryLocale: o } = R(), { toggleOpen: n } = Ce();
   return /* @__PURE__ */ h(
     v,
@@ -1614,13 +1639,13 @@ function vr() {
     }
   );
 }
-function Cr({ menus: e, children: r }) {
+function Sr({ menus: e, children: r }) {
   var d;
   const { search: o, layout: n, compact: l } = R(), { filters: a } = o, s = re(null), i = a.category || a.keyword || a.price, m = (d = e == null ? void 0 : e.find((f) => f.key === a.menu)) == null ? void 0 : d.key;
   return /* @__PURE__ */ t($t, { children: /* @__PURE__ */ h(st, { FallbackComponent: be, children: [
-    !l && /* @__PURE__ */ t(vr, {}),
+    !l && /* @__PURE__ */ t(Cr, {}),
     /* @__PURE__ */ h(
-      y,
+      w,
       {
         ref: s,
         display: "flex",
@@ -1628,9 +1653,9 @@ function Cr({ menus: e, children: r }) {
         className: "list-container",
         pt: { xs: 0, md: l ? 0 : 5 },
         children: [
-          /* @__PURE__ */ t(nr, { menus: e }),
+          /* @__PURE__ */ t(ir, { menus: e }),
           /* @__PURE__ */ h(
-            F,
+            O,
             {
               height: "100%",
               position: "relative",
@@ -1643,7 +1668,7 @@ function Cr({ menus: e, children: r }) {
               } : { overflow: "visible" },
               children: [
                 m && (r == null ? void 0 : r(m)),
-                !m && (n.showExplore && !i ? /* @__PURE__ */ t(ur, {}) : /* @__PURE__ */ t(kr, {}))
+                !m && (n.showExplore && !i ? /* @__PURE__ */ t(hr, {}) : /* @__PURE__ */ t(vr, {}))
               ]
             }
           )
@@ -1652,27 +1677,27 @@ function Cr({ menus: e, children: r }) {
     )
   ] }) });
 }
-function Eo(e) {
+function Oo(e) {
   return /* @__PURE__ */ h(Nt, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
     /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
       /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
-        /* @__PURE__ */ t(L, { variant: "rounded", width: 48, height: 48 }),
-        /* @__PURE__ */ t(L, { variant: "text", width: 60, height: 28 })
+        /* @__PURE__ */ t(F, { variant: "rounded", width: 48, height: 48 }),
+        /* @__PURE__ */ t(F, { variant: "text", width: 60, height: 28 })
       ] }),
-      /* @__PURE__ */ t(L, { variant: "text", width: 70, height: 40 })
+      /* @__PURE__ */ t(F, { variant: "text", width: 70, height: 40 })
     ] }),
-    /* @__PURE__ */ t(L, { variant: "text", width: "100%", height: 24 }),
-    /* @__PURE__ */ t(L, { variant: "text", width: "90%", height: 24 }),
+    /* @__PURE__ */ t(F, { variant: "text", width: "100%", height: 24 }),
+    /* @__PURE__ */ t(F, { variant: "text", width: "90%", height: 24 }),
     /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 1, pt: 1.5, children: [
-      /* @__PURE__ */ t(L, { variant: "rounded", width: 24, height: 24 }),
-      /* @__PURE__ */ t(L, { variant: "text", width: "15%", height: 20 }),
-      /* @__PURE__ */ t(L, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
-      /* @__PURE__ */ t(L, { variant: "text", width: "15%", height: 20 })
+      /* @__PURE__ */ t(F, { variant: "rounded", width: 24, height: 24 }),
+      /* @__PURE__ */ t(F, { variant: "text", width: "15%", height: 20 }),
+      /* @__PURE__ */ t(F, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
+      /* @__PURE__ */ t(F, { variant: "text", width: "15%", height: 20 })
     ] })
   ] });
 }
 function Fo({ showSkeleton: e, ...r }) {
-  return e ? /* @__PURE__ */ t(O, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Wt, { ...r });
+  return e ? /* @__PURE__ */ t(L, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Wt, { ...r });
 }
 function Lo(e) {
   const { menus: r, children: o, ...n } = e, l = we(), a = et(
@@ -1704,11 +1729,11 @@ function Lo(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(tt, { theme: a, children: /* @__PURE__ */ t(Jt, { ...n, children: /* @__PURE__ */ t(Cr, { menus: r, children: o }) }) });
+  return /* @__PURE__ */ t(tt, { theme: a, children: /* @__PURE__ */ t(er, { ...n, children: /* @__PURE__ */ t(Sr, { menus: r, children: o }) }) });
 }
 export {
-  hr as Autocomplete,
-  Eo as CardSkeleton,
+  pr as Autocomplete,
+  Oo as CardSkeleton,
   Fo as Image,
   Lo as default,
   Ht as useSearch

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.16.38",
+  "version": "0.16.40",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,8 +52,8 @@
     "react-dom": ">=18.2.0"
   },
   "dependencies": {
-    "@blocklet/js-sdk": "^1.16.41",
-    "@blocklet/util": "0.16.38",
+    "@blocklet/js-sdk": "^1.16.42-beta-20250409-161010-b0a88c5c",
+    "@blocklet/util": "0.16.40",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -91,5 +91,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "ce784e7b9f5609af000976cb0df98a50d73b588b"
+  "gitHead": "3d69f26ee1e72f584704e34100922d24b207f5e5"
 }