@multiplatform.one/backoffice 7.34.3 → 7.35.0

package/dist/cjs/list/DoctypeListScreen.cjs

@@ -40,8 +40,8 @@ var import_deskLinks = require("../shared/deskLinks.cjs");
 var import_listNavContext = require("../shared/listNavContext.cjs");
 var import_useRecentVisit = require("../shared/useRecentVisit.cjs");
 var import_fieldPermissions = require("../form/fieldPermissions.cjs");
-var import_useDoctypeMeta = require("../shared/useDoctypeMeta.cjs");
 var import_viewAvailability = require("../views/viewAvailability.cjs");
+var import_viewMeta = require("../views/viewMeta.cjs");
 var import_ViewSwitcherMenu = require("../views/ViewSwitcherMenu.cjs");
 var import_useFrappeApp = require("../shared/useFrappeApp.cjs");
 var import_useUserRoles = require("../shared/useUserRoles.cjs");
@@ -55,7 +55,10 @@ var import_filter_chips = require("./filter-chips.cjs");
 var import_filterConversion = require("./filterConversion.cjs");
 var import_sidebar_stats = require("./sidebar-stats.cjs");
 var import_ListFilterBar = require("./ListFilterBar.cjs");
+var import_list_tools_sheet = require("./list-tools-sheet.cjs");
+var import_filter_sort = require("./filter-sort.cjs");
 var import_ListSidebar = require("./ListSidebar.cjs");
+var import_shellSidebarSlot = require("../shell/shellSidebarSlot.cjs");
 var import_listUrlState = require("./listUrlState.cjs");
 var import_useSessionUserId = require("../shared/useSessionUserId.cjs");
 var import_scope = require("../desk/scope.cjs");
@@ -107,21 +110,14 @@ function DoctypeListScreen({
     path: paths.list(doctype)
   });
   const {
-    meta: loadedMeta,
+    meta,
     loading: metaLoading,
     error: metaError,
-    reload: reloadMeta
-  } = (0, import_useDoctypeMeta.useDoctypeMeta)(metaOverride ? void 0 : doctype);
-  const meta = metaOverride ?? loadedMeta;
-  const metaRefused = !meta && metaError !== void 0 && (0, import_frappe_ui.isPermissionError)(metaError);
-  const recordShape = (0, import_frappe_ui.useRecordShape)(config, doctype, metaRefused);
-  const layoutMeta = (0, import_react2.useMemo)(() => meta ?? (recordShape.fields ? {
-    name: doctype,
-    fields: recordShape.fields.map(field => ({
-      ...field,
-      in_list_view: 1
-    }))
-  } : void 0), [meta, recordShape.fields, doctype]);
+    reload: reloadMeta,
+    metaRefused,
+    recordShape,
+    layoutMeta
+  } = (0, import_viewMeta.useViewSource)(doctype, metaOverride);
   (0, import_react2.useEffect)(() => {
     if (metaError && !meta && !metaRefused) {
       emitEvent({
@@ -154,9 +150,13 @@ function DoctypeListScreen({
   const [quickEntryOpen, setQuickEntryOpen] = (0, import_react2.useState)(false);
   const [pendingDialog, setPendingDialog] = (0, import_react2.useState)(null);
   const [likeOverrides, setLikeOverrides] = (0, import_react2.useState)({});
+  const [searchText, setSearchText] = (0, import_react2.useState)("");
+  const [loadedCount, setLoadedCount] = (0, import_react2.useState)(0);
   const pageSizeRef = (0, import_react2.useRef)(pageSize ?? PAGE_SIZES[0]);
   const deskScope = (0, import_scope.useDeskScope)();
-  const fixedFiltersKey = JSON.stringify([...deskScope, ...(fixedFilters ?? [])]);
+  const searchTerm = searchText.trim();
+  const searchField = meta?.title_field || "name";
+  const fixedFiltersKey = JSON.stringify([...deskScope, ...(fixedFilters ?? []), ...(searchTerm ? [[searchField, "like", `%${searchTerm}%`]] : [])]);
   const fixedTuples = (0, import_react2.useMemo)(() => JSON.parse(fixedFiltersKey), [fixedFiltersKey]);
   const withFixed = (0, import_react2.useCallback)(filters => fixedTuples.length > 0 ? [...fixedTuples, ...filters] : filters, [fixedTuples]);
   const initialFiltersRef = (0, import_react2.useRef)(initialFilters);
@@ -193,6 +193,7 @@ function DoctypeListScreen({
     if (doctypeChanged) {
       setSort((0, import_listUrlState.parseSortParam)(sortParam) ?? null);
       setLikeOverrides({});
+      setSearchText("");
       return;
     }
     if (sortParamChanged) {
@@ -202,6 +203,12 @@ function DoctypeListScreen({
       }
     }
   }, [doctype, filtersParam, sortParam, withFixed]);
+  const lastSearchTerm = (0, import_react2.useRef)(searchTerm);
+  (0, import_react2.useEffect)(() => {
+    if (lastSearchTerm.current === searchTerm) return;
+    lastSearchTerm.current = searchTerm;
+    setEffectiveFilters(withFixed(baseFiltersRef.current));
+  }, [searchTerm, withFixed]);
   const sortField = sort?.field ?? meta?.sort_field ?? "modified";
   const sortOrder = sort?.order ?? (meta?.sort_order?.toUpperCase() === "ASC" ? "asc" : "desc");
   const effectiveSortRef = (0, import_react2.useRef)({
@@ -275,6 +282,8 @@ function DoctypeListScreen({
   const handleStateChange = (0, import_react2.useCallback)(state => {
     if (state.pagination?.pageSize) pageSizeRef.current = state.pagination.pageSize;
     (0, import_listNavContext.setListNavContext)(doctype, (state.data ?? []).map(row => row.name).filter(value => typeof value === "string" && value.length > 0));
+    const shown = state.data?.length ?? 0;
+    if (shown > 0) setLoadedCount(previous => previous === shown ? previous : shown);
     const nextFilters = (0, import_filterConversion.tableStateToFrappeFilters)(state);
     setEffectiveFilters(previous => previous && sameFilters(previous, nextFilters) ? previous : nextFilters);
     const sorting = state.sorting?.[0];
@@ -521,13 +530,18 @@ function DoctypeListScreen({
   const bulkActionsEnabled = capabilities.bulkActions.enabled && !metaRefused;
   const availableViews = (0, import_react2.useMemo)(() => {
     if (!capabilities.views.enabled) return [];
-    const permitted = viewsAllowlist ? capabilities.views.allow.filter(view => viewsAllowlist.includes(view)) : capabilities.views.allow;
-    const allow = metaRefused ? permitted.filter(view => view === "report") : permitted;
-    return (0, import_viewAvailability.deriveAvailableViews)(meta, {
-      current: "list",
+    const allow = viewsAllowlist ? capabilities.views.allow.filter(view => viewsAllowlist.includes(view)) : capabilities.views.allow;
+    return (0, import_viewAvailability.deriveAvailableViews)(meta ? {
+      kind: "meta",
+      meta,
+      rights
+    } : metaRefused && recordShape.fields ? {
+      kind: "record",
+      fields: recordShape.fields
+    } : void 0, {
       allow
     });
-  }, [meta, metaRefused, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
+  }, [meta, rights, metaRefused, recordShape.fields, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
   const tableKey = doctype;
   const controlledSorting = (0, import_react2.useMemo)(() => [{
     id: sortField,
@@ -540,6 +554,18 @@ function DoctypeListScreen({
       modified: false
     }
   }), [initialTableFilters, controlledSorting]);
+  const facetPanelWanted = sidebarVisible && !metaRefused;
+  const facetPanel = fill => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListSidebar.ListSidebar, {
+    fill,
+    doctype,
+    meta,
+    filters: currentFilters,
+    onFiltersChange: handleBaseFiltersChange
+  });
+  const shellTookPanel = (0, import_shellSidebarSlot.useShellSidebarPanel)(facetPanelWanted && !compactChrome ? {
+    title: t("list.tools.groupBy", "Group by"),
+    content: facetPanel(true)
+  } : null);
   if (metaError && !meta && !metaRefused) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
       flex: 1,
@@ -590,20 +616,16 @@ function DoctypeListScreen({
     gap: "$1.5",
     alignItems: "center",
     flexWrap: "wrap",
-    children: [!compactChrome && !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    children: [!compactChrome && !metaRefused && !shellTookPanel && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: "$3",
       circular: true,
       chromeless: true,
       icon: import_react.SidebarSimpleIcon,
-      display: "none",
-      $sm: {
-        display: "flex"
-      },
       onPress: () => setSidebarVisible(visible => !visible),
       "aria-expanded": sidebarVisible,
       "aria-label": sidebarVisible ? t("list.hideSidebar", "Hide sidebar") : t("list.showSidebar", "Show sidebar")
     }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListFilterBar.ListFilterBar, {
-      compact: compactChrome,
+      collapsed: compactChrome,
       showChips: false,
       doctype,
       meta,
@@ -612,7 +634,8 @@ function DoctypeListScreen({
       sortField,
       sortOrder,
       onSortChange: handleSortChange,
-      likedByUser: sessionUser
+      likedByUser: sessionUser,
+      facets: facetPanelWanted ? facetPanel(true) : void 0
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcherMenu.ViewSwitcherMenu, {
       views: availableViews,
       current: "list",
@@ -648,11 +671,97 @@ function DoctypeListScreen({
       })
     })]
   });
+  const rangeText = countText && count.value && loadedCount > 0 ? t("list.resultRange", {
+    shown: Math.min(loadedCount, count.value),
+    count: count.value,
+    defaultValue: "1\u2013{{shown}} of {{count}}"
+  }) : countText;
+  const compactHeader = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        flex: 1,
+        minWidth: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
+          defaultValue: "",
+          onSearch: setSearchText,
+          clearable: true,
+          placeholder: t("list.searchPlaceholder", {
+            defaultValue: "Search {{doctype}}",
+            doctype
+          }),
+          "aria-label": t("list.searchPlaceholder", {
+            defaultValue: "Search {{doctype}}",
+            doctype
+          })
+        }, doctype)
+      }), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        accent: true,
+        icon: import_react.PlusIcon,
+        onPress: () => setQuickEntryOpen(true),
+        "aria-label": t("list.new", {
+          defaultValue: "New {{doctype}}",
+          doctype
+        }),
+        testID: "backoffice-list-new"
+      })]
+    }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_chips.FilterChips, {
+      outlined: true,
+      meta,
+      filters: baseFilters,
+      onFiltersChange: handleBaseFiltersChange,
+      trailing: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_tools_sheet.ListToolsButton, {
+        doctype,
+        meta,
+        filters: baseFilters,
+        onFiltersChange: handleBaseFiltersChange,
+        sortField,
+        sortOrder,
+        onSortChange: handleSortChange,
+        renderTrigger: open => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+          size: "$4",
+          variant: "outlined",
+          color: "gray",
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlusIcon, {}),
+          onPress: open,
+          children: t("list.filters.filter", "Filter")
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+        size: "$3",
+        color: "$color10",
+        margin: 0,
+        flexShrink: 1,
+        numberOfLines: 1,
+        children: rangeText ?? ""
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$1",
+        flexShrink: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcherMenu.ViewSwitcherMenu, {
+          views: availableViews,
+          current: "list",
+          onViewChange: handleViewChange
+        }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_sort.SortControl, {
+          meta,
+          sortField,
+          sortOrder,
+          onSortChange: handleSortChange
+        })]
+      })]
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
     flex: 1,
+    minHeight: 0,
     ...knobProps.gap,
     ...knobProps.panelPadding,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
+    children: [compactChrome ? compactHeader : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
       gap: "$2",
       heading: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
         gap: "$2",
@@ -680,20 +789,13 @@ function DoctypeListScreen({
       })
     }), (() => {
       const listBody = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-        flex: 1,
+        flexGrow: 1,
+        flexShrink: 0,
+        flexBasis: "auto",
         gap: "$2",
         alignItems: "stretch",
-        children: [sidebarVisible && !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
-          display: "none",
-          $sm: {
-            display: "flex"
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListSidebar.ListSidebar, {
-            doctype,
-            meta,
-            filters: currentFilters,
-            onFiltersChange: handleBaseFiltersChange
-          })
+        children: [facetPanelWanted && !shellTookPanel && !compactChrome && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          children: facetPanel(false)
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
           flex: 1,
           minWidth: 0,
@@ -743,7 +845,7 @@ function DoctypeListScreen({
             refreshToken: refreshGen,
             enablePagination: !fixtureMode,
             paginationMode: "infinite",
-            compact: true,
+            fetchTotalCount: false,
             enableFiltering: false,
             enableGlobalSearch: false,
             enableSorting: true,
@@ -754,12 +856,14 @@ function DoctypeListScreen({
             onRowClick: handleRowClick,
             onStateChange: handleStateChange,
             rights,
-            layout: "list"
+            layout: compactChrome ? "list" : "table"
           }, tableKey)
         })]
       });
-      return import_components.isWeb && !compactChrome ? listBody : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
         flex: 1,
+        minHeight: 0,
+        testID: "backoffice-list-scroll",
         children: listBody
       });
     })(), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_QuickEntryDialog.QuickEntryDialog, {

package/dist/cjs/list/DoctypeListScreen.native.js

@@ -55,8 +55,8 @@ var import_deskLinks = require("../shared/deskLinks.native.js");
 var import_listNavContext = require("../shared/listNavContext.native.js");
 var import_useRecentVisit = require("../shared/useRecentVisit.native.js");
 var import_fieldPermissions = require("../form/fieldPermissions.native.js");
-var import_useDoctypeMeta = require("../shared/useDoctypeMeta.native.js");
 var import_viewAvailability = require("../views/viewAvailability.native.js");
+var import_viewMeta = require("../views/viewMeta.native.js");
 var import_ViewSwitcherMenu = require("../views/ViewSwitcherMenu.native.js");
 var import_useFrappeApp = require("../shared/useFrappeApp.native.js");
 var import_useUserRoles = require("../shared/useUserRoles.native.js");
@@ -70,7 +70,10 @@ var import_filter_chips = require("./filter-chips.native.js");
 var import_filterConversion = require("./filterConversion.native.js");
 var import_sidebar_stats = require("./sidebar-stats.native.js");
 var import_ListFilterBar = require("./ListFilterBar.native.js");
+var import_list_tools_sheet = require("./list-tools-sheet.native.js");
+var import_filter_sort = require("./filter-sort.native.js");
 var import_ListSidebar = require("./ListSidebar.native.js");
+var import_shellSidebarSlot = require("../shell/shellSidebarSlot.native.js");
 var import_listUrlState = require("./listUrlState.native.js");
 var import_useSessionUserId = require("../shared/useSessionUserId.native.js");
 var import_scope = require("../desk/scope.native.js");
@@ -136,25 +139,14 @@ function DoctypeListScreen(param) {
     path: paths.list(doctype)
   });
   var {
-    meta: loadedMeta,
+    meta,
     loading: metaLoading,
     error: metaError,
-    reload: reloadMeta
-  } = (0, import_useDoctypeMeta.useDoctypeMeta)(metaOverride ? void 0 : doctype);
-  var meta = metaOverride !== null && metaOverride !== void 0 ? metaOverride : loadedMeta;
-  var metaRefused = !meta && metaError !== void 0 && (0, import_frappe_ui.isPermissionError)(metaError);
-  var recordShape = (0, import_frappe_ui.useRecordShape)(config, doctype, metaRefused);
-  var layoutMeta = (0, import_react3.useMemo)(function () {
-    return meta !== null && meta !== void 0 ? meta : recordShape.fields ? {
-      name: doctype,
-      fields: recordShape.fields.map(function (field) {
-        return {
-          ...field,
-          in_list_view: 1
-        };
-      })
-    } : void 0;
-  }, [meta, recordShape.fields, doctype]);
+    reload: reloadMeta,
+    metaRefused,
+    recordShape,
+    layoutMeta
+  } = (0, import_viewMeta.useViewSource)(doctype, metaOverride);
   (0, import_react3.useEffect)(function () {
     if (metaError && !meta && !metaRefused) {
       emitEvent({
@@ -192,9 +184,13 @@ function DoctypeListScreen(param) {
   var [quickEntryOpen, setQuickEntryOpen] = (0, import_react3.useState)(false);
   var [pendingDialog, setPendingDialog] = (0, import_react3.useState)(null);
   var [likeOverrides, setLikeOverrides] = (0, import_react3.useState)({});
+  var [searchText, setSearchText] = (0, import_react3.useState)("");
+  var [loadedCount, setLoadedCount] = (0, import_react3.useState)(0);
   var pageSizeRef = (0, import_react3.useRef)(pageSize !== null && pageSize !== void 0 ? pageSize : PAGE_SIZES[0]);
   var deskScope = (0, import_scope.useDeskScope)();
-  var fixedFiltersKey = JSON.stringify([...deskScope, ...(fixedFilters !== null && fixedFilters !== void 0 ? fixedFilters : [])]);
+  var searchTerm = searchText.trim();
+  var searchField = (meta === null || meta === void 0 ? void 0 : meta.title_field) || "name";
+  var fixedFiltersKey = JSON.stringify([...deskScope, ...(fixedFilters !== null && fixedFilters !== void 0 ? fixedFilters : []), ...(searchTerm ? [[searchField, "like", `%${searchTerm}%`]] : [])]);
   var fixedTuples = (0, import_react3.useMemo)(function () {
     return JSON.parse(fixedFiltersKey);
   }, [fixedFiltersKey]);
@@ -237,6 +233,7 @@ function DoctypeListScreen(param) {
       var _parseSortParam;
       setSort((_parseSortParam = (0, import_listUrlState.parseSortParam)(sortParam)) !== null && _parseSortParam !== void 0 ? _parseSortParam : null);
       setLikeOverrides({});
+      setSearchText("");
       return;
     }
     if (sortParamChanged) {
@@ -247,6 +244,12 @@ function DoctypeListScreen(param) {
       }
     }
   }, [doctype, filtersParam, sortParam, withFixed]);
+  var lastSearchTerm = (0, import_react3.useRef)(searchTerm);
+  (0, import_react3.useEffect)(function () {
+    if (lastSearchTerm.current === searchTerm) return;
+    lastSearchTerm.current = searchTerm;
+    setEffectiveFilters(withFixed(baseFiltersRef.current));
+  }, [searchTerm, withFixed]);
   var sortField = (_ref = (_ref1 = sort === null || sort === void 0 ? void 0 : sort.field) !== null && _ref1 !== void 0 ? _ref1 : meta === null || meta === void 0 ? void 0 : meta.sort_field) !== null && _ref !== void 0 ? _ref : "modified";
   var sortOrder = (_ref2 = sort === null || sort === void 0 ? void 0 : sort.order) !== null && _ref2 !== void 0 ? _ref2 : (meta === null || meta === void 0 ? void 0 : (_meta_sort_order = meta.sort_order) === null || _meta_sort_order === void 0 ? void 0 : _meta_sort_order.toUpperCase()) === "ASC" ? "asc" : "desc";
   var effectiveSortRef = (0, import_react3.useRef)({
@@ -334,14 +337,18 @@ function DoctypeListScreen(param) {
     });
   }, [writeUrlState]);
   var handleStateChange = (0, import_react3.useCallback)(function (state) {
-    var _state_data;
-    var _state_pagination, _state_sorting;
+    var _state_data, _ref3;
+    var _state_pagination, _state_data1, _state_sorting;
     if ((_state_pagination = state.pagination) === null || _state_pagination === void 0 ? void 0 : _state_pagination.pageSize) pageSizeRef.current = state.pagination.pageSize;
     (0, import_listNavContext.setListNavContext)(doctype, ((_state_data = state.data) !== null && _state_data !== void 0 ? _state_data : []).map(function (row) {
       return row.name;
     }).filter(function (value) {
       return typeof value === "string" && value.length > 0;
     }));
+    var shown = (_ref3 = (_state_data1 = state.data) === null || _state_data1 === void 0 ? void 0 : _state_data1.length) !== null && _ref3 !== void 0 ? _ref3 : 0;
+    if (shown > 0) setLoadedCount(function (previous) {
+      return previous === shown ? previous : shown;
+    });
     var nextFilters = (0, import_filterConversion.tableStateToFrappeFilters)(state);
     setEffectiveFilters(function (previous) {
       return previous && sameFilters(previous, nextFilters) ? previous : nextFilters;
@@ -614,17 +621,20 @@ function DoctypeListScreen(param) {
   var bulkActionsEnabled = capabilities.bulkActions.enabled && !metaRefused;
   var availableViews = (0, import_react3.useMemo)(function () {
     if (!capabilities.views.enabled) return [];
-    var permitted = viewsAllowlist ? capabilities.views.allow.filter(function (view) {
+    var allow = viewsAllowlist ? capabilities.views.allow.filter(function (view) {
       return viewsAllowlist.includes(view);
     }) : capabilities.views.allow;
-    var allow = metaRefused ? permitted.filter(function (view) {
-      return view === "report";
-    }) : permitted;
-    return (0, import_viewAvailability.deriveAvailableViews)(meta, {
-      current: "list",
+    return (0, import_viewAvailability.deriveAvailableViews)(meta ? {
+      kind: "meta",
+      meta,
+      rights
+    } : metaRefused && recordShape.fields ? {
+      kind: "record",
+      fields: recordShape.fields
+    } : void 0, {
       allow
     });
-  }, [meta, metaRefused, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
+  }, [meta, rights, metaRefused, recordShape.fields, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
   var tableKey = doctype;
   var controlledSorting = (0, import_react3.useMemo)(function () {
     return [{
@@ -641,6 +651,20 @@ function DoctypeListScreen(param) {
       }
     };
   }, [initialTableFilters, controlledSorting]);
+  var facetPanelWanted = sidebarVisible && !metaRefused;
+  var facetPanel = function facetPanel2(fill) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListSidebar.ListSidebar, {
+      fill,
+      doctype,
+      meta,
+      filters: currentFilters,
+      onFiltersChange: handleBaseFiltersChange
+    });
+  };
+  var shellTookPanel = (0, import_shellSidebarSlot.useShellSidebarPanel)(facetPanelWanted && !compactChrome ? {
+    title: t("list.tools.groupBy", "Group by"),
+    content: facetPanel(true)
+  } : null);
   if (metaError && !meta && !metaRefused) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
       flex: 1,
@@ -691,15 +715,15 @@ function DoctypeListScreen(param) {
     gap: "$1.5",
     alignItems: "center",
     flexWrap: "wrap",
-    children: [!compactChrome && !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    children: [
+    /* The page's own column toggle: only when no shell took the panel
+    (the shell's stacked group collapses itself), never on phones
+    (the tools sheet carries the facets there). */
+    !compactChrome && !metaRefused && !shellTookPanel && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: "$3",
       circular: true,
       chromeless: true,
       icon: import_react2.SidebarSimpleIcon,
-      display: "none",
-      $sm: {
-        display: "flex"
-      },
       onPress: function onPress() {
         return setSidebarVisible(function (visible) {
           return !visible;
@@ -708,7 +732,7 @@ function DoctypeListScreen(param) {
       "aria-expanded": sidebarVisible,
       "aria-label": sidebarVisible ? t("list.hideSidebar", "Hide sidebar") : t("list.showSidebar", "Show sidebar")
     }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListFilterBar.ListFilterBar, {
-      compact: compactChrome,
+      collapsed: compactChrome,
       showChips: false,
       doctype,
       meta,
@@ -717,7 +741,8 @@ function DoctypeListScreen(param) {
       sortField,
       sortOrder,
       onSortChange: handleSortChange,
-      likedByUser: sessionUser
+      likedByUser: sessionUser,
+      facets: facetPanelWanted ? facetPanel(true) : void 0
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcherMenu.ViewSwitcherMenu, {
       views: availableViews,
       current: "list",
@@ -757,11 +782,101 @@ function DoctypeListScreen(param) {
       })
     })]
   });
+  var rangeText = countText && count.value && loadedCount > 0 ? t("list.resultRange", {
+    shown: Math.min(loadedCount, count.value),
+    count: count.value,
+    defaultValue: "1\u2013{{shown}} of {{count}}"
+  }) : countText;
+  var compactHeader = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        flex: 1,
+        minWidth: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
+          defaultValue: "",
+          onSearch: setSearchText,
+          clearable: true,
+          placeholder: t("list.searchPlaceholder", {
+            defaultValue: "Search {{doctype}}",
+            doctype
+          }),
+          "aria-label": t("list.searchPlaceholder", {
+            defaultValue: "Search {{doctype}}",
+            doctype
+          })
+        }, doctype)
+      }), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        accent: true,
+        icon: import_react2.PlusIcon,
+        onPress: function onPress() {
+          return setQuickEntryOpen(true);
+        },
+        "aria-label": t("list.new", {
+          defaultValue: "New {{doctype}}",
+          doctype
+        }),
+        testID: "backoffice-list-new"
+      })]
+    }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_chips.FilterChips, {
+      outlined: true,
+      meta,
+      filters: baseFilters,
+      onFiltersChange: handleBaseFiltersChange,
+      trailing: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_tools_sheet.ListToolsButton, {
+        doctype,
+        meta,
+        filters: baseFilters,
+        onFiltersChange: handleBaseFiltersChange,
+        sortField,
+        sortOrder,
+        onSortChange: handleSortChange,
+        renderTrigger: function renderTrigger(open) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+            size: "$4",
+            variant: "outlined",
+            color: "gray",
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.PlusIcon, {}),
+            onPress: open,
+            children: t("list.filters.filter", "Filter")
+          });
+        }
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+        size: "$3",
+        color: "$color10",
+        margin: 0,
+        flexShrink: 1,
+        numberOfLines: 1,
+        children: rangeText !== null && rangeText !== void 0 ? rangeText : ""
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$1",
+        flexShrink: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcherMenu.ViewSwitcherMenu, {
+          views: availableViews,
+          current: "list",
+          onViewChange: handleViewChange
+        }), !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_sort.SortControl, {
+          meta,
+          sortField,
+          sortOrder,
+          onSortChange: handleSortChange
+        })]
+      })]
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
     flex: 1,
+    minHeight: 0,
     ...knobProps.gap,
     ...knobProps.panelPadding,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
+    children: [compactChrome ? compactHeader : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
       gap: "$2",
       heading: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
         gap: "$2",
@@ -796,26 +911,17 @@ function DoctypeListScreen(param) {
       var _ref3;
       var _slots_renderListEmpty;
       var listBody = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-        flex: 1,
+        flexGrow: 1,
+        flexShrink: 0,
+        flexBasis: "auto",
         gap: "$2",
         alignItems: "stretch",
         children: [
-        /* Facet sidebar needs bench RPCs (fixture mode hides it) and is
-        hidden on narrow viewports (< $sm) like desk. MOD-04 keeps it:
-        facet clicks toggle tuples through the same baseFilters
-        channel (handleBaseFiltersChange) — counts are informative,
-        the chips row is the shared readout. */
-        sidebarVisible && !metaRefused && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
-          display: "none",
-          $sm: {
-            display: "flex"
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListSidebar.ListSidebar, {
-            doctype,
-            meta,
-            filters: currentFilters,
-            onFiltersChange: handleBaseFiltersChange
-          })
+        /* LC-101: only when no shell took the panel (no shell above,
+        or it is withdrawn) does it stand as the page's one sidebar
+        column. Phones get it in the tools sheet instead. */
+        facetPanelWanted && !shellTookPanel && !compactChrome && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          children: facetPanel(false)
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
           flex: 1,
           minWidth: 0,
@@ -870,7 +976,7 @@ function DoctypeListScreen(param) {
             refreshToken: refreshGen,
             enablePagination: !fixtureMode,
             paginationMode: "infinite",
-            compact: true,
+            fetchTotalCount: false,
             // ONE FILTER SYSTEM (MOD-04 / LC-16): the list chrome is
             // the single filtering authority; tuples reach the table
             // through controlledState (in-place adoption — no remount).
@@ -889,12 +995,14 @@ function DoctypeListScreen(param) {
             onRowClick: handleRowClick,
             onStateChange: handleStateChange,
             rights,
-            layout: "list"
+            layout: compactChrome ? "list" : "table"
           }, tableKey)
         })]
       });
-      return import_components.isWeb && !compactChrome ? listBody : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
         flex: 1,
+        minHeight: 0,
+        testID: "backoffice-list-scroll",
         children: listBody
       });
     }(), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_QuickEntryDialog.QuickEntryDialog, {