blixify-ui-web 1.2.91 → 1.2.93

package/lib/components/data/dataTemplate/index.js

@@ -92,6 +92,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTemplate = void 0;
 var outline_1 = require("@heroicons/react/24/outline");
 var HeroIcons = __importStar(require("@heroicons/react/24/solid"));
+// INFO: the outline bookmark, for a tab that is not the default one. HeroIcons
+// above is the solid set.
+var BookmarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/BookmarkIcon"));
 var solid_1 = require("@heroicons/react/24/solid");
 var html2canvas_1 = __importDefault(require("html2canvas"));
 var jspdf_1 = __importDefault(require("jspdf"));
@@ -132,6 +135,7 @@ var textInput_1 = require("../../input/textInput");
 var uploadInput_1 = require("../../input/uploadInput");
 var bars_1 = require("../../navigation/bars");
 var breadcrumb_1 = require("../../navigation/breadcrumb");
+var filePreview_1 = require("../../display/filePreview");
 var tabs_1 = require("../../navigation/tabs");
 var link_1 = require("../../structure/link");
 var authModule_1 = require("../authModule");
@@ -194,10 +198,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // Every read of the view type below uses resolvedType. The distinction matters
     // most in effect dependency arrays — following props.type there would leave
     // the list never refetching while the panel is open, which fails silently.
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78;
     // INFO: the panel cannot navigate its way out — handleNavigate("read") is
     // routed straight back into it — so expand-to-full-page is local state.
-    var _72 = (0, react_1.useState)(false), drawerPageView = _72[0], setDrawerPageView = _72[1];
+    var _79 = (0, react_1.useState)(false), drawerPageView = _79[0], setDrawerPageView = _79[1];
     // INFO: the panel keeps rendering the record it was opened with rather than
     // live props. Without this, navigating back to the list would re-render the
     // still-mounted panel as a second list behind the overlay.
@@ -279,16 +283,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _73 = intialiseDefaultFilterValues(), initialFilterSearch = _73.initialFilterSearch, initialFilterSearchParams = _73.initialFilterSearchParams, initialFilterSelection = _73.initialFilterSelection, initialFilterReference = _73.initialFilterReference, initialFilterReferenceDate = _73.initialFilterReferenceDate;
+    var _80 = intialiseDefaultFilterValues(), initialFilterSearch = _80.initialFilterSearch, initialFilterSearchParams = _80.initialFilterSearchParams, initialFilterSelection = _80.initialFilterSelection, initialFilterReference = _80.initialFilterReference, initialFilterReferenceDate = _80.initialFilterReferenceDate;
     // INFO: Persist view state hook — handles storage read/write for filter/sort/column state
-    var _74 = (0, viewStatePersistence_1.usePersistedViewState)({
+    var _81 = (0, viewStatePersistence_1.usePersistedViewState)({
         mode: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.persistViewState,
         collectionId: props.collectionId,
         persistKey: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.persistKey,
         type: resolvedType,
-    }), persistedState = _74.persistedState, isPersistEnabled = _74.isEnabled, handleSaveView = _74.handleSaveView;
-    var _75 = (0, react_1.useState)(false), loading = _75[0], setLoading = _75[1];
-    var _76 = (0, react_1.useState)(), notification = _76[0], setNotification = _76[1];
+    }), persistedState = _81.persistedState, isPersistEnabled = _81.isEnabled, handleSaveView = _81.handleSaveView;
+    var _82 = (0, react_1.useState)(false), loading = _82[0], setLoading = _82[1];
+    var _83 = (0, react_1.useState)(), notification = _83[0], setNotification = _83[1];
     // INFO: a success toast is confirmation, not a decision — it clears itself so
     // it never sits on the floating step bar; errors stay until dismissed
     (0, react_1.useEffect)(function () {
@@ -298,53 +302,53 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return function () { return clearTimeout(timer); };
     }, [notification]);
     //INFO : Used by List
-    var _77 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _77[0], setFilterSearch = _77[1];
-    var _78 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _78[0], setFilterSearchParams = _78[1];
-    var _79 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _79[0], setFilterSelection = _79[1];
-    var _80 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _80[0], setFilterReference = _80[1];
-    var _81 = (0, react_1.useState)({}), filterReferenceSearch = _81[0], setFilterReferenceSearch = _81[1];
-    var _82 = (0, react_1.useState)({}), filterReferenceList = _82[0], setFilterReferenceList = _82[1];
-    var _83 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
+    var _84 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _84[0], setFilterSearch = _84[1];
+    var _85 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _85[0], setFilterSearchParams = _85[1];
+    var _86 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _86[0], setFilterSelection = _86[1];
+    var _87 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _87[0], setFilterReference = _87[1];
+    var _88 = (0, react_1.useState)({}), filterReferenceSearch = _88[0], setFilterReferenceSearch = _88[1];
+    var _89 = (0, react_1.useState)({}), filterReferenceList = _89[0], setFilterReferenceList = _89[1];
+    var _90 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
         ? (0, viewStatePersistence_1.parseDateFilterState)(persistedState.filterReferenceDate)
-        : initialFilterReferenceDate), filterReferenceDate = _83[0], setFilterReferenceDate = _83[1];
-    var _84 = (0, react_1.useState)(true), tableLoading = _84[0], setTableLoading = _84[1];
-    var _85 = (0, react_1.useState)(""), cursor = _85[0], setCursor = _85[1];
-    var _86 = (0, react_1.useState)(""), lastCursor = _86[0], setLastCursor = _86[1];
-    var _87 = (0, react_1.useState)([]), tableData = _87[0], setTableData = _87[1];
-    var _88 = (0, react_1.useState)([]), spaceTableData = _88[0], setSpaceTableData = _88[1];
-    var _89 = (0, react_1.useState)(0), size = _89[0], setSize = _89[1];
-    var _90 = (0, react_1.useState)((_k = (_h = persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageIndex) !== null && _h !== void 0 ? _h : (_j = props.organise) === null || _j === void 0 ? void 0 : _j.pageIndex) !== null && _k !== void 0 ? _k : 0), pageIndex = _90[0], setPageIndex = _90[1];
-    var _91 = (0, react_1.useState)([]), selectedIds = _91[0], setSelectedIds = _91[1];
-    var _92 = (0, react_1.useState)(false), selectAll = _92[0], setSelectAll = _92[1];
-    var _93 = (0, react_1.useState)(""), deletePasscode = _93[0], setDeletePasscode = _93[1];
-    var _94 = (0, react_1.useState)(""), deletePasscodeInput = _94[0], setDeletePasscodeInput = _94[1];
-    var _95 = (0, react_1.useState)(""), deleteFeedId = _95[0], setDeleteFeedId = _95[1];
+        : initialFilterReferenceDate), filterReferenceDate = _90[0], setFilterReferenceDate = _90[1];
+    var _91 = (0, react_1.useState)(true), tableLoading = _91[0], setTableLoading = _91[1];
+    var _92 = (0, react_1.useState)(""), cursor = _92[0], setCursor = _92[1];
+    var _93 = (0, react_1.useState)(""), lastCursor = _93[0], setLastCursor = _93[1];
+    var _94 = (0, react_1.useState)([]), tableData = _94[0], setTableData = _94[1];
+    var _95 = (0, react_1.useState)([]), spaceTableData = _95[0], setSpaceTableData = _95[1];
+    var _96 = (0, react_1.useState)(0), size = _96[0], setSize = _96[1];
+    var _97 = (0, react_1.useState)((_k = (_h = persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageIndex) !== null && _h !== void 0 ? _h : (_j = props.organise) === null || _j === void 0 ? void 0 : _j.pageIndex) !== null && _k !== void 0 ? _k : 0), pageIndex = _97[0], setPageIndex = _97[1];
+    var _98 = (0, react_1.useState)([]), selectedIds = _98[0], setSelectedIds = _98[1];
+    var _99 = (0, react_1.useState)(false), selectAll = _99[0], setSelectAll = _99[1];
+    var _100 = (0, react_1.useState)(""), deletePasscode = _100[0], setDeletePasscode = _100[1];
+    var _101 = (0, react_1.useState)(""), deletePasscodeInput = _101[0], setDeletePasscodeInput = _101[1];
+    var _102 = (0, react_1.useState)(""), deleteFeedId = _102[0], setDeleteFeedId = _102[1];
     //INFO : Used by List Organise
     // INFO: Internal sort state that overrides props.organise?.sort when
     // persistViewState is enabled and a persisted sort exists
-    var _96 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _96[0], setPersistedSort = _96[1];
-    var _97 = (0, react_1.useState)(false), filterDraft = _97[0], setFilterDraft = _97[1];
-    var _98 = (0, react_1.useState)(false), addTabModal = _98[0], setAddTabModal = _98[1];
+    var _103 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _103[0], setPersistedSort = _103[1];
+    var _104 = (0, react_1.useState)(false), filterDraft = _104[0], setFilterDraft = _104[1];
+    var _105 = (0, react_1.useState)(false), addTabModal = _105[0], setAddTabModal = _105[1];
     //INFO : resolve the initial tab synchronously so the mount cond is already
     // tab-scoped — an empty initial tab caused a second wasted list fetch
-    var _99 = (0, react_1.useState)(function () {
+    var _106 = (0, react_1.useState)(function () {
         var _a, _b;
         return (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, resolvedType, props.collectionId, props.id, (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.viewId);
-    }), selectedTab = _99[0], setSelectedTab = _99[1];
-    var _100 = (0, react_1.useState)("dayGridMonth"), calendarView = _100[0], setCalendarView = _100[1];
+    }), selectedTab = _106[0], setSelectedTab = _106[1];
+    var _107 = (0, react_1.useState)("dayGridMonth"), calendarView = _107[0], setCalendarView = _107[1];
     // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
     // (calendarView above drives the matching range query)
-    var _101 = (0, react_1.useState)("month"), newCalendarViewMode = _101[0], setNewCalendarViewMode = _101[1];
-    var _102 = (0, react_1.useState)(new Date()), calendarTabMonth = _102[0], setCalendarTabMonth = _102[1];
-    var _103 = (0, react_1.useState)(true), kanbanDroppable = _103[0], setKanbanDroppable = _103[1];
-    var _104 = (0, react_1.useState)([]), kanbanOptions = _104[0], setKanbanOptions = _104[1];
-    var _105 = (0, react_1.useState)(false), queryForm = _105[0], setQueryForm = _105[1];
-    var _106 = (0, react_1.useState)(false), batchUpdateModal = _106[0], setBatchUpdateModal = _106[1];
-    var _107 = (0, react_1.useState)({
+    var _108 = (0, react_1.useState)("month"), newCalendarViewMode = _108[0], setNewCalendarViewMode = _108[1];
+    var _109 = (0, react_1.useState)(new Date()), calendarTabMonth = _109[0], setCalendarTabMonth = _109[1];
+    var _110 = (0, react_1.useState)(true), kanbanDroppable = _110[0], setKanbanDroppable = _110[1];
+    var _111 = (0, react_1.useState)([]), kanbanOptions = _111[0], setKanbanOptions = _111[1];
+    var _112 = (0, react_1.useState)(false), queryForm = _112[0], setQueryForm = _112[1];
+    var _113 = (0, react_1.useState)(false), batchUpdateModal = _113[0], setBatchUpdateModal = _113[1];
+    var _114 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _107[0], setBatchUpdateData = _107[1];
-    var _108 = (0, react_1.useState)(function () {
+    }), batchUpdateData = _114[0], setBatchUpdateData = _114[1];
+    var _115 = (0, react_1.useState)(function () {
         var baseModel = (props === null || props === void 0 ? void 0 : props.model) || [];
         if (!persistedState)
             return baseModel;
@@ -370,8 +374,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _108[0], setStructure = _108[1];
-    var _109 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _109[0], setAdditionalQuery = _109[1];
+    }), structure = _115[0], setStructure = _115[1];
+    var _116 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _116[0], setAdditionalQuery = _116[1];
     // INFO: State for user-configurable flex filters (Monday.com-style)
     // INFO: Initialize with one empty row so users see inputs immediately without clicking "Add Filter"
     var defaultFlexFilterRow = [
@@ -382,109 +386,109 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _110 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _117 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFilters = _110[0], setFlexFilters = _110[1];
+        : defaultFlexFilterRow), flexFilters = _117[0], setFlexFilters = _117[1];
     // INFO: Debounced version of flexFilters used by renderImpSearchFilterConditions
     // to prevent API calls on every keystroke when typing in value inputs
-    var _111 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _118 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFiltersDebounced = _111[0], setFlexFiltersDebounced = _111[1];
-    var _112 = (0, react_1.useState)({}), flexFilterReferenceOptions = _112[0], setFlexFilterReferenceOptions = _112[1];
-    var _113 = (0, react_1.useState)({}), flexFilterReferenceSearch = _113[0], setFlexFilterReferenceSearch = _113[1];
-    var _114 = (0, react_1.useState)(false), flexFilterModalOpen = _114[0], setFlexFilterModalOpen = _114[1];
-    var _115 = (0, react_1.useState)(false), viewSettingsModalOpen = _115[0], setViewSettingsModalOpen = _115[1];
+        : defaultFlexFilterRow), flexFiltersDebounced = _118[0], setFlexFiltersDebounced = _118[1];
+    var _119 = (0, react_1.useState)({}), flexFilterReferenceOptions = _119[0], setFlexFilterReferenceOptions = _119[1];
+    var _120 = (0, react_1.useState)({}), flexFilterReferenceSearch = _120[0], setFlexFilterReferenceSearch = _120[1];
+    var _121 = (0, react_1.useState)(false), flexFilterModalOpen = _121[0], setFlexFilterModalOpen = _121[1];
+    var _122 = (0, react_1.useState)(false), viewSettingsModalOpen = _122[0], setViewSettingsModalOpen = _122[1];
     // INFO: Columns the end user chose to hide (bareSettings.bareViewSettings).
     // Deliberately kept out of `structure`: the props-sync effect below resets
     // structure to props.model whenever props change, which would wipe the
     // choice, and the persist effect derives schema-level hiddenColumnIds from
     // structure — writing user hides there would blur the two concepts.
-    var _116 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _116[0], setUserHiddenColumnIds = _116[1];
-    var _117 = (0, react_1.useState)(""), columnSearch = _117[0], setColumnSearch = _117[1];
-    var _118 = (0, react_1.useState)(null), draggingColumnId = _118[0], setDraggingColumnId = _118[1];
+    var _123 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _123[0], setUserHiddenColumnIds = _123[1];
+    var _124 = (0, react_1.useState)(""), columnSearch = _124[0], setColumnSearch = _124[1];
+    var _125 = (0, react_1.useState)(null), draggingColumnId = _125[0], setDraggingColumnId = _125[1];
     var columnRowRefs = (0, react_1.useRef)({});
     //INFO : Used by Auth
-    var _119 = (0, react_1.useState)({
+    var _126 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _119[0], setAuthMethods = _119[1];
-    var _120 = (0, react_1.useState)(""), selectedAuthMethod = _120[0], setSelectedAuthMethod = _120[1];
+    }), authMethods = _126[0], setAuthMethods = _126[1];
+    var _127 = (0, react_1.useState)(""), selectedAuthMethod = _127[0], setSelectedAuthMethod = _127[1];
     // INFO: Used by Activity Log
-    var _121 = (0, react_1.useState)(false), activityModal = _121[0], setActivityModal = _121[1];
-    var _122 = (0, react_1.useState)(""), activityId = _122[0], setActivityId = _122[1];
+    var _128 = (0, react_1.useState)(false), activityModal = _128[0], setActivityModal = _128[1];
+    var _129 = (0, react_1.useState)(""), activityId = _129[0], setActivityId = _129[1];
     //INFO : Used by Export
-    var _123 = (0, react_1.useState)(null), csvFile = _123[0], setCSVFile = _123[1];
-    var _124 = (0, react_1.useState)([]), csvFileData = _124[0], setCSVFileData = _124[1];
-    var _125 = (0, react_1.useState)(0), stepCSVIndex = _125[0], setStepCSVIndex = _125[1];
-    var _126 = (0, react_1.useState)({}), listCSVMapAttribute = _126[0], setListCSVMapAttribute = _126[1];
-    var _127 = (0, react_1.useState)({}), listCSVObjAttribute = _127[0], setListCSVObjAttribute = _127[1];
-    var _128 = (0, react_1.useState)([]), csvAPIAttribute = _128[0], setCSVAPIAttribute = _128[1];
-    var _129 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _129[0], setExportCSVEmail = _129[1];
-    var _130 = (0, react_1.useState)(((_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.exportSettings) === null || _r === void 0 ? void 0 : _r.defaultExportPDFName) || ""), exportPDFTitle = _130[0], setExportPDFTitle = _130[1];
-    var _131 = (0, react_1.useState)(false), exportPDFLoading = _131[0], setExportPDFLoading = _131[1];
-    var _132 = (0, react_1.useState)(false), exportReadPDFLoading = _132[0], setExportReadPDFLoading = _132[1];
-    var _133 = (0, react_1.useState)((_u = (_t = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.exportSettings) === null || _t === void 0 ? void 0 : _t.sumColumnId) !== null && _u !== void 0 ? _u : []), exportSumAttributeIds = _133[0], setExportSumAttributeIds = _133[1];
-    var _134 = (0, react_1.useState)((_x = (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.exportSettings) === null || _w === void 0 ? void 0 : _w.hideSubItems) !== null && _x !== void 0 ? _x : false), hideSubItems = _134[0], setHideSubItems = _134[1];
-    var _135 = (0, react_1.useState)([]), importTableData = _135[0], setImportTableData = _135[1];
-    var _136 = (0, react_1.useState)([]), queryList = _136[0], setQueryList = _136[1];
-    var _137 = (0, react_1.useState)(undefined), allQueryList = _137[0], setAllQueryList = _137[1];
-    var _138 = (0, react_1.useState)(-1), queryIndex = _138[0], setQueryIndex = _138[1];
-    var _139 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _139[0], setGroupId = _139[1];
-    var _140 = (0, react_1.useState)(""), readTabSection = _140[0], setReadTabSection = _140[1];
-    var _141 = (0, react_1.useState)(false), readFloatingNav = _141[0], setReadFloatingNav = _141[1];
+    var _130 = (0, react_1.useState)(null), csvFile = _130[0], setCSVFile = _130[1];
+    var _131 = (0, react_1.useState)([]), csvFileData = _131[0], setCSVFileData = _131[1];
+    var _132 = (0, react_1.useState)(0), stepCSVIndex = _132[0], setStepCSVIndex = _132[1];
+    var _133 = (0, react_1.useState)({}), listCSVMapAttribute = _133[0], setListCSVMapAttribute = _133[1];
+    var _134 = (0, react_1.useState)({}), listCSVObjAttribute = _134[0], setListCSVObjAttribute = _134[1];
+    var _135 = (0, react_1.useState)([]), csvAPIAttribute = _135[0], setCSVAPIAttribute = _135[1];
+    var _136 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _136[0], setExportCSVEmail = _136[1];
+    var _137 = (0, react_1.useState)(((_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.exportSettings) === null || _r === void 0 ? void 0 : _r.defaultExportPDFName) || ""), exportPDFTitle = _137[0], setExportPDFTitle = _137[1];
+    var _138 = (0, react_1.useState)(false), exportPDFLoading = _138[0], setExportPDFLoading = _138[1];
+    var _139 = (0, react_1.useState)(false), exportReadPDFLoading = _139[0], setExportReadPDFLoading = _139[1];
+    var _140 = (0, react_1.useState)((_u = (_t = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.exportSettings) === null || _t === void 0 ? void 0 : _t.sumColumnId) !== null && _u !== void 0 ? _u : []), exportSumAttributeIds = _140[0], setExportSumAttributeIds = _140[1];
+    var _141 = (0, react_1.useState)((_x = (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.exportSettings) === null || _w === void 0 ? void 0 : _w.hideSubItems) !== null && _x !== void 0 ? _x : false), hideSubItems = _141[0], setHideSubItems = _141[1];
+    var _142 = (0, react_1.useState)([]), importTableData = _142[0], setImportTableData = _142[1];
+    var _143 = (0, react_1.useState)([]), queryList = _143[0], setQueryList = _143[1];
+    var _144 = (0, react_1.useState)(undefined), allQueryList = _144[0], setAllQueryList = _144[1];
+    var _145 = (0, react_1.useState)(-1), queryIndex = _145[0], setQueryIndex = _145[1];
+    var _146 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _146[0], setGroupId = _146[1];
+    var _147 = (0, react_1.useState)(""), readTabSection = _147[0], setReadTabSection = _147[1];
+    var _148 = (0, react_1.useState)(false), readFloatingNav = _148[0], setReadFloatingNav = _148[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _142 = (0, react_1.useState)(false), modalVisible = _142[0], setModalVisible = _142[1];
-    var _143 = (0, react_1.useState)(false), deleteModal = _143[0], setDeleteModal = _143[1];
-    var _144 = (0, react_1.useState)(false), excelModal = _144[0], setExcelModal = _144[1];
-    var _145 = (0, react_1.useState)(false), exportExcel = _145[0], setExportExcel = _145[1];
-    var _146 = (0, react_1.useState)(""), exportType = _146[0], setExportType = _146[1];
-    var _147 = (0, react_1.useState)(false), exportQR = _147[0], setExportQR = _147[1];
-    var _148 = (0, react_1.useState)(function () {
+    var _149 = (0, react_1.useState)(false), modalVisible = _149[0], setModalVisible = _149[1];
+    var _150 = (0, react_1.useState)(false), deleteModal = _150[0], setDeleteModal = _150[1];
+    var _151 = (0, react_1.useState)(false), excelModal = _151[0], setExcelModal = _151[1];
+    var _152 = (0, react_1.useState)(false), exportExcel = _152[0], setExportExcel = _152[1];
+    var _153 = (0, react_1.useState)(""), exportType = _153[0], setExportType = _153[1];
+    var _154 = (0, react_1.useState)(false), exportQR = _154[0], setExportQR = _154[1];
+    var _155 = (0, react_1.useState)(function () {
         var _a, _b;
         var firstTabId = (_b = (_a = structure.find(function (item) { return item.tabId; })) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : "";
         return firstTabId;
-    }), activeTab = _148[0], setActiveTab = _148[1];
-    var _149 = (0, react_1.useState)(false), signatureSigning = _149[0], setSignatureSigning = _149[1];
-    var _150 = (0, react_1.useState)({}), selectedData = _150[0], setSelectedData = _150[1];
-    var _151 = (0, react_1.useState)(""), selectedObjectStructureId = _151[0], setSelectedObjectStructureId = _151[1];
-    var _152 = (0, react_1.useState)(""), selectedObjectId = _152[0], setSelectedObjectId = _152[1];
-    var _153 = (0, react_1.useState)(""), selectedListAddressId = _153[0], setSelectedListAddressId = _153[1];
-    var _154 = (0, react_1.useState)(-1), selectedListAddressIndex = _154[0], setSelectedListAddressIndex = _154[1];
-    var _155 = (0, react_1.useState)({
+    }), activeTab = _155[0], setActiveTab = _155[1];
+    var _156 = (0, react_1.useState)(false), signatureSigning = _156[0], setSignatureSigning = _156[1];
+    var _157 = (0, react_1.useState)({}), selectedData = _157[0], setSelectedData = _157[1];
+    var _158 = (0, react_1.useState)(""), selectedObjectStructureId = _158[0], setSelectedObjectStructureId = _158[1];
+    var _159 = (0, react_1.useState)(""), selectedObjectId = _159[0], setSelectedObjectId = _159[1];
+    var _160 = (0, react_1.useState)(""), selectedListAddressId = _160[0], setSelectedListAddressId = _160[1];
+    var _161 = (0, react_1.useState)(-1), selectedListAddressIndex = _161[0], setSelectedListAddressIndex = _161[1];
+    var _162 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _155[0], setSelectedListAddress = _155[1];
-    var _156 = (0, react_1.useState)({}), selectedObjectData = _156[0], setSelectedObjectData = _156[1];
-    var _157 = (0, react_1.useState)(null), objectCellEdit = _157[0], setObjectCellEdit = _157[1];
-    var _158 = (0, react_1.useState)(false), referenceLoading = _158[0], setReferenceLoading = _158[1];
-    var _159 = (0, react_1.useState)({}), referencesOptions = _159[0], setReferencesOptions = _159[1];
-    var _160 = (0, react_1.useState)({}), referencesDetails = _160[0], setReferencesDetails = _160[1];
-    var _161 = (0, react_1.useState)({}), listReferencesOptions = _161[0], setListReferencesOptions = _161[1];
-    var _162 = (0, react_1.useState)({}), referenceDeleteTableData = _162[0], setReferenceDeleteTableData = _162[1];
-    var _163 = (0, react_1.useState)(0), referenceDeleteIndex = _163[0], setReferenceDeleteIndex = _163[1];
-    var _164 = (0, react_1.useState)({
+    }), selectedListAddress = _162[0], setSelectedListAddress = _162[1];
+    var _163 = (0, react_1.useState)({}), selectedObjectData = _163[0], setSelectedObjectData = _163[1];
+    var _164 = (0, react_1.useState)(null), objectCellEdit = _164[0], setObjectCellEdit = _164[1];
+    var _165 = (0, react_1.useState)(false), referenceLoading = _165[0], setReferenceLoading = _165[1];
+    var _166 = (0, react_1.useState)({}), referencesOptions = _166[0], setReferencesOptions = _166[1];
+    var _167 = (0, react_1.useState)({}), referencesDetails = _167[0], setReferencesDetails = _167[1];
+    var _168 = (0, react_1.useState)({}), listReferencesOptions = _168[0], setListReferencesOptions = _168[1];
+    var _169 = (0, react_1.useState)({}), referenceDeleteTableData = _169[0], setReferenceDeleteTableData = _169[1];
+    var _170 = (0, react_1.useState)(0), referenceDeleteIndex = _170[0], setReferenceDeleteIndex = _170[1];
+    var _171 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _164[0], setReferenceCreationModal = _164[1];
-    var _165 = (0, react_1.useState)({}), referenceModelSchema = _165[0], setReferenceSchema = _165[1];
-    var _166 = (0, react_1.useState)([]), kanbanChecked = _166[0], setKanbanChecked = _166[1];
+    }), referenceCreationModal = _171[0], setReferenceCreationModal = _171[1];
+    var _172 = (0, react_1.useState)({}), referenceModelSchema = _172[0], setReferenceSchema = _172[1];
+    var _173 = (0, react_1.useState)([]), kanbanChecked = _173[0], setKanbanChecked = _173[1];
     //INFO : Offline
-    var _167 = (0, react_1.useState)(0), offlineDataLength = _167[0], setOfflineDataLength = _167[1];
-    var _168 = (0, react_1.useState)(false), offlineModal = _168[0], setOfflineModal = _168[1];
+    var _174 = (0, react_1.useState)(0), offlineDataLength = _174[0], setOfflineDataLength = _174[1];
+    var _175 = (0, react_1.useState)(false), offlineModal = _175[0], setOfflineModal = _175[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _169 = (0, react_1.useState)(false), isLive = _169[0], setIsLive = _169[1];
-    var _170 = (0, react_1.useState)(false), isLiveOffline = _170[0], setIsLiveOffline = _170[1];
+    var _176 = (0, react_1.useState)(false), isLive = _176[0], setIsLive = _176[1];
+    var _177 = (0, react_1.useState)(false), isLiveOffline = _177[0], setIsLiveOffline = _177[1];
     // INFO: true when navigator is offline — used to switch ReadQueryHoc between
     // server reads (online, full pagination) and IndexedDB reads (offline, cached data).
     // Independent of SSE status so it works even when bareSocketName is not set.
-    var _171 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _171[0], setIsNetworkOffline = _171[1];
+    var _178 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _178[0], setIsNetworkOffline = _178[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -566,59 +570,86 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var isSubmittingRef = (0, react_1.useRef)(false);
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
-    var viewType = (_0 = (_z = props.organise) === null || _z === void 0 ? void 0 : _z.viewId) !== null && _0 !== void 0 ? _0 : "general";
+    /**
+     * INFO: which CONTENT renders — the tab highlight is selectedTab, and these
+     * are resolved separately. So a pinned tab has to be honoured here too, or
+     * the tab bar opens on Documents while the table renders underneath it.
+     *
+     * viewId still wins when present: it is a deliberate destination, from a
+     * shared link or a back button.
+     */
+    var defaultTabName = (_1 = (_0 = (_z = props.organise) === null || _z === void 0 ? void 0 : _z.extendedTabs) === null || _0 === void 0 ? void 0 : _0.find(function (eachTab) { return eachTab.defaultTab; })) === null || _1 === void 0 ? void 0 : _1.name;
+    // INFO: the pinned tab is a LIST destination. Falling back to it while a
+    // record is open resolved the read view to a list tab, which renderTabContent
+    // refuses — so General Details rendered nothing. Only a list falls back.
+    var viewType = (_3 = (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.viewId) !== null && _3 !== void 0 ? _3 : (resolvedType === "list" && defaultTabName
+        ? (0, utils_1.lowercaseTextToId)(defaultTabName)
+        : "general");
     var isFirebaseClient = devSettings.server === "firebase";
     var isFirebase = isFirebaseClient || devSettings.server === "fbServer";
-    var dbModule = isFirebaseClient ? (_1 = props.lib) === null || _1 === void 0 ? void 0 : _1.firebase : (_2 = props.lib) === null || _2 === void 0 ? void 0 : _2.axios;
+    var dbModule = isFirebaseClient ? (_4 = props.lib) === null || _4 === void 0 ? void 0 : _4.firebase : (_5 = props.lib) === null || _5 === void 0 ? void 0 : _5.axios;
     var schemaPresent = props.devSettings.schemaEndpoint ? true : false;
     // INFO: the view settings panel (columns, sort, rows per page) is standard on
     // the new DTW; bareViewSettings stays the opt-in for legacy and bare DTWs
-    var isViewSettingsEnabled = ((_3 = props.bareSettings) === null || _3 === void 0 ? void 0 : _3.bareViewSettings) || ((_4 = props.bareSettings) === null || _4 === void 0 ? void 0 : _4.bareNewDTW)
+    var isViewSettingsEnabled = ((_6 = props.bareSettings) === null || _6 === void 0 ? void 0 : _6.bareViewSettings) || ((_7 = props.bareSettings) === null || _7 === void 0 ? void 0 : _7.bareNewDTW)
         ? true
         : false;
     // INFO: a consumer that wires onChangeHide owns the hide at schema level
     // (Space, Sun Luan) — toggling writes to the model and calls back. Without it
     // the hide is this user's own and lives in userHiddenColumnIds.
-    var isSchemaHideMode = ((_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.onChangeHide) ? true : false;
+    var isSchemaHideMode = ((_8 = props.organise) === null || _8 === void 0 ? void 0 : _8.onChangeHide) ? true : false;
     // INFO: rows per page is a view setting the user can change, so it starts from
     // the persisted value and falls back to the consumer's limit
-    var _172 = (0, react_1.useState)((_7 = (_6 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _6 !== void 0 ? _6 : props.limit) !== null && _7 !== void 0 ? _7 : 10), pageLimit = _172[0], setPageLimit = _172[1];
+    var _179 = (0, react_1.useState)((_10 = (_9 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _9 !== void 0 ? _9 : props.limit) !== null && _10 !== void 0 ? _10 : 10), pageLimit = _179[0], setPageLimit = _179[1];
     var limit = pageLimit;
-    var activeSortId = (isPersistEnabled && persistedSort) || ((_8 = props.organise) === null || _8 === void 0 ? void 0 : _8.sort);
+    var activeSortId = (isPersistEnabled && persistedSort) || ((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.sort);
     var handleSortColumn = function (value) {
         var _a, _b;
         if (isPersistEnabled)
             setPersistedSort(value);
         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeSort) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
-    var isEditor = ((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.allEditable) ? true : false;
-    var isOffline = (_10 = props.bareSettings) === null || _10 === void 0 ? void 0 : _10.bareOffline;
+    var isEditor = ((_12 = props.edit) === null || _12 === void 0 ? void 0 : _12.allEditable) ? true : false;
+    var isOffline = (_13 = props.bareSettings) === null || _13 === void 0 ? void 0 : _13.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
     // the live network state — online saves go to the server even if bareOffline
     // is true, offline saves go to IDB as normal.
-    var isOfflineNetworkListener = isOffline && ((_11 = props.bareSettings) === null || _11 === void 0 ? void 0 : _11.bareOfflineNetworkListener);
-    var showId = (_12 = props.space) === null || _12 === void 0 ? void 0 : _12.showId;
+    var isOfflineNetworkListener = isOffline && ((_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareOfflineNetworkListener);
+    var showId = (_15 = props.space) === null || _15 === void 0 ? void 0 : _15.showId;
     var remainId = showId || selectedObjectStructureId ? true : false;
-    var idField = ((_13 = props.space) === null || _13 === void 0 ? void 0 : _13.idField) || ((_14 = props.organise) === null || _14 === void 0 ? void 0 : _14.idField);
-    var pipeline = (_15 = props === null || props === void 0 ? void 0 : props.space) === null || _15 === void 0 ? void 0 : _15.pipeline;
-    if ((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareListPipeline) {
+    var idField = ((_16 = props.space) === null || _16 === void 0 ? void 0 : _16.idField) || ((_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.idField);
+    var pipeline = (_18 = props === null || props === void 0 ? void 0 : props.space) === null || _18 === void 0 ? void 0 : _18.pipeline;
+    if ((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareListPipeline) {
         pipeline = pipeline
             ? __spreadArray(__spreadArray([], pipeline, true), props.bareSettings.bareListPipeline, true) : props.bareSettings.bareListPipeline;
     }
-    var hasNavigation = ((_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.handleNavigate) ? true : false;
+    /**
+     * INFO: the column a file tab lists, or undefined for every other view.
+     *
+     * Resolved from viewType — the SAME selector the content uses — and not from
+     * selectedTab. The two are separate pieces of state and can disagree, and
+     * when they did the query lost its unwind while the file grid still rendered:
+     * three records came back instead of five files, and each tile received the
+     * whole array rather than one file, so every one of them read "Attachment".
+     */
+    var fileViewColumnId = (_23 = (_22 = ((_21 = (_20 = props.organise) === null || _20 === void 0 ? void 0 : _20.extendedTabs) !== null && _21 !== void 0 ? _21 : []).find(function (eachTab) {
+        return eachTab.viewType === "file" &&
+            (0, utils_1.lowercaseTextToId)(eachTab.name) === viewType;
+    })) === null || _22 === void 0 ? void 0 : _22.fileSettings) === null || _23 === void 0 ? void 0 : _23.columnId;
+    var hasNavigation = ((_24 = props.organise) === null || _24 === void 0 ? void 0 : _24.handleNavigate) ? true : false;
     var formColumn = "grid-cols-12";
-    var useMobileView = (_19 = (_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateMobileView) !== null && _19 !== void 0 ? _19 : false;
+    var useMobileView = (_26 = (_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareUpdateMobileView) !== null && _26 !== void 0 ? _26 : false;
     var gridGap = useMobileView ? "gap-x-6 gap-y-2 md:gap-y-6" : "gap-6";
-    var isActivityLog = (((_21 = (_20 = props.edit) === null || _20 === void 0 ? void 0 : _20.activityLog) === null || _21 === void 0 ? void 0 : _21.enableComments) &&
-        ((_22 = props.edit) === null || _22 === void 0 ? void 0 : _22.activityLog.commentCollectionId)) ||
-        (((_24 = (_23 = props.edit) === null || _23 === void 0 ? void 0 : _23.activityLog) === null || _24 === void 0 ? void 0 : _24.enableLogs) &&
-            ((_25 = props.edit) === null || _25 === void 0 ? void 0 : _25.activityLog.logsCollectionId));
-    var customPaginationSize = ((_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.customPaginationCount)
+    var isActivityLog = (((_28 = (_27 = props.edit) === null || _27 === void 0 ? void 0 : _27.activityLog) === null || _28 === void 0 ? void 0 : _28.enableComments) &&
+        ((_29 = props.edit) === null || _29 === void 0 ? void 0 : _29.activityLog.commentCollectionId)) ||
+        (((_31 = (_30 = props.edit) === null || _30 === void 0 ? void 0 : _30.activityLog) === null || _31 === void 0 ? void 0 : _31.enableLogs) &&
+            ((_32 = props.edit) === null || _32 === void 0 ? void 0 : _32.activityLog.logsCollectionId));
+    var customPaginationSize = ((_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.customPaginationCount)
         ? props.organise.customPaginationCount(size)
         : undefined;
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_27 = props.lib) === null || _27 === void 0 ? void 0 : _27.axios,
+        dbModule: (_34 = props.lib) === null || _34 === void 0 ? void 0 : _34.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -626,7 +657,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_28 = props.lib) === null || _28 === void 0 ? void 0 : _28.axios,
+        dbModule: (_35 = props.lib) === null || _35 === void 0 ? void 0 : _35.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -634,9 +665,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_29 = props.edit) === null || _29 === void 0 ? void 0 : _29.allEditable) &&
+        ((_36 = props.edit) === null || _36 === void 0 ? void 0 : _36.allEditable) &&
             !isFirebase &&
-            !((_31 = (_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.exportSettings) === null || _31 === void 0 ? void 0 : _31.hideImportCSV)
+            !((_38 = (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.exportSettings) === null || _38 === void 0 ? void 0 : _38.hideImportCSV)
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -645,7 +676,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_33 = (_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.exportSettings) === null || _33 === void 0 ? void 0 : _33.hideExportCSV)
+        !((_40 = (_39 = props.organise) === null || _39 === void 0 ? void 0 : _39.exportSettings) === null || _40 === void 0 ? void 0 : _40.hideExportCSV)
             ? {
                 text: "Export CSV",
                 onClick: function () {
@@ -655,7 +686,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_35 = (_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.exportSettings) === null || _35 === void 0 ? void 0 : _35.hideExportExcel)
+        !((_42 = (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.exportSettings) === null || _42 === void 0 ? void 0 : _42.hideExportExcel)
             ? {
                 text: "Export Excel",
                 onClick: function () {
@@ -665,7 +696,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_37 = (_36 = props.organise) === null || _36 === void 0 ? void 0 : _36.exportSettings) === null || _37 === void 0 ? void 0 : _37.hideExportPDF)
+        !((_44 = (_43 = props.organise) === null || _43 === void 0 ? void 0 : _43.exportSettings) === null || _44 === void 0 ? void 0 : _44.hideExportPDF)
             ? {
                 text: "Export PDF",
                 onClick: function () {
@@ -675,7 +706,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_39 = (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.exportSettings) === null || _39 === void 0 ? void 0 : _39.hideExportQR)
+        !((_46 = (_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.exportSettings) === null || _46 === void 0 ? void 0 : _46.hideExportQR)
             ? {
                 text: "Export QR",
                 onClick: function () {
@@ -685,7 +716,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_41 = (_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.exportSettings) === null || _41 === void 0 ? void 0 : _41.hideExportQR)
+        !((_48 = (_47 = props.organise) === null || _47 === void 0 ? void 0 : _47.exportSettings) === null || _48 === void 0 ? void 0 : _48.hideExportQR)
             ? {
                 text: "Export QR(Data)",
                 onClick: function () {
@@ -695,7 +726,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_43 = (_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.exportSettings) === null || _43 === void 0 ? void 0 : _43.hideExportPrint)
+        !((_50 = (_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.exportSettings) === null || _50 === void 0 ? void 0 : _50.hideExportPrint)
             ? {
                 text: "Print",
                 onClick: function () {
@@ -705,7 +736,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_45 = (_44 = props.organise) === null || _44 === void 0 ? void 0 : _44.exportSettings) === null || _45 === void 0 ? void 0 : _45.hideExportDraft)
+        !((_52 = (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.exportSettings) === null || _52 === void 0 ? void 0 : _52.hideExportDraft)
             ? {
                 text: filterDraft ? "Show All Items" : "Filter Draft",
                 onClick: function () {
@@ -714,7 +745,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             : null,
     ].filter(Boolean);
-    if ((_46 = props.organise) === null || _46 === void 0 ? void 0 : _46.moreSettings)
+    if ((_53 = props.organise) === null || _53 === void 0 ? void 0 : _53.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     //=====================================================================================
     //SECTION: User Column Visibility Handlers
@@ -1000,7 +1031,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         handleOfflinePrefetch();
         /* eslint-disable */
-    }, [props.collectionId, (_47 = props.bareSettings) === null || _47 === void 0 ? void 0 : _47.bareOffline]);
+    }, [props.collectionId, (_54 = props.bareSettings) === null || _54 === void 0 ? void 0 : _54.bareOffline]);
     /* eslint-enable */
     // INFO: MRQ polling — calls handleRefresh every N ms (e.g. 1500) as a fallback.
     // Calls through handleRefreshRef so the interval always dispatches the latest
@@ -1020,7 +1051,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, interval);
         return function () { return clearInterval(timer); };
         /* eslint-disable */
-    }, [(_48 = props.bareSettings) === null || _48 === void 0 ? void 0 : _48.barePollingInterval, isLive, isNetworkOffline]);
+    }, [(_55 = props.bareSettings) === null || _55 === void 0 ? void 0 : _55.barePollingInterval, isLive, isNetworkOffline]);
     /* eslint-enable */
     // INFO: Pub/Sub → SSE live-stream — driven by bareSettings.bareSocketName
     // EventSource URL: {sseEndpoint}/{room}?bm_apiToken={token}
@@ -1062,7 +1093,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         };
         /* eslint-disable */
     }, [
-        (_49 = props.bareSettings) === null || _49 === void 0 ? void 0 : _49.bareSocketName,
+        (_56 = props.bareSettings) === null || _56 === void 0 ? void 0 : _56.bareSocketName,
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
@@ -1307,10 +1338,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_50 = props.organise) === null || _50 === void 0 ? void 0 : _50.extendedTabs,
-        (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.viewId,
-        (_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.additionalQuery,
-        (_53 = props.organise) === null || _53 === void 0 ? void 0 : _53.groupBy,
+        (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.extendedTabs,
+        (_58 = props.organise) === null || _58 === void 0 ? void 0 : _58.viewId,
+        (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.additionalQuery,
+        (_60 = props.organise) === null || _60 === void 0 ? void 0 : _60.groupBy,
         resolvedType,
     ]);
     (0, react_1.useEffect)(function () {
@@ -1400,7 +1431,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             };
         }, 100);
         return function () { return clearTimeout(timeoutId); };
-    }, [(_54 = props.organise) === null || _54 === void 0 ? void 0 : _54.showReadFloatingNav, resolvedType, props.id, loading]);
+    }, [(_61 = props.organise) === null || _61 === void 0 ? void 0 : _61.showReadFloatingNav, resolvedType, props.id, loading]);
     (0, react_1.useEffect)(function () {
         if (resolvedType !== "read")
             return;
@@ -2006,6 +2037,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             uniqueLabel: props.uniqueLabel,
             groupId: props.groupId,
             unionCollections: (_s = props.organise) === null || _s === void 0 ? void 0 : _s.unionCollections,
+            // INFO: a file view lists FILES, so the row has to become one. The server
+            // places this before the match, the sort and the skip/limit, which is
+            // what makes filters still apply and pagination count files rather than
+            // records — and it builds its count from the same pipeline, so the total
+            // is the file count with nothing else to configure.
+            unwind: fileViewColumnId,
             skip: 0,
         };
         if (calendarSettings ||
@@ -7920,7 +7957,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) &&
             ((_b = props.organise.extendedTabs) === null || _b === void 0 ? void 0 : _b.length) > 0) {
             (_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs.map(function (eachTab) {
-                var _a, _b, _c, _d, _e;
+                var _a, _b, _c, _d, _e, _f;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(resolvedType, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -7949,7 +7986,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     tabData["viewImage"] = eachTab.viewImage;
                 }
                 if (eachTab.type === resolvedType) {
-                    tabs.push(__assign(__assign({}, tabData), (!((_e = props.edit) === null || _e === void 0 ? void 0 : _e.disabledTabsDeleteBtn) && {
+                    tabs.push(__assign(__assign(__assign({}, tabData), (isEditor &&
+                        ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.onChangeTabs) && {
+                        action: (react_1.default.createElement("span", { role: "button", "data-testid": "tab-default-".concat(tabData.id), "aria-label": eachTab.defaultTab
+                                ? "Opens by default"
+                                : "Open this tab by default", className: "ml-2 self-center ".concat(eachTab.defaultTab
+                                ? "text-primary-500"
+                                : "text-gray-400 opacity-0 group-hover:opacity-100"), onClick: function (e) {
+                                e.stopPropagation();
+                                e.preventDefault();
+                                handleToggleDefaultTab(eachTab.name);
+                            } }, eachTab.defaultTab ? (react_1.default.createElement(HeroIcons.BookmarkIcon, { className: "h-4 w-4" })) : (react_1.default.createElement(BookmarkIcon_1.default, { className: "h-4 w-4" })))),
+                    })), (!((_f = props.edit) === null || _f === void 0 ? void 0 : _f.disabledTabsDeleteBtn) && {
                         del: (react_1.default.createElement(outline_1.XMarkIcon, { className: "h-4 w-4 ml-2 self-center text-red-600 hover:text-red-400 ", onClick: function (e) {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -7994,6 +8042,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var _a, _b;
         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onAddColumns) === null || _b === void 0 ? void 0 : _b.call(_a, structure.filter(function (eachColumn) { return eachColumn.id !== columnId; }));
     };
+    /**
+     * INFO: only one tab can be the one that opens, so setting one clears the
+     * rest rather than leaving two marked and letting the first found win.
+     * Clicking the current default unsets it, which falls back to Table View.
+     */
+    var handleToggleDefaultTab = function (name) {
+        var _a, _b, _c, _d;
+        var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) { return (__assign(__assign({}, eachTab), { defaultTab: eachTab.name === name ? !eachTab.defaultTab : false })); });
+        (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
+    };
     var renderAddMathColumn = function (id, onClose) {
         var _a, _b, _c;
         return (react_1.default.createElement(settingsModal_1.ExpressionModal, { selectedId: id, model: structure, renderReferenceLabelOptions: (_a = props.organise) === null || _a === void 0 ? void 0 : _a.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.renderReferenceSpaceOptions, onAddModelSchema: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onAddColumns, onClose: onClose }));
@@ -8404,16 +8462,23 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }, darkMode: (_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.darkMode, hidePagination: (_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.hidePagination, customPaginationSize: customPaginationSize, disableEllipsisOnLongWord: (_35 = props.organise) === null || _35 === void 0 ? void 0 : _35.disableEllipsisOnLongWord }));
         }
     };
-    var renderTabContent = function (tabs, dataType, viewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55;
-        var selectedTabData = tabs.find(function (eachTab) {
-            if (eachTab.id === viewType) {
-                return eachTab;
-            }
-            else {
-                return null;
-            }
-        });
+    var renderTabContent = function (tabs, dataType, requestedViewType) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
+        var matchedTab = tabs.find(function (eachTab) { return eachTab.id === requestedViewType; });
+        /**
+         * INFO: a list tab must not supply the content of a read view. The selected
+         * tab survives the navigation into a record — setSelectedTab only runs
+         * while the type is list — so without this a list view renders over the
+         * detail list and the record looks empty.
+         *
+         * Refusing the tab is not enough on its own: the branches below key on the
+         * view type STRING, and a refused tab left it naming a view that no branch
+         * renders, so the record was still empty. A refused list tab reads as
+         * "general" all the way down.
+         */
+        var isRefusedListTab = dataType === "read" && (matchedTab === null || matchedTab === void 0 ? void 0 : matchedTab.type) === "list";
+        var viewType = isRefusedListTab ? "general" : requestedViewType;
+        var selectedTabData = isRefusedListTab ? undefined : matchedTab;
         var multipleSelect = false;
         if (!((_a = props.edit) === null || _a === void 0 ? void 0 : _a.disableBatchUpdate))
             multipleSelect = true;
@@ -8636,22 +8701,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             handlePagination(value);
                         }, className: "mt-5", hidePagination: (_20 = props.organise) === null || _20 === void 0 ? void 0 : _20.hidePagination, customPaginationSize: customPaginationSize })));
             }
+            else if (selectedTabData.viewType === "file" && resolvedType === "list") {
+                /**
+                 * INFO: the rows are already files — the server unwound the column, so
+                 * each row is one element with its record's fields alongside it. The
+                 * tile only has to render what it was handed.
+                 *
+                 * Clicking goes to the RECORD, not the file. Someone browsing files is
+                 * looking for the thing a file belongs to, with its status and owner
+                 * and everything else around it; landing on a bare download strips
+                 * exactly the context they came for. The filename inside the tile is
+                 * still a direct link for when the file itself is the point.
+                 */
+                var columnId_2 = (_22 = (_21 = selectedTabData.fileSettings) === null || _21 === void 0 ? void 0 : _21.columnId) !== null && _22 !== void 0 ? _22 : "";
+                return (react_1.default.createElement("div", { className: "mt-4" },
+                    tableLoading ? (react_1.default.createElement("div", { className: "flex flex-col items-center py-10" },
+                        react_1.default.createElement(loading_1.Loading, null))) : tableData.length === 0 ? (react_1.default.createElement(emptyState_1.EmptyState, { text: "No files here yet", icon: react_1.default.createElement(HeroIcons.PaperClipIcon, { className: "h-10 w-10 text-gray-400" }) })) : (
+                    // INFO: the same surface the other list views sit on, so
+                    // switching tabs does not change the shape of the page around
+                    // the content.
+                    react_1.default.createElement("div", { className: "grid grid-cols-2 gap-4 rounded-lg p-4 sm:grid-cols-3 lg:grid-cols-4 ".concat(((_23 = props.organise) === null || _23 === void 0 ? void 0 : _23.darkMode) ? "bg-white/5" : "bg-white") }, tableData.map(function (eachRow, eachIndex) {
+                        var _a, _b, _c;
+                        return (react_1.default.createElement(filePreview_1.FilePreview, { key: "".concat((_b = (_a = eachRow === null || eachRow === void 0 ? void 0 : eachRow.id) !== null && _a !== void 0 ? _a : eachRow === null || eachRow === void 0 ? void 0 : eachRow._id) !== null && _b !== void 0 ? _b : eachIndex, "-").concat(eachIndex), variant: "tile", file: typeof (eachRow === null || eachRow === void 0 ? void 0 : eachRow[columnId_2]) === "string"
+                                ? { fileName: eachRow[columnId_2] }
+                                : ((_c = eachRow === null || eachRow === void 0 ? void 0 : eachRow[columnId_2]) !== null && _c !== void 0 ? _c : { fileName: "" }), onClick: function () {
+                                var _a, _b, _c;
+                                // INFO: `id`, not `_id`. handleGetListData renames
+                                // every row's _id to id on the way in, the same as the
+                                // other views navigate with — reading _id here handed
+                                // the read view no id at all, so General Details was
+                                // empty.
+                                return (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", (_c = eachRow === null || eachRow === void 0 ? void 0 : eachRow.id) !== null && _c !== void 0 ? _c : eachRow === null || eachRow === void 0 ? void 0 : eachRow._id, "general");
+                            } }));
+                    }))),
+                    react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
+                            handlePagination(value);
+                        }, darkMode: (_24 = props.organise) === null || _24 === void 0 ? void 0 : _24.darkMode, customPaginationSize: customPaginationSize })));
+            }
             else if (selectedTabData.viewType === "grid") {
                 var isScrollMode = renderCheckScrollMode();
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(grid_1.Grid, { darkMode: (_21 = props.organise) === null || _21 === void 0 ? void 0 : _21.darkMode, darkModeBg: (_22 = props.organise) === null || _22 === void 0 ? void 0 : _22.darkModeBg, paginationType: renderResolvedPaginationType(), data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, horizontalScroll: isScrollMode, pageIndex: pageIndex, onClickData: function (id) {
+                    react_1.default.createElement(grid_1.Grid, { darkMode: (_25 = props.organise) === null || _25 === void 0 ? void 0 : _25.darkMode, darkModeBg: (_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.darkModeBg, paginationType: renderResolvedPaginationType(), data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, horizontalScroll: isScrollMode, pageIndex: pageIndex, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, linkType: props.linkType, custom: props.custom, newTabUrl: (_24 = (_23 = props.newTabUrl) === null || _23 === void 0 ? void 0 : _23.default) !== null && _24 !== void 0 ? _24 : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_26 = (_25 = props.newTabUrl) === null || _25 === void 0 ? void 0 : _25.addons) !== null && _26 !== void 0 ? _26 : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: (_28 = (_27 = props.newTabUrl) === null || _27 === void 0 ? void 0 : _27.default) !== null && _28 !== void 0 ? _28 : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_30 = (_29 = props.newTabUrl) === null || _29 === void 0 ? void 0 : _29.addons) !== null && _30 !== void 0 ? _30 : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, imgContain: selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.gridContain, gridColClassName: (_27 = props.bareSettings) === null || _27 === void 0 ? void 0 : _27.bareListGridColClassName, className: "mt-5", 
+                        }, imgContain: selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.gridContain, gridColClassName: (_31 = props.bareSettings) === null || _31 === void 0 ? void 0 : _31.bareListGridColClassName, className: "mt-5", 
                         // INFO: under the new DTW the grid keeps the same footer as the
                         // table and list views instead of its own legacy page buttons
-                        hidePagination: ((_28 = props.organise) === null || _28 === void 0 ? void 0 : _28.hidePagination) ||
-                            !!((_29 = props.bareSettings) === null || _29 === void 0 ? void 0 : _29.bareNewDTW), customPaginationSize: customPaginationSize }),
-                    ((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareNewDTW) &&
-                        !((_31 = props.organise) === null || _31 === void 0 ? void 0 : _31.hidePagination) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: renderGridAndListData(selectedTabData.viewImage, "grid")
-                            .length, customPaginationSize: customPaginationSize, darkMode: (_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.darkMode, darkModeBg: (_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.darkModeBg, handleUpdatePageIndex: function (value) {
+                        hidePagination: ((_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.hidePagination) ||
+                            !!((_33 = props.bareSettings) === null || _33 === void 0 ? void 0 : _33.bareNewDTW), customPaginationSize: customPaginationSize }),
+                    ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareNewDTW) &&
+                        !((_35 = props.organise) === null || _35 === void 0 ? void 0 : _35.hidePagination) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: renderGridAndListData(selectedTabData.viewImage, "grid")
+                            .length, customPaginationSize: customPaginationSize, darkMode: (_36 = props.organise) === null || _36 === void 0 ? void 0 : _36.darkMode, darkModeBg: (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.darkModeBg, handleUpdatePageIndex: function (value) {
                             handlePagination(value);
                         } }))));
             }
@@ -8753,7 +8855,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     return eventAvailabilities;
                 };
                 // INFO: when bareNewDTW is enabled, render NewCalendar instead of legacy Calendar
-                if ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareNewDTW) {
+                if ((_38 = props.bareSettings) === null || _38 === void 0 ? void 0 : _38.bareNewDTW) {
                     var newCalendarEvents = renderEventAvailabilities().map(function (ev) {
                         var _a, _b, _c, _d;
                         return ({
@@ -8773,13 +8875,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     // INFO: viewSwitch — optional Month/Week/Agenda toggle. The range
                     // query follows via calendarView ("dayGridMonth" ↔ "timeGridWeek");
                     // agenda lists the fetched month chronologically.
-                    var viewSwitchOptions = (_35 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.viewSwitch) !== null && _35 !== void 0 ? _35 : [];
+                    var viewSwitchOptions = (_39 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.viewSwitch) !== null && _39 !== void 0 ? _39 : [];
                     var VIEW_VARIANT_MAP = {
                         month: "fullMonth",
                         week: "weekTimeGrid",
                         agenda: "agenda",
                     };
-                    var activeVariant = (_36 = VIEW_VARIANT_MAP[newCalendarViewMode]) !== null && _36 !== void 0 ? _36 : "fullMonth";
+                    var activeVariant = (_40 = VIEW_VARIANT_MAP[newCalendarViewMode]) !== null && _40 !== void 0 ? _40 : "fullMonth";
                     return (react_1.default.createElement("div", { className: "mt-4" },
                         viewSwitchOptions.length > 1 && (react_1.default.createElement("div", { className: "mb-2 flex justify-end" },
                             react_1.default.createElement("div", { className: "inline-flex rounded-lg border border-gray-200 bg-white p-0.5" }, viewSwitchOptions.map(function (view) { return (react_1.default.createElement("button", { key: view, type: "button", onClick: function () {
@@ -8821,9 +8923,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 var _a, _b;
                                 if (event.id)
                                     (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", event.id, "general");
-                            }, darkMode: (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.darkMode, className: "w-full" }))));
+                            }, darkMode: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.darkMode, className: "w-full" }))));
                 }
-                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_38 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _38 !== void 0 ? _38 : calendarView, handleMonthChange: function (date) {
+                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_42 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _42 !== void 0 ? _42 : calendarView, handleMonthChange: function (date) {
                         var startOfMonth = (0, dayjs_1.default)(calendarTabMonth).startOf("month");
                         var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
                         if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
@@ -8841,7 +8943,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             else if (selectedTabData.viewType === "feeds") {
                 var contentList_1 = [];
                 var feedsSettings_1 = selectedTabData.feedsSettings;
-                var customFeedsData = (_39 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _39 === void 0 ? void 0 : _39.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_43 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _43 === void 0 ? void 0 : _43.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -8886,21 +8988,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { 
                     // INFO: NewFeeds is already a card like the table and list, so the new
                     // DTW renders it bare; the legacy feed still needs its own surface
-                    className: ((_40 = props.bareSettings) === null || _40 === void 0 ? void 0 : _40.bareNewDTW)
+                    className: ((_44 = props.bareSettings) === null || _44 === void 0 ? void 0 : _44.bareNewDTW)
                         ? ""
-                        : "p-4 rounded-lg ".concat(((_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.darkMode) ? "bg-white/5" : "bg-white") },
-                    ((_42 = props.bareSettings) === null || _42 === void 0 ? void 0 : _42.bareNewDTW) ? (react_1.default.createElement(newFeeds_1.NewFeeds, { bold: true, content: contentList_1, darkMode: (_43 = props.organise) === null || _43 === void 0 ? void 0 : _43.darkMode, onClickItem: function (id) { var _a, _b; return (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general"); } })) : (react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_44 = props.organise) === null || _44 === void 0 ? void 0 : _44.darkMode })),
+                        : "p-4 rounded-lg ".concat(((_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.darkMode) ? "bg-white/5" : "bg-white") },
+                    ((_46 = props.bareSettings) === null || _46 === void 0 ? void 0 : _46.bareNewDTW) ? (react_1.default.createElement(newFeeds_1.NewFeeds, { bold: true, content: contentList_1, darkMode: (_47 = props.organise) === null || _47 === void 0 ? void 0 : _47.darkMode, onClickItem: function (id) { var _a, _b; return (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general"); } })) : (react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.darkMode })),
                     react_1.default.createElement("div", { className: "my-10" }),
                     contentList_1.length > 0 &&
-                        !((_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.hidePagination) &&
-                        ((_46 = props.bareSettings) === null || _46 === void 0 ? void 0 : _46.bareNewDTW) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: tableData.length, customPaginationSize: customPaginationSize, darkMode: (_47 = props.organise) === null || _47 === void 0 ? void 0 : _47.darkMode, darkModeBg: (_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.darkModeBg, handleUpdatePageIndex: function (value) {
+                        !((_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.hidePagination) &&
+                        ((_50 = props.bareSettings) === null || _50 === void 0 ? void 0 : _50.bareNewDTW) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: tableData.length, customPaginationSize: customPaginationSize, darkMode: (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.darkMode, darkModeBg: (_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.darkModeBg, handleUpdatePageIndex: function (value) {
                             handlePagination(value);
                         } })),
                     contentList_1.length > 0 &&
-                        !((_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.hidePagination) &&
-                        !((_50 = props.bareSettings) === null || _50 === void 0 ? void 0 : _50.bareNewDTW) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
+                        !((_53 = props.organise) === null || _53 === void 0 ? void 0 : _53.hidePagination) &&
+                        !((_54 = props.bareSettings) === null || _54 === void 0 ? void 0 : _54.bareNewDTW) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, darkMode: (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.darkMode, customPaginationSize: customPaginationSize }))))));
+                        }, darkMode: (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.darkMode, customPaginationSize: customPaginationSize }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -8999,7 +9101,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else if (selectedTabData.viewType === "kanban") {
                 var kanbanSettings = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.kanbanSettings;
-                var kanbanTitle_2 = (_52 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _52 !== void 0 ? _52 : "";
+                var kanbanTitle_2 = (_56 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _56 !== void 0 ? _56 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -9020,10 +9122,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 });
                 var kanbanData = renderGridAndListData("", "kanban", kanbanTitle_2, kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.useColumnName);
                 // INFO: when bareNewDTW is enabled, render NewKanban instead of legacy Kanban
-                if ((_53 = props.bareSettings) === null || _53 === void 0 ? void 0 : _53.bareNewDTW) {
+                if ((_57 = props.bareSettings) === null || _57 === void 0 ? void 0 : _57.bareNewDTW) {
                     return (react_1.default.createElement(newKanban_1.NewKanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                             ? "Data has exceeded limit, please apply filters"
-                            : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: true, droppable: kanbanDroppable, mobileView: (_54 = props.bareSettings) === null || _54 === void 0 ? void 0 : _54.bareListMobileView, onUpdateData: function (cardId, _fromCol, toCol) {
+                            : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: true, droppable: kanbanDroppable, mobileView: (_58 = props.bareSettings) === null || _58 === void 0 ? void 0 : _58.bareListMobileView, onUpdateData: function (cardId, _fromCol, toCol) {
                             var _a;
                             setKanbanDroppable(false);
                             handleSubmitData("update", cardId, kanbanTitle_2, (_a = {},
@@ -9032,7 +9134,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, darkMode: (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.darkMode }));
+                        }, darkMode: (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.darkMode }));
                 }
                 return (react_1.default.createElement(kanban_1.Kanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                         ? "Data has exceeded limit, please apply filters"
@@ -9533,7 +9635,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_56 = (_55 = props.renderSettings) === null || _55 === void 0 ? void 0 : _55.renderLoadingUI) === null || _56 === void 0 ? void 0 : _56.call(_55)) && loading ? ((_57 = props.renderSettings) === null || _57 === void 0 ? void 0 : _57.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_58 = props.organise) === null || _58 === void 0 ? void 0 : _58.darkMode, darkModeBg: (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.darkModeBg, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_63 = (_62 = props.renderSettings) === null || _62 === void 0 ? void 0 : _62.renderLoadingUI) === null || _63 === void 0 ? void 0 : _63.call(_62)) && loading ? ((_64 = props.renderSettings) === null || _64 === void 0 ? void 0 : _64.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.darkMode, darkModeBg: (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.darkModeBg, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;
@@ -9544,7 +9646,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
                 }
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) })),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_60 = props.organise) === null || _60 === void 0 ? void 0 : _60.darkMode, darkModeBg: (_61 = props.organise) === null || _61 === void 0 ? void 0 : _61.darkModeBg, maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_67 = props.organise) === null || _67 === void 0 ? void 0 : _67.darkMode, darkModeBg: (_68 = props.organise) === null || _68 === void 0 ? void 0 : _68.darkModeBg, maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
                 return (react_1.default.createElement(referenceModal_1.ReferenceModal, { referenceModelSchema: referenceModelSchema, referenceDataStructure: referenceCreationModal, devSettings: props.devSettings, handleCreateRefId: function (dataId) {
                         if (dataId) {
                             var currentValue = selectedData[referenceCreationModal.id];
@@ -9560,19 +9662,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setReferenceCreationModal({ id: "", name: "", type: "string" });
             } }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_62 = props.organise) === null || _62 === void 0 ? void 0 : _62.darkMode, darkModeBg: (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.darkModeBg, maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_69 = props.organise) === null || _69 === void 0 ? void 0 : _69.darkMode, darkModeBg: (_70 = props.organise) === null || _70 === void 0 ? void 0 : _70.darkModeBg, maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
                 setReferenceDeleteTableData({});
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.darkMode, darkModeBg: (_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.darkModeBg, open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_71 = props.organise) === null || _71 === void 0 ? void 0 : _71.darkMode, darkModeBg: (_72 = props.organise) === null || _72 === void 0 ? void 0 : _72.darkModeBg, open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
                 setDeleteFeedId("");
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.darkMode, darkModeBg: (_67 = props.organise) === null || _67 === void 0 ? void 0 : _67.darkModeBg, open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_73 = props.organise) === null || _73 === void 0 ? void 0 : _73.darkMode, darkModeBg: (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.darkModeBg, open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
                 setBatchUpdateData({ columnId: "", columnData: {} });
                 setBatchUpdateModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_68 = props.organise) === null || _68 === void 0 ? void 0 : _68.darkMode, darkModeBg: (_69 = props.organise) === null || _69 === void 0 ? void 0 : _69.darkModeBg, title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.darkMode, darkModeBg: (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.darkModeBg, title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
                 var _a;
                 if (props.space)
                     return (react_1.default.createElement(authModal_1.AuthModal, { space: props.space, userId: (_a = props.id) !== null && _a !== void 0 ? _a : "", type: selectedAuthMethod, authMethods: authMethods, onComplete: handleAuthComplete }));
@@ -9580,7 +9682,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setSelectedAuthMethod("");
             } }),
-        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_70 = props.organise) === null || _70 === void 0 ? void 0 : _70.darkMode, darkModeBg: (_71 = props.organise) === null || _71 === void 0 ? void 0 : _71.darkModeBg, open: activityModal, title: "Activity Log", renderContent: function () {
+        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.darkMode, darkModeBg: (_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.darkModeBg, open: activityModal, title: "Activity Log", renderContent: function () {
                 var _a, _b;
                 return (react_1.default.createElement(activityModal_1.ActivityModal, { title: props.title && typeof props.title === "string"
                         ? props.title