blixify-ui-web 1.2.138 → 1.2.139

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

@@ -215,10 +215,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, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84;
+    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, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95;
     // 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 _85 = (0, react_1.useState)(false), drawerPageView = _85[0], setDrawerPageView = _85[1];
+    var _96 = (0, react_1.useState)(false), drawerPageView = _96[0], setDrawerPageView = _96[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.
@@ -300,18 +300,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _86 = intialiseDefaultFilterValues(), initialFilterSearch = _86.initialFilterSearch, initialFilterSearchParams = _86.initialFilterSearchParams, initialFilterSelection = _86.initialFilterSelection, initialFilterReference = _86.initialFilterReference, initialFilterReferenceDate = _86.initialFilterReferenceDate;
+    var _97 = intialiseDefaultFilterValues(), initialFilterSearch = _97.initialFilterSearch, initialFilterSearchParams = _97.initialFilterSearchParams, initialFilterSelection = _97.initialFilterSelection, initialFilterReference = _97.initialFilterReference, initialFilterReferenceDate = _97.initialFilterReferenceDate;
     // INFO: Persist view state hook — handles storage read/write for filter/sort/column state
-    var _87 = (0, viewStatePersistence_1.usePersistedViewState)({
+    var _98 = (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,
-    }), rawPersistedState = _87.persistedState, isPersistEnabled = _87.isEnabled, handleSaveView = _87.handleSaveView, handleRegisterViewSnapshot = _87.handleRegisterViewSnapshot;
+    }), rawPersistedState = _98.persistedState, isPersistEnabled = _98.isEnabled, handleSaveView = _98.handleSaveView, handleRegisterViewSnapshot = _98.handleRegisterViewSnapshot;
     // INFO: drop stored filters/sort on removed columns — they would empty the table
     var persistedState = (0, react_1.useMemo)(function () { return (0, viewStatePersistence_1.handlePruneStaleColumns)(rawPersistedState, props.model); }, [rawPersistedState, props.model]);
-    var _88 = (0, react_1.useState)(false), loading = _88[0], setLoading = _88[1];
-    var _89 = (0, react_1.useState)(), notification = _89[0], setNotification = _89[1];
+    var _99 = (0, react_1.useState)(false), loading = _99[0], setLoading = _99[1];
+    var _100 = (0, react_1.useState)(), notification = _100[0], setNotification = _100[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 () {
@@ -321,62 +321,62 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return function () { return clearTimeout(timer); };
     }, [notification]);
     //INFO : Used by List
-    var _90 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _90[0], setFilterSearch = _90[1];
-    var _91 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _91[0], setFilterSearchParams = _91[1];
-    var _92 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _92[0], setFilterSelection = _92[1];
-    var _93 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _93[0], setFilterReference = _93[1];
-    var _94 = (0, react_1.useState)({}), filterReferenceSearch = _94[0], setFilterReferenceSearch = _94[1];
-    var _95 = (0, react_1.useState)({}), filterReferenceList = _95[0], setFilterReferenceList = _95[1];
-    var _96 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
+    var _101 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _101[0], setFilterSearch = _101[1];
+    var _102 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _102[0], setFilterSearchParams = _102[1];
+    var _103 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _103[0], setFilterSelection = _103[1];
+    var _104 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _104[0], setFilterReference = _104[1];
+    var _105 = (0, react_1.useState)({}), filterReferenceSearch = _105[0], setFilterReferenceSearch = _105[1];
+    var _106 = (0, react_1.useState)({}), filterReferenceList = _106[0], setFilterReferenceList = _106[1];
+    var _107 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
         ? (0, viewStatePersistence_1.parseDateFilterState)(persistedState.filterReferenceDate)
-        : initialFilterReferenceDate), filterReferenceDate = _96[0], setFilterReferenceDate = _96[1];
-    var _97 = (0, react_1.useState)(true), tableLoading = _97[0], setTableLoading = _97[1];
-    var _98 = (0, react_1.useState)(""), cursor = _98[0], setCursor = _98[1];
-    var _99 = (0, react_1.useState)(""), lastCursor = _99[0], setLastCursor = _99[1];
-    var _100 = (0, react_1.useState)([]), tableData = _100[0], setTableData = _100[1];
-    var _101 = (0, react_1.useState)([]), spaceTableData = _101[0], setSpaceTableData = _101[1];
+        : initialFilterReferenceDate), filterReferenceDate = _107[0], setFilterReferenceDate = _107[1];
+    var _108 = (0, react_1.useState)(true), tableLoading = _108[0], setTableLoading = _108[1];
+    var _109 = (0, react_1.useState)(""), cursor = _109[0], setCursor = _109[1];
+    var _110 = (0, react_1.useState)(""), lastCursor = _110[0], setLastCursor = _110[1];
+    var _111 = (0, react_1.useState)([]), tableData = _111[0], setTableData = _111[1];
+    var _112 = (0, react_1.useState)([]), spaceTableData = _112[0], setSpaceTableData = _112[1];
     // INFO: a save resolves after later renders, so it reads the table from here —
     // the state it closed over can predate an earlier save on the same row
     var tableDataRef = (0, react_1.useRef)([]);
     var spaceTableDataRef = (0, react_1.useRef)([]);
     tableDataRef.current = tableData;
     spaceTableDataRef.current = spaceTableData;
-    var _102 = (0, react_1.useState)(0), size = _102[0], setSize = _102[1];
-    var _103 = (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 = _103[0], setPageIndex = _103[1];
-    var _104 = (0, react_1.useState)([]), selectedIds = _104[0], setSelectedIds = _104[1];
-    var _105 = (0, react_1.useState)(false), selectAll = _105[0], setSelectAll = _105[1];
-    var _106 = (0, react_1.useState)(""), deletePasscode = _106[0], setDeletePasscode = _106[1];
-    var _107 = (0, react_1.useState)(""), deletePasscodeInput = _107[0], setDeletePasscodeInput = _107[1];
-    var _108 = (0, react_1.useState)(""), deleteFeedId = _108[0], setDeleteFeedId = _108[1];
+    var _113 = (0, react_1.useState)(0), size = _113[0], setSize = _113[1];
+    var _114 = (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 = _114[0], setPageIndex = _114[1];
+    var _115 = (0, react_1.useState)([]), selectedIds = _115[0], setSelectedIds = _115[1];
+    var _116 = (0, react_1.useState)(false), selectAll = _116[0], setSelectAll = _116[1];
+    var _117 = (0, react_1.useState)(""), deletePasscode = _117[0], setDeletePasscode = _117[1];
+    var _118 = (0, react_1.useState)(""), deletePasscodeInput = _118[0], setDeletePasscodeInput = _118[1];
+    var _119 = (0, react_1.useState)(""), deleteFeedId = _119[0], setDeleteFeedId = _119[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 _109 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _109[0], setPersistedSort = _109[1];
-    var _110 = (0, react_1.useState)(false), filterDraft = _110[0], setFilterDraft = _110[1];
-    var _111 = (0, react_1.useState)(false), addTabModal = _111[0], setAddTabModal = _111[1];
+    var _120 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _120[0], setPersistedSort = _120[1];
+    var _121 = (0, react_1.useState)(false), filterDraft = _121[0], setFilterDraft = _121[1];
+    var _122 = (0, react_1.useState)(false), addTabModal = _122[0], setAddTabModal = _122[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 _112 = (0, react_1.useState)(function () {
+    var _123 = (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 = _112[0], setSelectedTab = _112[1];
-    var _113 = (0, react_1.useState)("dayGridMonth"), calendarView = _113[0], setCalendarView = _113[1];
+    }), selectedTab = _123[0], setSelectedTab = _123[1];
+    var _124 = (0, react_1.useState)("dayGridMonth"), calendarView = _124[0], setCalendarView = _124[1];
     // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
     // (calendarView above drives the matching range query)
-    var _114 = (0, react_1.useState)("month"), newCalendarViewMode = _114[0], setNewCalendarViewMode = _114[1];
-    var _115 = (0, react_1.useState)(new Date()), calendarTabMonth = _115[0], setCalendarTabMonth = _115[1];
+    var _125 = (0, react_1.useState)("month"), newCalendarViewMode = _125[0], setNewCalendarViewMode = _125[1];
+    var _126 = (0, react_1.useState)(new Date()), calendarTabMonth = _126[0], setCalendarTabMonth = _126[1];
     // INFO: defaultViewSwitch picks the opening view only — the tab re-inits
     // whenever its settings change, and that must not undo the user's switch
     var calendarViewInitRef = (0, react_1.useRef)(false);
-    var _116 = (0, react_1.useState)(true), kanbanDroppable = _116[0], setKanbanDroppable = _116[1];
-    var _117 = (0, react_1.useState)([]), kanbanOptions = _117[0], setKanbanOptions = _117[1];
-    var _118 = (0, react_1.useState)(false), queryForm = _118[0], setQueryForm = _118[1];
-    var _119 = (0, react_1.useState)(false), batchUpdateModal = _119[0], setBatchUpdateModal = _119[1];
-    var _120 = (0, react_1.useState)({
+    var _127 = (0, react_1.useState)(true), kanbanDroppable = _127[0], setKanbanDroppable = _127[1];
+    var _128 = (0, react_1.useState)([]), kanbanOptions = _128[0], setKanbanOptions = _128[1];
+    var _129 = (0, react_1.useState)(false), queryForm = _129[0], setQueryForm = _129[1];
+    var _130 = (0, react_1.useState)(false), batchUpdateModal = _130[0], setBatchUpdateModal = _130[1];
+    var _131 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _120[0], setBatchUpdateData = _120[1];
-    var _121 = (0, react_1.useState)(function () {
+    }), batchUpdateData = _131[0], setBatchUpdateData = _131[1];
+    var _132 = (0, react_1.useState)(function () {
         var baseModel = (props === null || props === void 0 ? void 0 : props.model) || [];
         if (!persistedState)
             return baseModel;
@@ -402,8 +402,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _121[0], setStructure = _121[1];
-    var _122 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _122[0], setAdditionalQuery = _122[1];
+    }), structure = _132[0], setStructure = _132[1];
+    var _133 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _133[0], setAdditionalQuery = _133[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 = [
@@ -414,9 +414,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _123 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _134 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFilters = _123[0], setFlexFilters = _123[1];
+        : defaultFlexFilterRow), flexFilters = _134[0], setFlexFilters = _134[1];
     // INFO: always-current mirror of flexFilters, read by the imperative apply/
     // clear methods so chained calls in one tick aren't stale.
     var flexFiltersRef = (0, react_1.useRef)(flexFilters);
@@ -429,109 +429,109 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }, [flexFilters]);
     // INFO: Debounced version of flexFilters used by renderImpSearchFilterConditions
     // to prevent API calls on every keystroke when typing in value inputs
-    var _124 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _135 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFiltersDebounced = _124[0], setFlexFiltersDebounced = _124[1];
-    var _125 = (0, react_1.useState)({}), flexFilterReferenceOptions = _125[0], setFlexFilterReferenceOptions = _125[1];
-    var _126 = (0, react_1.useState)({}), flexFilterReferenceSearch = _126[0], setFlexFilterReferenceSearch = _126[1];
-    var _127 = (0, react_1.useState)(false), flexFilterModalOpen = _127[0], setFlexFilterModalOpen = _127[1];
-    var _128 = (0, react_1.useState)(false), viewSettingsModalOpen = _128[0], setViewSettingsModalOpen = _128[1];
+        : defaultFlexFilterRow), flexFiltersDebounced = _135[0], setFlexFiltersDebounced = _135[1];
+    var _136 = (0, react_1.useState)({}), flexFilterReferenceOptions = _136[0], setFlexFilterReferenceOptions = _136[1];
+    var _137 = (0, react_1.useState)({}), flexFilterReferenceSearch = _137[0], setFlexFilterReferenceSearch = _137[1];
+    var _138 = (0, react_1.useState)(false), flexFilterModalOpen = _138[0], setFlexFilterModalOpen = _138[1];
+    var _139 = (0, react_1.useState)(false), viewSettingsModalOpen = _139[0], setViewSettingsModalOpen = _139[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 _129 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _129[0], setUserHiddenColumnIds = _129[1];
-    var _130 = (0, react_1.useState)(""), columnSearch = _130[0], setColumnSearch = _130[1];
-    var _131 = (0, react_1.useState)([]), savedViews = _131[0], setSavedViews = _131[1];
-    var _132 = (0, react_1.useState)(null), activeSavedViewId = _132[0], setActiveSavedViewId = _132[1];
+    var _140 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _140[0], setUserHiddenColumnIds = _140[1];
+    var _141 = (0, react_1.useState)(""), columnSearch = _141[0], setColumnSearch = _141[1];
+    var _142 = (0, react_1.useState)([]), savedViews = _142[0], setSavedViews = _142[1];
+    var _143 = (0, react_1.useState)(null), activeSavedViewId = _143[0], setActiveSavedViewId = _143[1];
     // INFO: null while the name box is closed
-    var _133 = (0, react_1.useState)(null), savedViewName = _133[0], setSavedViewName = _133[1];
-    var _134 = (0, react_1.useState)(null), deletingSavedViewId = _134[0], setDeletingSavedViewId = _134[1];
-    var _135 = (0, react_1.useState)(null), draggingColumnId = _135[0], setDraggingColumnId = _135[1];
+    var _144 = (0, react_1.useState)(null), savedViewName = _144[0], setSavedViewName = _144[1];
+    var _145 = (0, react_1.useState)(null), deletingSavedViewId = _145[0], setDeletingSavedViewId = _145[1];
+    var _146 = (0, react_1.useState)(null), draggingColumnId = _146[0], setDraggingColumnId = _146[1];
     var columnRowRefs = (0, react_1.useRef)({});
     //INFO : Used by Auth
-    var _136 = (0, react_1.useState)({
+    var _147 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _136[0], setAuthMethods = _136[1];
-    var _137 = (0, react_1.useState)(""), selectedAuthMethod = _137[0], setSelectedAuthMethod = _137[1];
+    }), authMethods = _147[0], setAuthMethods = _147[1];
+    var _148 = (0, react_1.useState)(""), selectedAuthMethod = _148[0], setSelectedAuthMethod = _148[1];
     // INFO: Used by Activity Log
-    var _138 = (0, react_1.useState)(false), activityModal = _138[0], setActivityModal = _138[1];
-    var _139 = (0, react_1.useState)(""), activityId = _139[0], setActivityId = _139[1];
+    var _149 = (0, react_1.useState)(false), activityModal = _149[0], setActivityModal = _149[1];
+    var _150 = (0, react_1.useState)(""), activityId = _150[0], setActivityId = _150[1];
     //INFO : Used by Export
-    var _140 = (0, react_1.useState)(null), csvFile = _140[0], setCSVFile = _140[1];
-    var _141 = (0, react_1.useState)([]), csvFileData = _141[0], setCSVFileData = _141[1];
-    var _142 = (0, react_1.useState)(0), stepCSVIndex = _142[0], setStepCSVIndex = _142[1];
-    var _143 = (0, react_1.useState)({}), listCSVMapAttribute = _143[0], setListCSVMapAttribute = _143[1];
-    var _144 = (0, react_1.useState)({}), listCSVObjAttribute = _144[0], setListCSVObjAttribute = _144[1];
-    var _145 = (0, react_1.useState)([]), csvAPIAttribute = _145[0], setCSVAPIAttribute = _145[1];
-    var _146 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _146[0], setExportCSVEmail = _146[1];
-    var _147 = (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 = _147[0], setExportPDFTitle = _147[1];
-    var _148 = (0, react_1.useState)(false), exportPDFLoading = _148[0], setExportPDFLoading = _148[1];
-    var _149 = (0, react_1.useState)(false), exportReadPDFLoading = _149[0], setExportReadPDFLoading = _149[1];
-    var _150 = (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 = _150[0], setExportSumAttributeIds = _150[1];
-    var _151 = (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 = _151[0], setHideSubItems = _151[1];
-    var _152 = (0, react_1.useState)([]), importTableData = _152[0], setImportTableData = _152[1];
-    var _153 = (0, react_1.useState)([]), queryList = _153[0], setQueryList = _153[1];
-    var _154 = (0, react_1.useState)(undefined), allQueryList = _154[0], setAllQueryList = _154[1];
-    var _155 = (0, react_1.useState)(-1), queryIndex = _155[0], setQueryIndex = _155[1];
-    var _156 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _156[0], setGroupId = _156[1];
-    var _157 = (0, react_1.useState)(""), readTabSection = _157[0], setReadTabSection = _157[1];
-    var _158 = (0, react_1.useState)(false), readFloatingNav = _158[0], setReadFloatingNav = _158[1];
+    var _151 = (0, react_1.useState)(null), csvFile = _151[0], setCSVFile = _151[1];
+    var _152 = (0, react_1.useState)([]), csvFileData = _152[0], setCSVFileData = _152[1];
+    var _153 = (0, react_1.useState)(0), stepCSVIndex = _153[0], setStepCSVIndex = _153[1];
+    var _154 = (0, react_1.useState)({}), listCSVMapAttribute = _154[0], setListCSVMapAttribute = _154[1];
+    var _155 = (0, react_1.useState)({}), listCSVObjAttribute = _155[0], setListCSVObjAttribute = _155[1];
+    var _156 = (0, react_1.useState)([]), csvAPIAttribute = _156[0], setCSVAPIAttribute = _156[1];
+    var _157 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _157[0], setExportCSVEmail = _157[1];
+    var _158 = (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 = _158[0], setExportPDFTitle = _158[1];
+    var _159 = (0, react_1.useState)(false), exportPDFLoading = _159[0], setExportPDFLoading = _159[1];
+    var _160 = (0, react_1.useState)(false), exportReadPDFLoading = _160[0], setExportReadPDFLoading = _160[1];
+    var _161 = (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 = _161[0], setExportSumAttributeIds = _161[1];
+    var _162 = (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 = _162[0], setHideSubItems = _162[1];
+    var _163 = (0, react_1.useState)([]), importTableData = _163[0], setImportTableData = _163[1];
+    var _164 = (0, react_1.useState)([]), queryList = _164[0], setQueryList = _164[1];
+    var _165 = (0, react_1.useState)(undefined), allQueryList = _165[0], setAllQueryList = _165[1];
+    var _166 = (0, react_1.useState)(-1), queryIndex = _166[0], setQueryIndex = _166[1];
+    var _167 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _167[0], setGroupId = _167[1];
+    var _168 = (0, react_1.useState)(""), readTabSection = _168[0], setReadTabSection = _168[1];
+    var _169 = (0, react_1.useState)(false), readFloatingNav = _169[0], setReadFloatingNav = _169[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _159 = (0, react_1.useState)(false), modalVisible = _159[0], setModalVisible = _159[1];
-    var _160 = (0, react_1.useState)(false), deleteModal = _160[0], setDeleteModal = _160[1];
-    var _161 = (0, react_1.useState)(false), excelModal = _161[0], setExcelModal = _161[1];
-    var _162 = (0, react_1.useState)(false), exportExcel = _162[0], setExportExcel = _162[1];
-    var _163 = (0, react_1.useState)(""), exportType = _163[0], setExportType = _163[1];
-    var _164 = (0, react_1.useState)(false), exportQR = _164[0], setExportQR = _164[1];
-    var _165 = (0, react_1.useState)(function () {
+    var _170 = (0, react_1.useState)(false), modalVisible = _170[0], setModalVisible = _170[1];
+    var _171 = (0, react_1.useState)(false), deleteModal = _171[0], setDeleteModal = _171[1];
+    var _172 = (0, react_1.useState)(false), excelModal = _172[0], setExcelModal = _172[1];
+    var _173 = (0, react_1.useState)(false), exportExcel = _173[0], setExportExcel = _173[1];
+    var _174 = (0, react_1.useState)(""), exportType = _174[0], setExportType = _174[1];
+    var _175 = (0, react_1.useState)(false), exportQR = _175[0], setExportQR = _175[1];
+    var _176 = (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 = _165[0], setActiveTab = _165[1];
-    var _166 = (0, react_1.useState)(false), signatureSigning = _166[0], setSignatureSigning = _166[1];
-    var _167 = (0, react_1.useState)({}), selectedData = _167[0], setSelectedData = _167[1];
-    var _168 = (0, react_1.useState)(""), selectedObjectStructureId = _168[0], setSelectedObjectStructureId = _168[1];
-    var _169 = (0, react_1.useState)(""), selectedObjectId = _169[0], setSelectedObjectId = _169[1];
-    var _170 = (0, react_1.useState)(""), selectedListAddressId = _170[0], setSelectedListAddressId = _170[1];
-    var _171 = (0, react_1.useState)(-1), selectedListAddressIndex = _171[0], setSelectedListAddressIndex = _171[1];
-    var _172 = (0, react_1.useState)({
+    }), activeTab = _176[0], setActiveTab = _176[1];
+    var _177 = (0, react_1.useState)(false), signatureSigning = _177[0], setSignatureSigning = _177[1];
+    var _178 = (0, react_1.useState)({}), selectedData = _178[0], setSelectedData = _178[1];
+    var _179 = (0, react_1.useState)(""), selectedObjectStructureId = _179[0], setSelectedObjectStructureId = _179[1];
+    var _180 = (0, react_1.useState)(""), selectedObjectId = _180[0], setSelectedObjectId = _180[1];
+    var _181 = (0, react_1.useState)(""), selectedListAddressId = _181[0], setSelectedListAddressId = _181[1];
+    var _182 = (0, react_1.useState)(-1), selectedListAddressIndex = _182[0], setSelectedListAddressIndex = _182[1];
+    var _183 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _172[0], setSelectedListAddress = _172[1];
-    var _173 = (0, react_1.useState)({}), selectedObjectData = _173[0], setSelectedObjectData = _173[1];
-    var _174 = (0, react_1.useState)(null), objectCellEdit = _174[0], setObjectCellEdit = _174[1];
-    var _175 = (0, react_1.useState)(false), referenceLoading = _175[0], setReferenceLoading = _175[1];
-    var _176 = (0, react_1.useState)({}), referencesOptions = _176[0], setReferencesOptions = _176[1];
-    var _177 = (0, react_1.useState)({}), referencesDetails = _177[0], setReferencesDetails = _177[1];
-    var _178 = (0, react_1.useState)({}), listReferencesOptions = _178[0], setListReferencesOptions = _178[1];
-    var _179 = (0, react_1.useState)({}), referenceDeleteTableData = _179[0], setReferenceDeleteTableData = _179[1];
-    var _180 = (0, react_1.useState)(0), referenceDeleteIndex = _180[0], setReferenceDeleteIndex = _180[1];
-    var _181 = (0, react_1.useState)({
+    }), selectedListAddress = _183[0], setSelectedListAddress = _183[1];
+    var _184 = (0, react_1.useState)({}), selectedObjectData = _184[0], setSelectedObjectData = _184[1];
+    var _185 = (0, react_1.useState)(null), objectCellEdit = _185[0], setObjectCellEdit = _185[1];
+    var _186 = (0, react_1.useState)(false), referenceLoading = _186[0], setReferenceLoading = _186[1];
+    var _187 = (0, react_1.useState)({}), referencesOptions = _187[0], setReferencesOptions = _187[1];
+    var _188 = (0, react_1.useState)({}), referencesDetails = _188[0], setReferencesDetails = _188[1];
+    var _189 = (0, react_1.useState)({}), listReferencesOptions = _189[0], setListReferencesOptions = _189[1];
+    var _190 = (0, react_1.useState)({}), referenceDeleteTableData = _190[0], setReferenceDeleteTableData = _190[1];
+    var _191 = (0, react_1.useState)(0), referenceDeleteIndex = _191[0], setReferenceDeleteIndex = _191[1];
+    var _192 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _181[0], setReferenceCreationModal = _181[1];
-    var _182 = (0, react_1.useState)({}), referenceModelSchema = _182[0], setReferenceSchema = _182[1];
-    var _183 = (0, react_1.useState)([]), kanbanChecked = _183[0], setKanbanChecked = _183[1];
+    }), referenceCreationModal = _192[0], setReferenceCreationModal = _192[1];
+    var _193 = (0, react_1.useState)({}), referenceModelSchema = _193[0], setReferenceSchema = _193[1];
+    var _194 = (0, react_1.useState)([]), kanbanChecked = _194[0], setKanbanChecked = _194[1];
     //INFO : Offline
-    var _184 = (0, react_1.useState)(0), offlineDataLength = _184[0], setOfflineDataLength = _184[1];
-    var _185 = (0, react_1.useState)(false), offlineModal = _185[0], setOfflineModal = _185[1];
+    var _195 = (0, react_1.useState)(0), offlineDataLength = _195[0], setOfflineDataLength = _195[1];
+    var _196 = (0, react_1.useState)(false), offlineModal = _196[0], setOfflineModal = _196[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _186 = (0, react_1.useState)(false), isLive = _186[0], setIsLive = _186[1];
-    var _187 = (0, react_1.useState)(false), isLiveOffline = _187[0], setIsLiveOffline = _187[1];
+    var _197 = (0, react_1.useState)(false), isLive = _197[0], setIsLive = _197[1];
+    var _198 = (0, react_1.useState)(false), isLiveOffline = _198[0], setIsLiveOffline = _198[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 _188 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _188[0], setIsNetworkOffline = _188[1];
+    var _199 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _199[0], setIsNetworkOffline = _199[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -663,7 +663,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     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 _189 = (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 = _189[0], setPageLimit = _189[1];
+    var _200 = (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 = _200[0], setPageLimit = _200[1];
     var limit = pageLimit;
     var isSavedViewsEnabled = !!((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.savedViews) && resolvedType === "list";
     // INFO: a saved view carries its sort, so the sort is held here as with persistViewState
@@ -675,7 +675,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             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 _190 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _190.canUpdateRecord, canInlineUpdate = _190.canInlineUpdate, canBatchUpdate = _190.canBatchUpdate, canDeleteRecord = _190.canDeleteRecord;
+    var _201 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _201.canUpdateRecord, canInlineUpdate = _201.canInlineUpdate, canBatchUpdate = _201.canBatchUpdate, canDeleteRecord = _201.canDeleteRecord;
     var isEditor = ((_13 = props.edit) === null || _13 === void 0 ? void 0 : _13.allEditable) ? true : false;
     var isOffline = (_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
@@ -711,12 +711,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         ((_30 = props.edit) === null || _30 === void 0 ? void 0 : _30.activityLog.commentCollectionId)) ||
         (((_32 = (_31 = props.edit) === null || _31 === void 0 ? void 0 : _31.activityLog) === null || _32 === void 0 ? void 0 : _32.enableLogs) &&
             ((_33 = props.edit) === null || _33 === void 0 ? void 0 : _33.activityLog.logsCollectionId));
-    var customPaginationSize = ((_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.customPaginationCount)
+    var activityRecordId = resolvedType === "read" ? ((_34 = props.id) !== null && _34 !== void 0 ? _34 : "") : activityId;
+    var activityTitleColumn = (_43 = (_41 = (_39 = (_37 = (_36 = (_35 = props.edit) === null || _35 === void 0 ? void 0 : _35.activityLog) === null || _36 === void 0 ? void 0 : _36.recordTitleColumn) !== null && _37 !== void 0 ? _37 : (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.breadcrumbAttributeId) !== null && _39 !== void 0 ? _39 : (_40 = structure.find(function (column) { return column.id === "title" || column.id === "name"; })) === null || _40 === void 0 ? void 0 : _40.id) !== null && _41 !== void 0 ? _41 : (_42 = structure.find(function (column) { return column.type === "string"; })) === null || _42 === void 0 ? void 0 : _42.id) !== null && _43 !== void 0 ? _43 : "title";
+    var activityRecord = resolvedType === "read" ? selectedData :
+        tableData.find(function (record) { var _a; return ((_a = record._id) !== null && _a !== void 0 ? _a : record.id) === activityRecordId; });
+    var activityRecordTitle = (_44 = activityRecord === null || activityRecord === void 0 ? void 0 : activityRecord[activityTitleColumn]) !== null && _44 !== void 0 ? _44 : activityRecordId;
+    var customPaginationSize = ((_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.customPaginationCount)
         ? props.organise.customPaginationCount(size)
         : undefined;
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_35 = props.lib) === null || _35 === void 0 ? void 0 : _35.axios,
+        dbModule: (_46 = props.lib) === null || _46 === void 0 ? void 0 : _46.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -724,7 +729,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_36 = props.lib) === null || _36 === void 0 ? void 0 : _36.axios,
+        dbModule: (_47 = props.lib) === null || _47 === void 0 ? void 0 : _47.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -732,9 +737,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_37 = props.edit) === null || _37 === void 0 ? void 0 : _37.allEditable) &&
+        ((_48 = props.edit) === null || _48 === void 0 ? void 0 : _48.allEditable) &&
             !isFirebase &&
-            !((_39 = (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.exportSettings) === null || _39 === void 0 ? void 0 : _39.hideImportCSV)
+            !((_50 = (_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.exportSettings) === null || _50 === void 0 ? void 0 : _50.hideImportCSV)
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -743,7 +748,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.hideExportCSV)
+        !((_52 = (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.exportSettings) === null || _52 === void 0 ? void 0 : _52.hideExportCSV)
             ? {
                 text: "Export CSV",
                 onClick: function () {
@@ -753,7 +758,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.hideExportExcel)
+        !((_54 = (_53 = props.organise) === null || _53 === void 0 ? void 0 : _53.exportSettings) === null || _54 === void 0 ? void 0 : _54.hideExportExcel)
             ? {
                 text: "Export Excel",
                 onClick: function () {
@@ -763,7 +768,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.hideExportPDF)
+        !((_56 = (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.exportSettings) === null || _56 === void 0 ? void 0 : _56.hideExportPDF)
             ? {
                 text: "Export PDF",
                 onClick: function () {
@@ -773,7 +778,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_47 = (_46 = props.organise) === null || _46 === void 0 ? void 0 : _46.exportSettings) === null || _47 === void 0 ? void 0 : _47.hideExportQR)
+        !((_58 = (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.exportSettings) === null || _58 === void 0 ? void 0 : _58.hideExportQR)
             ? {
                 text: "Export QR",
                 onClick: function () {
@@ -783,7 +788,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_49 = (_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.exportSettings) === null || _49 === void 0 ? void 0 : _49.hideExportQR)
+        !((_60 = (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.exportSettings) === null || _60 === void 0 ? void 0 : _60.hideExportQR)
             ? {
                 text: "Export QR(Data)",
                 onClick: function () {
@@ -793,7 +798,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_51 = (_50 = props.organise) === null || _50 === void 0 ? void 0 : _50.exportSettings) === null || _51 === void 0 ? void 0 : _51.hideExportPrint)
+        !((_62 = (_61 = props.organise) === null || _61 === void 0 ? void 0 : _61.exportSettings) === null || _62 === void 0 ? void 0 : _62.hideExportPrint)
             ? {
                 text: "Print",
                 onClick: function () {
@@ -803,7 +808,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_53 = (_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.exportSettings) === null || _53 === void 0 ? void 0 : _53.hideExportDraft)
+        !((_64 = (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.exportSettings) === null || _64 === void 0 ? void 0 : _64.hideExportDraft)
             ? {
                 text: filterDraft ? "Show All Items" : "Filter Draft",
                 onClick: function () {
@@ -812,7 +817,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             : null,
     ].filter(Boolean);
-    if ((_54 = props.organise) === null || _54 === void 0 ? void 0 : _54.moreSettings)
+    if ((_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     //=====================================================================================
     //SECTION: User Column Visibility Handlers
@@ -1123,7 +1128,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //=====================================================================================
     //SECTION: Saved Views
     //=====================================================================================
-    var savedViewsKey = (0, viewStatePersistence_1.buildSavedViewsKey)(props.collectionId, (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.persistKey, (_56 = devSettings.currentUser) === null || _56 === void 0 ? void 0 : _56.userEmail);
+    var savedViewsKey = (0, viewStatePersistence_1.buildSavedViewsKey)(props.collectionId, (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.persistKey, (_67 = devSettings.currentUser) === null || _67 === void 0 ? void 0 : _67.userEmail);
     (0, react_1.useEffect)(function () {
         if (isSavedViewsEnabled)
             setSavedViews((0, viewStatePersistence_1.handleReadSavedViews)(savedViewsKey));
@@ -1165,7 +1170,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         })
             .filter(function (eachView) { return eachView.tabId === viewType; }), true), savedViews.filter(function (eachView) { return eachView.tabId === viewType; }), true);
     };
-    var defaultSavedViewIds = ((_58 = (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.defaultSavedViews) !== null && _58 !== void 0 ? _58 : [])
+    var defaultSavedViewIds = ((_69 = (_68 = props.organise) === null || _68 === void 0 ? void 0 : _68.defaultSavedViews) !== null && _69 !== void 0 ? _69 : [])
         .map(function (eachView) { var _a; return (_a = eachView.id) !== null && _a !== void 0 ? _a : ""; })
         .join("|");
     // INFO: keyed on the ids, not the array, so an inline literal passed on every
@@ -1372,7 +1377,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var isOtherListReturn = !(0, viewStatePersistence_1.handleIsLastDrill)(props.collectionId, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.persistKey);
         scrollRestoredRef.current = isSwitch || isOtherListReturn;
         /* eslint-disable */
-    }, [props.collectionId, (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.persistKey]);
+    }, [props.collectionId, (_70 = props.organise) === null || _70 === void 0 ? void 0 : _70.persistKey]);
     /* eslint-enable */
     // INFO: wait a frame — rows land in state one tick before layout
     (0, react_1.useEffect)(function () {
@@ -1407,7 +1412,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         handleOfflinePrefetch();
         /* eslint-disable */
-    }, [props.collectionId, (_60 = props.bareSettings) === null || _60 === void 0 ? void 0 : _60.bareOffline]);
+    }, [props.collectionId, (_71 = props.bareSettings) === null || _71 === void 0 ? void 0 : _71.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
@@ -1427,7 +1432,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, interval);
         return function () { return clearInterval(timer); };
         /* eslint-disable */
-    }, [(_61 = props.bareSettings) === null || _61 === void 0 ? void 0 : _61.barePollingInterval, isLive, isNetworkOffline]);
+    }, [(_72 = props.bareSettings) === null || _72 === void 0 ? void 0 : _72.barePollingInterval, isLive, isNetworkOffline]);
     /* eslint-enable */
     // INFO: Pub/Sub → SSE live-stream — driven by bareSettings.bareSocketName
     // EventSource URL: {sseEndpoint}/{room}?bm_apiToken={token}
@@ -1469,7 +1474,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         };
         /* eslint-disable */
     }, [
-        (_62 = props.bareSettings) === null || _62 === void 0 ? void 0 : _62.bareSocketName,
+        (_73 = props.bareSettings) === null || _73 === void 0 ? void 0 : _73.bareSocketName,
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
@@ -1721,10 +1726,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.extendedTabs,
-        (_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.viewId,
-        (_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.additionalQuery,
-        (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.groupBy,
+        (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.extendedTabs,
+        (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.viewId,
+        (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.additionalQuery,
+        (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.groupBy,
         resolvedType,
     ]);
     /**
@@ -1865,7 +1870,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             };
         }, 100);
         return function () { return clearTimeout(timeoutId); };
-    }, [(_67 = props.organise) === null || _67 === void 0 ? void 0 : _67.showReadFloatingNav, resolvedType, props.id, loading]);
+    }, [(_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.showReadFloatingNav, resolvedType, props.id, loading]);
     (0, react_1.useEffect)(function () {
         if (resolvedType !== "read")
             return;
@@ -7343,7 +7348,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             setDeleteModal(true);
                         } })))),
             showExport && (react_1.default.createElement(button_1.Button, { type: "light", text: "Export PDF", size: "small", onClick: handleExportReadPDF })),
-            isActivityLog && (react_1.default.createElement(button_1.Button, { type: "light", text: "Log", size: "small", onClick: function () { return setActivityModal(true); } })),
+            isActivityLog && (react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-read-activity", icon: react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(outline_1.ChatBubbleOvalLeftEllipsisIcon, { className: "h-5 w-5" }),
+                    react_1.default.createElement("span", { className: "sr-only" }, "Comments and activity")), background: "bg-transparent text-primary-500 hover:bg-primary-50", onClick: function () { return setActivityModal(true); } })),
             hasCustomActions && bareActionComponent,
             showUpdate &&
                 (hasNavigation ? (react_1.default.createElement(button_1.Button, { id: "dtw-update", text: "Update", type: "normal", size: "small", onClick: function () {
@@ -7393,7 +7400,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else if (type === "list") {
             var listActionBtns = [];
             if (isActivityLog) {
-                listActionBtns.push(react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(HeroIcons.ClockIcon, { className: "h-7 w-7 text-white" }), onClick: function () { return setActivityModal(true); }, background: "bg-primary-500 hover:bg-primary-600" }));
+                listActionBtns.push(react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-all-activity", icon: react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(HeroIcons.ClockIcon, { className: "h-7 w-7 text-white" }),
+                        react_1.default.createElement("span", { className: "sr-only" }, "All activity")), onClick: function () { return setActivityModal(true); }, background: "bg-primary-500 hover:bg-primary-600" }));
             }
             if (bareActionComponent) {
                 listActionBtns.push(bareActionComponent);
@@ -8748,7 +8757,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else {
             // INFO: when bareNewDTW is enabled, render NewTable instead of legacy Table
             if ((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareNewDTW) {
-                return (react_1.default.createElement(newTable_1.NewTable, { darkModeBg: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkModeBg, showId: showId, paginationType: renderResolvedPaginationType(), data: tableData, spaceData: spaceTableData !== null && spaceTableData !== void 0 ? spaceTableData : [], referencesOptions: listReferencesOptions, groups: handleBuildNewTableGroups(), size: size !== null && size !== void 0 ? size : 0, limit: limit, cursor: cursor !== null && cursor !== void 0 ? cursor : "", loading: tableLoading !== null && tableLoading !== void 0 ? tableLoading : true, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", disableSelectFullData: (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.disableSelectFullData) === null || _e === void 0 ? void 0 : _e.table, maxSelectedCount: (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListMaxSelectedCount, mobileView: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListMobileView, mobileTooltip: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareMobileTooltip, multiActionFloatingBtns: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (canBatchUpdate &&
+                return (react_1.default.createElement(newTable_1.NewTable, { darkModeBg: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkModeBg, showId: showId, paginationType: renderResolvedPaginationType(), data: tableData, spaceData: spaceTableData !== null && spaceTableData !== void 0 ? spaceTableData : [], referencesOptions: listReferencesOptions, groups: handleBuildNewTableGroups(), onRowActivity: isActivityLog ? function (id) {
+                        setActivityId(id);
+                        setActivityModal(true);
+                    } : undefined, size: size !== null && size !== void 0 ? size : 0, limit: limit, cursor: cursor !== null && cursor !== void 0 ? cursor : "", loading: tableLoading !== null && tableLoading !== void 0 ? tableLoading : true, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", disableSelectFullData: (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.disableSelectFullData) === null || _e === void 0 ? void 0 : _e.table, maxSelectedCount: (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListMaxSelectedCount, mobileView: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListMobileView, mobileTooltip: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareMobileTooltip, multiActionFloatingBtns: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (canBatchUpdate &&
                         !((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareHideTableExtraMultipleAction)
                         ? [
                             {
@@ -10347,7 +10359,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_69 = (_68 = props.renderSettings) === null || _68 === void 0 ? void 0 : _68.renderLoadingUI) === null || _69 === void 0 ? void 0 : _69.call(_68)) && loading ? ((_70 = props.renderSettings) === null || _70 === void 0 ? void 0 : _70.renderLoadingUI()) : (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, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_80 = (_79 = props.renderSettings) === null || _79 === void 0 ? void 0 : _79.renderLoadingUI) === null || _80 === void 0 ? void 0 : _80.call(_79)) && loading ? ((_81 = props.renderSettings) === null || _81 === void 0 ? void 0 : _81.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_82 = props.organise) === null || _82 === void 0 ? void 0 : _82.darkMode, darkModeBg: (_83 = props.organise) === null || _83 === void 0 ? void 0 : _83.darkModeBg, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;
@@ -10358,7 +10370,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: (_73 = props.organise) === null || _73 === void 0 ? void 0 : _73.darkMode, darkModeBg: (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.darkModeBg, maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_84 = props.organise) === null || _84 === void 0 ? void 0 : _84.darkMode, darkModeBg: (_85 = props.organise) === null || _85 === void 0 ? void 0 : _85.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];
@@ -10374,19 +10386,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: (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.darkMode, darkModeBg: (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.darkModeBg, maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_86 = props.organise) === null || _86 === void 0 ? void 0 : _86.darkMode, darkModeBg: (_87 = props.organise) === null || _87 === void 0 ? void 0 : _87.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: (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.darkMode, darkModeBg: (_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.darkModeBg, open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_88 = props.organise) === null || _88 === void 0 ? void 0 : _88.darkMode, darkModeBg: (_89 = props.organise) === null || _89 === void 0 ? void 0 : _89.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: (_79 = props.organise) === null || _79 === void 0 ? void 0 : _79.darkMode, darkModeBg: (_80 = props.organise) === null || _80 === void 0 ? void 0 : _80.darkModeBg, open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_90 = props.organise) === null || _90 === void 0 ? void 0 : _90.darkMode, darkModeBg: (_91 = props.organise) === null || _91 === void 0 ? void 0 : _91.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: (_81 = props.organise) === null || _81 === void 0 ? void 0 : _81.darkMode, darkModeBg: (_82 = props.organise) === null || _82 === void 0 ? void 0 : _82.darkModeBg, title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_92 = props.organise) === null || _92 === void 0 ? void 0 : _92.darkMode, darkModeBg: (_93 = props.organise) === null || _93 === void 0 ? void 0 : _93.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 }));
@@ -10394,11 +10406,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setSelectedAuthMethod("");
             } }),
-        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_83 = props.organise) === null || _83 === void 0 ? void 0 : _83.darkMode, darkModeBg: (_84 = props.organise) === null || _84 === void 0 ? void 0 : _84.darkModeBg, open: activityModal, title: "Activity Log", renderContent: function () {
-                var _a, _b;
+        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_94 = props.organise) === null || _94 === void 0 ? void 0 : _94.darkMode, darkModeBg: (_95 = props.organise) === null || _95 === void 0 ? void 0 : _95.darkModeBg, open: activityModal, title: "Activity Log \u00B7 ".concat(activityRecordId ? String(activityRecordTitle) : "All data"), renderContent: function () {
+                var _a, _b, _c, _d, _e;
                 return (react_1.default.createElement(activityModal_1.ActivityModal, { title: props.title && typeof props.title === "string"
                         ? props.title
-                        : "this collection", devSettings: props.devSettings, collectionId: props.collectionId, dataId: resolvedType === "read" ? ((_a = props.id) !== null && _a !== void 0 ? _a : "") : activityId, activityLog: (_b = props.edit) === null || _b === void 0 ? void 0 : _b.activityLog }));
+                        : "this collection", devSettings: props.devSettings, collectionId: props.collectionId, dataId: resolvedType === "read" ? ((_a = props.id) !== null && _a !== void 0 ? _a : "") : activityId, activityLog: (_b = props.edit) === null || _b === void 0 ? void 0 : _b.activityLog, initialTab: activityRecordId ? "comments" : "logs", recordTitleColumn: activityTitleColumn, recordQuery: (_d = (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareListFilterQuery) !== null && _d !== void 0 ? _d : [], onOpenRecord: function (id) {
+                        var _a, _b;
+                        setActivityModal(false);
+                        setActivityId("");
+                        (_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: (_e = props.organise) === null || _e === void 0 ? void 0 : _e.darkMode }));
             }, maxWidth: "4xl", onClose: function () {
                 setActivityModal(false);
                 setActivityId("");