@dexteel/mesf-core 7.8.1 → 7.10.0

package/dist/index.esm.js

@@ -34,9 +34,9 @@ import { DataGrid, GridOverlay } from '@mui/x-data-grid';
 import PropTypes from 'prop-types';
 import GetAppIcon from '@mui/icons-material/GetApp';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import moment$9 from 'moment-timezone';
+import moment$g from 'moment-timezone';
 import { useParams, useNavigate, useSearchParams, Link, Navigate, Routes, Route, useLocation, BrowserRouter } from 'react-router-dom';
-import moment$8 from 'moment';
+import moment$f from 'moment';
 import SkipNextIcon from '@mui/icons-material/SkipNext';
 import PersonOutlineIcon from '@mui/icons-material/PersonOutline';
 import LockIcon from '@mui/icons-material/Lock';
@@ -59,7 +59,7 @@ import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers/DateTime
 import ClearAllIcon from '@mui/icons-material/ClearAll';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import axios from 'axios';
-import { Group as Group$1, Panel, Separator } from 'react-resizable-panels';
+import { Group as Group$1, Panel, Separator, useDefaultLayout } from 'react-resizable-panels';
 import { LocalizationProvider as LocalizationProvider$1 } from '@mui/x-date-pickers/LocalizationProvider';
 import InsertChartIcon from '@mui/icons-material/InsertChart';
 import ReactECharts from 'echarts-for-react';
@@ -903,7 +903,7 @@ var MESApiService = /** @class */ (function () {
                 data.dataBaseName = database;
                 data.parameters = formattedParameters;
                 Date.prototype.toJSON = function () {
-                    return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                    return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                 }; // eslint-disable-line
                 isError = { ok: true };
                 return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + "/Execute", {
@@ -962,7 +962,7 @@ var MESApiService = /** @class */ (function () {
                         data.method = procedure;
                         data.parameters = formattedParameters;
                         Date.prototype.toJSON = function () {
-                            return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                            return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                         }; // eslint-disable-line
                         curatedMethod = procedure.replace(/[\[\]]/g, "");
                         _a.label = 1;
@@ -1017,7 +1017,7 @@ var MESApiService = /** @class */ (function () {
                 data.dataBaseName = database;
                 data.parameters = formattedParameters;
                 Date.prototype.toJSON = function () {
-                    return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                    return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                 }; // eslint-disable-line
                 isError = { ok: true };
                 return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + "/ExecuteJSON", {
@@ -1074,7 +1074,7 @@ var MESApiService = /** @class */ (function () {
                     formattedParameters.push(formattedParameter);
                 });
                 Date.prototype.toJSON = function () {
-                    return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                    return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                 }; // eslint-disable-line
                 isError = { ok: true };
                 files.forEach(function (element) {
@@ -1141,7 +1141,7 @@ var MESApiService = /** @class */ (function () {
                 data.parameters = formattedParameters;
                 data.fileName = fileName || "Default.xlsx";
                 Date.prototype.toJSON = function () {
-                    return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                    return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                 }; // eslint-disable-line
                 isError = { ok: true };
                 return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + "/Export", {
@@ -1219,7 +1219,7 @@ var MESApiService = /** @class */ (function () {
                 data.parameters = formattedParameters;
                 data.fileName = fileName || "Default.xlsx";
                 Date.prototype.toJSON = function () {
-                    return moment$8(this).format("YYYY-MM-DDTHH:mm:ss");
+                    return moment$f(this).format("YYYY-MM-DDTHH:mm:ss");
                 }; // eslint-disable-line
                 isError = { ok: true };
                 return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + "/ExportExcel", {
@@ -1771,7 +1771,7 @@ var TimeService = /** @class */ (function () {
         else {
             this.timeZone = timeZone;
         }
-        moment$9.tz.setDefault(this.timeZone);
+        moment$g.tz.setDefault(this.timeZone);
     };
     TimeService.prototype.toUTC = function (datetime, format$1) {
         try {
@@ -1810,7 +1810,7 @@ var TimeService = /** @class */ (function () {
     };
     return TimeService;
 }());
-var getMomentTz = function () { return moment$9; };
+var getMomentTz = function () { return moment$g; };
 var dxtServerTimeZone = function () {
     return TimeService.getInstance().getServerTimeZone;
 };
@@ -4322,7 +4322,7 @@ var useProfilesOptionsFunctions = function (_a) {
     };
 };
 
-var useTableData$5 = function (_a) {
+var useTableData$7 = function (_a) {
     var setProfileId = _a.setProfileId, setModalProceduresProfile = _a.setModalProceduresProfile, setModalDeleteProfile = _a.setModalDeleteProfile, showContextMenu = _a.showContextMenu;
     var columnDefs = [
         {
@@ -4441,7 +4441,7 @@ var TableProfiles = function () {
         setModalProceduresProfile: setModalProceduresProfile,
     }).getMenuOptions;
     var _h = useContextMenuMESF(), showContextMenu = _h.showContextMenu, registerConfig = _h.registerConfig;
-    var columnDefs = useTableData$5({
+    var columnDefs = useTableData$7({
         setModalDeleteProfile: setModalDeleteProfile,
         setModalProceduresProfile: setModalProceduresProfile,
         setProfileId: setProfile,
@@ -5272,7 +5272,7 @@ var buttonsCellRenderer = function (params) {
                 React__default.createElement(FormatListBulletedSharpIcon, { style: { height: "auto" }, color: "action" })))));
 };
 
-var useTableData$4 = function (_a) {
+var useTableData$6 = function (_a) {
     var setUserId = _a.setUserId, setOpenModalEditDataUser = _a.setOpenModalEditDataUser, setOpenModalDeleteUser = _a.setOpenModalDeleteUser, setOpenModalChangePasswordd = _a.setOpenModalChangePasswordd, showContextMenu = _a.showContextMenu;
     var columnDefs = [
         {
@@ -5442,7 +5442,7 @@ var TableUsers = function () {
         setShowChangePasswordModal: setOpenModalChangePasswordd,
     }).getMenuOptions;
     var _k = useContextMenuMESF(), showContextMenu = _k.showContextMenu, registerConfig = _k.registerConfig;
-    var columnDefs = useTableData$4({
+    var columnDefs = useTableData$6({
         setUserId: setUserId,
         setOpenModalEditDataUser: setOpenModalEditDataUser,
         setOpenModalDeleteUser: setOpenModalDeleteUser,
@@ -6223,11 +6223,11 @@ var useShiftNavigatorManager = function () {
                 case 1:
                     resp = _a.sent();
                     if (resp.ok) {
-                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$8
+                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$f
                                 .utc(resp.data.CurrentProductionDate)
-                                .toDate(), CurrentStart: moment$8.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$8.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$8
+                                .toDate(), CurrentStart: moment$f.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$f.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$f
                                 .utc(resp.data.PreviousProductionDate)
-                                .toDate(), PreviousStart: moment$8.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$8.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$8.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$8.utc(resp.data.LastStart).toDate(), LastEnd: moment$8.utc(resp.data.LastEnd).toDate() });
+                                .toDate(), PreviousStart: moment$f.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$f.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$f.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$f.utc(resp.data.LastStart).toDate(), LastEnd: moment$f.utc(resp.data.LastEnd).toDate() });
                         setShiftInfo(shift);
                         return [2 /*return*/, shift];
                     }
@@ -6252,11 +6252,11 @@ var useShiftNavigatorManager = function () {
                 case 2:
                     resp = _a.sent();
                     if (resp.ok) {
-                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$8
+                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$f
                                 .utc(resp.data.CurrentProductionDate)
-                                .toDate(), CurrentStart: moment$8.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$8.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$8
+                                .toDate(), CurrentStart: moment$f.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$f.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$f
                                 .utc(resp.data.PreviousProductionDate)
-                                .toDate(), PreviousStart: moment$8.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$8.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$8.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$8.utc(resp.data.LastStart).toDate(), LastEnd: moment$8.utc(resp.data.LastEnd).toDate() });
+                                .toDate(), PreviousStart: moment$f.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$f.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$f.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$f.utc(resp.data.LastStart).toDate(), LastEnd: moment$f.utc(resp.data.LastEnd).toDate() });
                         setShiftInfo(shift);
                         return [2 /*return*/, shift];
                     }
@@ -6282,11 +6282,11 @@ var useShiftNavigatorManager = function () {
                 case 1:
                     resp = _a.sent();
                     if (resp.ok) {
-                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$8
+                        shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$f
                                 .utc(resp.data.CurrentProductionDate)
-                                .toDate(), CurrentStart: moment$8.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$8.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$8
+                                .toDate(), CurrentStart: moment$f.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$f.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$f
                                 .utc(resp.data.PreviousProductionDate)
-                                .toDate(), PreviousStart: moment$8.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$8.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$8.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$8.utc(resp.data.LastStart).toDate(), LastEnd: moment$8.utc(resp.data.LastEnd).toDate() });
+                                .toDate(), PreviousStart: moment$f.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$f.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$f.utc(resp.data.LastProductionDate).toDate(), LastStart: moment$f.utc(resp.data.LastStart).toDate(), LastEnd: moment$f.utc(resp.data.LastEnd).toDate() });
                         setShiftInfo(shift);
                         return [2 /*return*/, shift];
                     }
@@ -6384,13 +6384,13 @@ var ShiftDayNavigatorControl = function (_a) {
                     case 2:
                         resp = _a.sent();
                         if (resp.ok) {
-                            shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$9
+                            shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$g
                                     .utc(resp.data.CurrentProductionDate)
-                                    .toDate(), CurrentStart: moment$9.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$9.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$9
+                                    .toDate(), CurrentStart: moment$g.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$g.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$g
                                     .utc(resp.data.PreviousProductionDate)
-                                    .toDate(), PreviousStart: moment$9.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$9.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$9
+                                    .toDate(), PreviousStart: moment$g.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$g.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$g
                                     .utc(resp.data.LastProductionDate)
-                                    .toDate(), LastStart: moment$9.utc(resp.data.LastStart).toDate(), LastEnd: moment$9.utc(resp.data.LastEnd).toDate() });
+                                    .toDate(), LastStart: moment$g.utc(resp.data.LastStart).toDate(), LastEnd: moment$g.utc(resp.data.LastEnd).toDate() });
                             setShiftInfoCopy(shift);
                         }
                         return [3 /*break*/, 4];
@@ -6434,7 +6434,7 @@ var ShiftDayNavigatorControl = function (_a) {
                     }, size: "small" },
                     React__default.createElement(ArrowBackRounded, null)))),
         React__default.createElement(Grid2, { size: "auto" },
-            React__default.createElement(DatePicker, { label: "Current Date", timezone: "UTC", format: "MM/DD/YYYY", maxDate: moment$9(), closeOnSelect: true, formatDensity: "dense", value: moment$9(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentProductionDate), onChange: function (date) {
+            React__default.createElement(DatePicker, { label: "Current Date", timezone: "UTC", format: "MM/DD/YYYY", maxDate: moment$g(), closeOnSelect: true, formatDensity: "dense", value: moment$g(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentProductionDate), onChange: function (date) {
                     if (date) {
                         getShiftDataFromAPI(date.toDate(), 0).then(function () { });
                     }
@@ -6516,8 +6516,8 @@ var getShiftsRangeByParameters = function (period_1) {
                     if (resp.ok) {
                         data = resp.data;
                         data.tables[0].rows.map(function (shift) {
-                            shift.Start = moment$9.utc(shift["Start"]).toDate();
-                            shift.End = moment$9.utc(shift["End"]).toDate();
+                            shift.Start = moment$g.utc(shift["Start"]).toDate();
+                            shift.End = moment$g.utc(shift["End"]).toDate();
                         });
                         return [2 /*return*/, {
                                 ok: true,
@@ -6567,13 +6567,13 @@ var ShiftPeriodNavigatorControl = function (_a) {
                 case 1:
                     _a.trys.push([1, 6, , 7]);
                     if (!(direction === "prev" && (startShift === null || startShift === void 0 ? void 0 : startShift.Start))) return [3 /*break*/, 3];
-                    return [4 /*yield*/, searchShiftsRangeByParameters(period, moment$9(startShift.Start).toDate(), null, false, "prev")];
+                    return [4 /*yield*/, searchShiftsRangeByParameters(period, moment$g(startShift.Start).toDate(), null, false, "prev")];
                 case 2:
                     _a.sent();
                     return [3 /*break*/, 5];
                 case 3:
                     if (!(direction === "next" && (endShift === null || endShift === void 0 ? void 0 : endShift.End))) return [3 /*break*/, 5];
-                    return [4 /*yield*/, searchShiftsRangeByParameters(period, null, moment$9(endShift.End).toDate(), false, "next")];
+                    return [4 /*yield*/, searchShiftsRangeByParameters(period, null, moment$g(endShift.End).toDate(), false, "next")];
                 case 4:
                     _a.sent();
                     _a.label = 5;
@@ -6729,8 +6729,8 @@ var ShiftPeriodNavigatorControl = function (_a) {
                     newPeriod = event.target.value;
                     setPeriod(newPeriod);
                     if (!(newPeriod === "Custom")) return [3 /*break*/, 2];
-                    today = moment$9();
-                    yesterday = moment$9().subtract(1, "day");
+                    today = moment$g();
+                    yesterday = moment$g().subtract(1, "day");
                     setCustomStartDate(yesterday);
                     setCustomEndDate(today);
                     return [4 /*yield*/, searchShiftsRangeByParameters("Custom", yesterday.toDate(), today.toDate(), false)];
@@ -6740,7 +6740,7 @@ var ShiftPeriodNavigatorControl = function (_a) {
                 case 2:
                     setCustomStartDate(null);
                     setCustomEndDate(null);
-                    return [4 /*yield*/, searchShiftsRangeByParameters(newPeriod, null, (endShift === null || endShift === void 0 ? void 0 : endShift.Start) ? moment$9(endShift.Start).toDate() : null, false)];
+                    return [4 /*yield*/, searchShiftsRangeByParameters(newPeriod, null, (endShift === null || endShift === void 0 ? void 0 : endShift.Start) ? moment$g(endShift.Start).toDate() : null, false)];
                 case 3:
                     _a.sent();
                     _a.label = 4;
@@ -6804,10 +6804,10 @@ var ShiftPeriodNavigatorControl = function (_a) {
                 },
             } },
             React__default.createElement(DatePicker$1, { label: "Start", format: dateFormat, value: isCustomMode
-                    ? customStartDate || moment$9().subtract(1, "day")
-                    : moment$9((startShift === null || startShift === void 0 ? void 0 : startShift.Start) || moment$9().subtract(1, "day")), onChange: function (value) {
-                    return handleDateChange(value ? moment$9(value) : null, "start");
-                }, disabled: loadingShiftPeriodList, maxDate: isCustomMode ? moment$9() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
+                    ? customStartDate || moment$g().subtract(1, "day")
+                    : moment$g((startShift === null || startShift === void 0 ? void 0 : startShift.Start) || moment$g().subtract(1, "day")), onChange: function (value) {
+                    return handleDateChange(value ? moment$g(value) : null, "start");
+                }, disabled: loadingShiftPeriodList, maxDate: isCustomMode ? moment$g() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -6849,10 +6849,10 @@ var ShiftPeriodNavigatorControl = function (_a) {
                 },
             } },
             React__default.createElement(DatePicker$1, { label: "End", format: dateFormat, value: isCustomMode
-                    ? customEndDate || moment$9()
-                    : moment$9((endShift === null || endShift === void 0 ? void 0 : endShift.End) || (endShift === null || endShift === void 0 ? void 0 : endShift.Start) || moment$9()), onChange: function (value) {
-                    return handleDateChange(value ? moment$9(value) : null, "end");
-                }, disabled: loadingShiftPeriodList, minDate: isCustomMode && customStartDate ? customStartDate : undefined, maxDate: isCustomMode ? moment$9() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
+                    ? customEndDate || moment$g()
+                    : moment$g((endShift === null || endShift === void 0 ? void 0 : endShift.End) || (endShift === null || endShift === void 0 ? void 0 : endShift.Start) || moment$g()), onChange: function (value) {
+                    return handleDateChange(value ? moment$g(value) : null, "end");
+                }, disabled: loadingShiftPeriodList, minDate: isCustomMode && customStartDate ? customStartDate : undefined, maxDate: isCustomMode ? moment$g() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -7532,15 +7532,15 @@ var getJobs = function () { return __awaiter(void 0, void 0, void 0, function ()
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
                     rows = rows.map(function (job) { return (__assign(__assign({}, job), { LastStarted: job.LastStarted
-                            ? moment$8.utc(job["LastStarted"]).toDate()
+                            ? moment$f.utc(job["LastStarted"]).toDate()
                             : null, LastContact: job.LastContact
-                            ? moment$8.utc(job["LastContact"]).toDate()
+                            ? moment$f.utc(job["LastContact"]).toDate()
                             : null, LastCounter: job.LastCounter
-                            ? moment$8.utc(job["LastCounter"]).toDate()
-                            : null, StartTime: job.StartTime ? moment$8.utc(job["StartTime"]).toDate() : null, NextExecutionTime: job.NextExecutionTime
-                            ? moment$8.utc(job["NextExecutionTime"]).toDate()
+                            ? moment$f.utc(job["LastCounter"]).toDate()
+                            : null, StartTime: job.StartTime ? moment$f.utc(job["StartTime"]).toDate() : null, NextExecutionTime: job.NextExecutionTime
+                            ? moment$f.utc(job["NextExecutionTime"]).toDate()
                             : null, LastExecutionTime: job.LastExecutionTime
-                            ? moment$8.utc(job["LastExecutionTime"]).toDate()
+                            ? moment$f.utc(job["LastExecutionTime"]).toDate()
                             : null })); });
                     return [2 /*return*/, rows];
                 }
@@ -7800,7 +7800,7 @@ var JobDetails = function (_a) {
                     React__default.createElement(Controller, { name: "StartTime", control: control, render: function (_a) {
                             var field = _a.field, error = _a.fieldState.error;
                             return (React__default.createElement(React__default.Fragment, null,
-                                React__default.createElement(DateTimePicker, { label: "Start Time", value: field.value ? moment$9(field.value) : null, onChange: field.onChange, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), slotProps: {
+                                React__default.createElement(DateTimePicker, { label: "Start Time", value: field.value ? moment$g(field.value) : null, onChange: field.onChange, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), slotProps: {
                                         textField: {
                                             size: "small",
                                             margin: "none",
@@ -7818,7 +7818,7 @@ var JobDetails = function (_a) {
                 React__default.createElement(Grid2, { size: { xs: 12, md: 6 } },
                     React__default.createElement(Controller, { name: "LastExecutionTime", control: control, render: function (_a) {
                             var field = _a.field;
-                            return (React__default.createElement(DateTimePicker, { label: "Last Execution Time", value: field.value ? moment$9(field.value) : null, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), disabled: true, slotProps: {
+                            return (React__default.createElement(DateTimePicker, { label: "Last Execution Time", value: field.value ? moment$g(field.value) : null, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), disabled: true, slotProps: {
                                     textField: {
                                         size: "small",
                                         margin: "none",
@@ -7829,7 +7829,7 @@ var JobDetails = function (_a) {
                 React__default.createElement(Grid2, { size: { xs: 12, md: 6 } },
                     React__default.createElement(Controller, { name: "NextExecutionTime", control: control, render: function (_a) {
                             var field = _a.field;
-                            return (React__default.createElement(DateTimePicker, { label: "Next Execution Time", value: field.value ? moment$9(field.value) : null, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), disabled: true, slotProps: {
+                            return (React__default.createElement(DateTimePicker, { label: "Next Execution Time", value: field.value ? moment$g(field.value) : null, format: "MM/DD/YYYY HH:mm:ss", views: ["year", "month", "day", "hours", "minutes"], ampm: false, timezone: TimeService.getInstance().getServerTimeZone(), disabled: true, slotProps: {
                                     textField: {
                                         size: "small",
                                         margin: "none",
@@ -7953,7 +7953,7 @@ var useJobsTableData = function (_a) {
             headerName: "Next Execution",
             valueFormatter: function (_a) {
                 var value = _a.value;
-                return value === null ? "" : moment$8(value).format("DD/MM/YY HH:mm");
+                return value === null ? "" : moment$f(value).format("DD/MM/YY HH:mm");
             },
             flex: 2,
         },
@@ -8281,7 +8281,7 @@ var CodeFilter = function (_a) {
 var DateFilter = function (_a) {
     var date = _a.date, setDate = _a.setDate, _b = _a.label, label = _b === void 0 ? "Date" : _b, minDate = _a.minDate, maxDate = _a.maxDate;
     return (React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment },
-        React__default.createElement(DatePicker$1, { format: "MM/DD/YYYY", minDate: minDate ? moment$8(minDate) : undefined, maxDate: maxDate ? moment$8(maxDate) : undefined, sx: {
+        React__default.createElement(DatePicker$1, { format: "MM/DD/YYYY", minDate: minDate ? moment$f(minDate) : undefined, maxDate: maxDate ? moment$f(maxDate) : undefined, sx: {
                 minWidth: "100%",
                 borderTopLeftRadius: 3,
                 borderTopRightRadius: 3,
@@ -8291,7 +8291,7 @@ var DateFilter = function (_a) {
                     size: "small",
                     fullWidth: true,
                 },
-            }, label: label, value: date ? moment$8(date) : null, onChange: function (newDate) { return setDate(newDate ? newDate.toDate() : null); } })));
+            }, label: label, value: date ? moment$f(date) : null, onChange: function (newDate) { return setDate(newDate ? newDate.toDate() : null); } })));
 };
 
 var SearchFilter = function (_a) {
@@ -8403,7 +8403,7 @@ var getLogs = function (_a) { return __awaiter(void 0, [_a], void 0, function (_
                 resp = _c.sent();
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
-                    rows = rows.map(function (log) { return (__assign(__assign({}, log), { Timestamp: log.Timestamp ? moment$8.utc(log["Timestamp"]).toDate() : null })); });
+                    rows = rows.map(function (log) { return (__assign(__assign({}, log), { Timestamp: log.Timestamp ? moment$f.utc(log["Timestamp"]).toDate() : null })); });
                     return [2 /*return*/, rows];
                 }
                 else {
@@ -8532,8 +8532,8 @@ var getLogTypeByCodeId = function (logTypeCodeId) {
     return get(LOG_TYPE_CODES, "".concat(logTypeCodeId, ".description"), " -");
 };
 var TableLogs = function () {
-    var _a = useState(moment$8().add(-5, "days").hour(0).minute(0).second(0).toDate()), startDate = _a[0], setStartDate = _a[1];
-    var _b = useState(moment$8().hour(23).minute(59).second(59).toDate()), endDate = _b[0], setEndDate = _b[1];
+    var _a = useState(moment$f().add(-5, "days").hour(0).minute(0).second(0).toDate()), startDate = _a[0], setStartDate = _a[1];
+    var _b = useState(moment$f().hour(23).minute(59).second(59).toDate()), endDate = _b[0], setEndDate = _b[1];
     var _c = useState("UTC"), timezone = _c[0], setTimezone = _c[1];
     var _d = useState(""), search = _d[0], setSearch = _d[1];
     var _e = useState(["I", "W", "E"]), logTypeCode = _e[0], setLogTypeCode = _e[1];
@@ -8556,7 +8556,7 @@ var TableLogs = function () {
         return ({
             id: LogId,
             Timestamp: timezone === "UTC"
-                ? moment$8(Timestamp).utc().format("YYYY-MM-DD HH:mm:ss z")
+                ? moment$f(Timestamp).utc().format("YYYY-MM-DD HH:mm:ss z")
                 : dxtToLocalServerTime(Timestamp, "yyyy-MM-dd HH:mm:ss z"),
             Source: Source,
             Message: isNil(Message) ? "" : Message.replaceAll("Added", " Added"),
@@ -8582,8 +8582,8 @@ var TableLogs = function () {
     var _m = useContextMenuMESF(), showContextMenu = _m.showContextMenu, registerConfig = _m.registerConfig;
     var handleResetButtonClick = function () {
         resetFilter();
-        setStartDate(moment$8().add(-5, "days").hour(0).minute(0).second(0).toDate());
-        setEndDate(moment$8().hour(23).minute(59).second(59).toDate());
+        setStartDate(moment$f().add(-5, "days").hour(0).minute(0).second(0).toDate());
+        setEndDate(moment$f().hour(23).minute(59).second(59).toDate());
         setSearch("");
         gridAPI === null || gridAPI === void 0 ? void 0 : gridAPI.setGridOption("quickFilterText", "");
         setLogTypeCode(["I", "W", "E"]);
@@ -8592,8 +8592,8 @@ var TableLogs = function () {
     };
     // Btn reset data
     var resetFilter = function () {
-        setStartDate(moment$8().add(-5, "days").hour(0).minute(0).second(0).toDate());
-        setEndDate(moment$8().hour(23).minute(59).second(59).toDate());
+        setStartDate(moment$f().add(-5, "days").hour(0).minute(0).second(0).toDate());
+        setEndDate(moment$f().hour(23).minute(59).second(59).toDate());
         setSearch("");
         gridAPI === null || gridAPI === void 0 ? void 0 : gridAPI.setGridOption("quickFilterText", "");
         setLogTypeCode(["I", "W", "E"]);
@@ -8678,7 +8678,7 @@ var TableLogs = function () {
                                                 setEndDate(null);
                                             }
                                             else {
-                                                setEndDate(moment$8().hour(23).minute(59).second(59).toDate());
+                                                setEndDate(moment$f().hour(23).minute(59).second(59).toDate());
                                             }
                                             setAutoRefresh(checked);
                                         } })),
@@ -8874,14 +8874,14 @@ var CreateShift = function (_a) {
                                                 minWidth: "100%",
                                                 borderTopLeftRadius: 3,
                                                 borderTopRightRadius: 3,
-                                            }, label: "Start", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                            }, label: "Start", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
                                                 },
                                             } })),
                                     React.createElement(Grid2, { size: { md: 6, xs: 12 } },
-                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
@@ -9104,7 +9104,7 @@ var DeleteShift = function (_a) {
                                                 minWidth: "100%",
                                                 borderTopLeftRadius: 3,
                                                 borderTopRightRadius: 3,
-                                            }, label: "Start", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                            }, label: "Start", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
@@ -9112,7 +9112,7 @@ var DeleteShift = function (_a) {
                                                 },
                                             } })),
                                     React.createElement(Grid2, { size: { md: 6, xs: 12 } },
-                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
@@ -9273,14 +9273,14 @@ var EditShift = function (_a) {
                                                 minWidth: "100%",
                                                 borderTopLeftRadius: 3,
                                                 borderTopRightRadius: 3,
-                                            }, label: "Start", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                            }, label: "Start", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
                                                 },
                                             } })),
                                     React.createElement(Grid2, { size: { md: 6, xs: 12 } },
-                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$8(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
+                                        React.createElement(DatePicker$1, { label: "Time", value: value ? moment$f(value) : value, onChange: function (evt) { return onChange(evt === null || evt === void 0 ? void 0 : evt.toDate()); }, slotProps: {
                                                 textField: {
                                                     fullWidth: true,
                                                     variant: "standard",
@@ -9472,7 +9472,7 @@ var useShiftsOptionsFunctions = function (_a) {
     };
 };
 
-var useTableData$3 = function (_a) {
+var useTableData$5 = function (_a) {
     var setShiftSelected = _a.setShiftSelected, setOpenModalEditShift = _a.setOpenModalEditShift, setOpenModalDeleteShift = _a.setOpenModalDeleteShift, showContextMenu = _a.showContextMenu;
     var columnDefs = [
         {
@@ -9480,7 +9480,7 @@ var useTableData$3 = function (_a) {
             headerName: "Pattern Start",
             valueFormatter: function (_a) {
                 var value = _a.value;
-                return "".concat(moment$8(value).format("L"), ", ").concat(moment$8(value).format("LTS"));
+                return "".concat(moment$f(value).format("L"), ", ").concat(moment$f(value).format("LTS"));
             },
             minWidth: 180,
             flex: 4,
@@ -9621,7 +9621,7 @@ var TableShiftsCrews = function () {
         setShowEditModal: setOpenModalEditShift,
     }).getMenuOptions;
     var _g = useContextMenuMESF(), showContextMenu = _g.showContextMenu, registerConfig = _g.registerConfig;
-    var columnDefs = useTableData$3({
+    var columnDefs = useTableData$5({
         setShiftSelected: setShiftSelected,
         setOpenModalEditShift: setOpenModalEditShift,
         setOpenModalDeleteShift: setOpenModalDeleteShift,
@@ -9837,6 +9837,16 @@ var LogbookSettingsInitialState = {
         showShiftCrew: false,
         exportToExcel: false,
     },
+    section: {
+        schema: undefined,
+        withAssetFilter: undefined,
+        filterAssets: undefined,
+        canEditAsset: false,
+        allowAttachments: false,
+        showShiftCrew: false,
+        exportToExcel: false,
+        topSectionsCount: 5,
+    },
 };
 
 var LogbookSettingsContext = createContext(LogbookSettingsInitialState);
@@ -9847,6 +9857,7 @@ var LogbookSettingsProvider = function (_a) {
     var settings = useMemo(function () { return ({
         entry: __assign(__assign({}, LogbookSettingsInitialState.entry), (logbookSettings.entry || {})),
         report: __assign(__assign({}, LogbookSettingsInitialState.report), (logbookSettings.report || {})),
+        section: __assign(__assign({}, LogbookSettingsInitialState.section), (logbookSettings.section || {})),
     }); }, [logbookSettings]);
     return (React__default.createElement(LogbookSettingsContext.Provider, { value: settings }, children));
 };
@@ -9904,7 +9915,7 @@ var useSettingsOptionsFunctions = function (_a) {
     };
 };
 
-var useTableData$2 = function (_a) {
+var useTableData$4 = function (_a) {
     var setOpenModalEditSetting = _a.setOpenModalEditSetting, setOpenModalDeleteSetting = _a.setOpenModalDeleteSetting, showContextMenu = _a.showContextMenu, setSettingSelected = _a.setSettingSelected;
     var columnDefs = [
         {
@@ -10327,7 +10338,7 @@ var TableSettings = function () {
         setShowCreateModal: setOpenModalNew,
         setShowEditModal: setOpenModalEditSetting,
     }).getMenuOptions;
-    var _k = useTableData$2({
+    var _k = useTableData$4({
         setOpenModalEditSetting: setOpenModalEditSetting,
         setOpenModalDeleteSetting: setOpenModalDeleteSetting,
         showContextMenu: showContextMenu,
@@ -11019,7 +11030,7 @@ var renderInput = function (param, onChange, disabled) {
             }, disabled: disabled, fullWidth: true, size: "small", inputProps: { step: "any" } }));
     }
     if (["datetime", "datetime2", "date", "smalldatetime"].includes(type)) {
-        return (React__default.createElement(DateTimePicker$1, { label: param.parameterName, value: param.value ? moment$8(param.value) : null, onChange: function (newValue) { return onChange((newValue === null || newValue === void 0 ? void 0 : newValue.toDate()) || null); }, disabled: disabled, slotProps: {
+        return (React__default.createElement(DateTimePicker$1, { label: param.parameterName, value: param.value ? moment$f(param.value) : null, onChange: function (newValue) { return onChange((newValue === null || newValue === void 0 ? void 0 : newValue.toDate()) || null); }, disabled: disabled, slotProps: {
                 textField: {
                     fullWidth: true,
                     size: "small",
@@ -12124,21 +12135,21 @@ var dateNavigator = function (startDate, endDate, scope, operator, current) {
         }
         else {
             var _a = scope.split(" "), quantity = _a[0], duration = _a[1];
-            newStartDate = moment$8(newEndDate)
+            newStartDate = moment$f(newEndDate)
                 .subtract(quantity, duration[0])
                 .toDate();
         }
     }
     else {
         if (scope === "custom") {
-            var durationInMs = moment$8(endDate).diff(moment$8(startDate));
-            newStartDate = moment$8(startDate)[operator](durationInMs).toDate();
+            var durationInMs = moment$f(endDate).diff(moment$f(startDate));
+            newStartDate = moment$f(startDate)[operator](durationInMs).toDate();
         }
         else {
             var _b = scope.split(" "), quantity = _b[0], duration = _b[1];
-            newStartDate = moment$8(startDate)[operator](quantity, duration[0])
+            newStartDate = moment$f(startDate)[operator](quantity, duration[0])
                 .toDate();
-            newEndDate = moment$8(endDate)[operator](quantity, duration[0])
+            newEndDate = moment$f(endDate)[operator](quantity, duration[0])
                 .toDate();
         }
     }
@@ -12581,11 +12592,11 @@ var HeaderSectionV2 = React__default.memo(function (_a) {
     };
     var handlePartialDateNavigator = function (operator) {
         // Calculate 20% of the current period
-        var durationInMs = moment$8(timeScopeEnd).diff(moment$8(timeScopeStart));
+        var durationInMs = moment$f(timeScopeEnd).diff(moment$f(timeScopeStart));
         var partialDuration = Math.round(durationInMs * 0.2);
-        var newStartDate = moment$8(timeScopeStart)[operator](partialDuration, "milliseconds")
+        var newStartDate = moment$f(timeScopeStart)[operator](partialDuration, "milliseconds")
             .toDate();
-        var newEndDate = moment$8(timeScopeEnd)[operator](partialDuration, "milliseconds")
+        var newEndDate = moment$f(timeScopeEnd)[operator](partialDuration, "milliseconds")
             .toDate();
         setTotalScope({
             start: newStartDate,
@@ -12595,7 +12606,7 @@ var HeaderSectionV2 = React__default.memo(function (_a) {
     };
     var handleDateChange = function (newValue, key) {
         var _a, _b;
-        var newDate = moment$8(newValue).toDate();
+        var newDate = moment$f(newValue).toDate();
         // If scope is "custom", just update the changed date
         if (scope === "custom") {
             setTotalScope((_a = {}, _a[key] = newDate, _a));
@@ -12711,7 +12722,7 @@ var HeaderSectionV2 = React__default.memo(function (_a) {
                                 React__default.createElement(FastRewind, { fontSize: "medium", sx: { color: "black" } })))),
                     React__default.createElement(Grid2, { size: { md: 3.5 } },
                         React__default.createElement(LocalizationProvider$1, { dateAdapter: AdapterMoment },
-                            React__default.createElement(DateTimePicker, { label: "Start", format: "MM/DD/YYYY HH:mm:ss", value: moment$8(timeScopeStart), onChange: function (newValue) {
+                            React__default.createElement(DateTimePicker, { label: "Start", format: "MM/DD/YYYY HH:mm:ss", value: moment$f(timeScopeStart), onChange: function (newValue) {
                                     if (newValue) {
                                         handleDateChange(newValue.toDate(), "start");
                                     }
@@ -12736,7 +12747,7 @@ var HeaderSectionV2 = React__default.memo(function (_a) {
                                 React__default.createElement(MenuItem, { value: "custom" }, "Custom")))),
                     React__default.createElement(Grid2, { size: { md: 3.5 } },
                         React__default.createElement(LocalizationProvider$1, { dateAdapter: AdapterMoment },
-                            React__default.createElement(DateTimePicker, { label: "End", format: "MM/DD/YYYY HH:mm:ss", value: autoRefresh ? null : moment$8(timeScopeEnd), onChange: function (newValue) {
+                            React__default.createElement(DateTimePicker, { label: "End", format: "MM/DD/YYYY HH:mm:ss", value: autoRefresh ? null : moment$f(timeScopeEnd), onChange: function (newValue) {
                                     if (newValue) {
                                         handleDateChange(newValue.toDate(), "end");
                                     }
@@ -16642,7 +16653,7 @@ const FORMATS = {
   year: 'YYYY'
 };
 
-_adapters._date.override(typeof moment$8 === 'function' ? {
+_adapters._date.override(typeof moment$f === 'function' ? {
   _id: 'moment', // DEBUG ONLY
 
   formats: function() {
@@ -16651,27 +16662,27 @@ _adapters._date.override(typeof moment$8 === 'function' ? {
 
   parse: function(value, format) {
     if (typeof value === 'string' && typeof format === 'string') {
-      value = moment$8(value, format);
-    } else if (!(value instanceof moment$8)) {
-      value = moment$8(value);
+      value = moment$f(value, format);
+    } else if (!(value instanceof moment$f)) {
+      value = moment$f(value);
     }
     return value.isValid() ? value.valueOf() : null;
   },
 
   format: function(time, format) {
-    return moment$8(time).format(format);
+    return moment$f(time).format(format);
   },
 
   add: function(time, amount, unit) {
-    return moment$8(time).add(amount, unit).valueOf();
+    return moment$f(time).add(amount, unit).valueOf();
   },
 
   diff: function(max, min, unit) {
-    return moment$8(max).diff(moment$8(min), unit);
+    return moment$f(max).diff(moment$f(min), unit);
   },
 
   startOf: function(time, unit, weekday) {
-    time = moment$8(time);
+    time = moment$f(time);
     if (unit === 'isoWeek') {
       weekday = Math.trunc(Math.min(Math.max(0, weekday), 6));
       return time.isoWeekday(weekday).startOf('day').valueOf();
@@ -16680,7 +16691,7 @@ _adapters._date.override(typeof moment$8 === 'function' ? {
   },
 
   endOf: function(time, unit) {
-    return moment$8(time).endOf(unit).valueOf();
+    return moment$f(time).endOf(unit).valueOf();
   }
 } : {});
 
@@ -16735,7 +16746,7 @@ var ColorPicker = function (_a) {
 };
 
 var TrendingsInitialState = {
-    timeScopeStart: moment$8(new Date()).subtract(1, "days").toDate(),
+    timeScopeStart: moment$f(new Date()).subtract(1, "days").toDate(),
     timeScopeEnd: new Date(),
     scope: "1 day",
     graphPan: false,
@@ -16775,32 +16786,32 @@ var TrendingsReducer = createSlice({
                 if (payload.scope !== "custom") {
                     switch (payload.scope) {
                         case "10 min":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(10, "minutes")
                                 .toDate();
                             break;
                         case "1 hour":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(1, "hours")
                                 .toDate();
                             break;
                         case "4 hours":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(4, "hours")
                                 .toDate();
                             break;
                         case "12 hours":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(12, "hours")
                                 .toDate();
                             break;
                         case "1 day":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(1, "days")
                                 .toDate();
                             break;
                         case "10 days":
-                            state.timeScopeStart = moment$8(state.timeScopeEnd)
+                            state.timeScopeStart = moment$f(state.timeScopeEnd)
                                 .subtract(10, "days")
                                 .toDate();
                             break;
@@ -16831,32 +16842,32 @@ var TrendingsReducer = createSlice({
                 if (state.scope !== "custom") {
                     switch (state.scope) {
                         case "10 min":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(10, "minutes")
                                 .toDate();
                             break;
                         case "1 hour":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(1, "hours")
                                 .toDate();
                             break;
                         case "4 hours":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(4, "hours")
                                 .toDate();
                             break;
                         case "12 hours":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(12, "hours")
                                 .toDate();
                             break;
                         case "1 day":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(1, "days")
                                 .toDate();
                             break;
                         case "10 days":
-                            state.timeScopeEnd = moment$8(payload.start)
+                            state.timeScopeEnd = moment$f(payload.start)
                                 .add(10, "days")
                                 .toDate();
                             break;
@@ -16869,32 +16880,32 @@ var TrendingsReducer = createSlice({
                 if (state.scope !== "custom") {
                     switch (state.scope) {
                         case "10 min":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(10, "minutes")
                                 .toDate();
                             break;
                         case "1 hour":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(1, "hours")
                                 .toDate();
                             break;
                         case "4 hours":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(4, "hours")
                                 .toDate();
                             break;
                         case "12 hours":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(12, "hours")
                                 .toDate();
                             break;
                         case "1 day":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(1, "days")
                                 .toDate();
                             break;
                         case "10 days":
-                            state.timeScopeStart = moment$8(payload.end)
+                            state.timeScopeStart = moment$f(payload.end)
                                 .subtract(10, "days")
                                 .toDate();
                             break;
@@ -18628,7 +18639,7 @@ var Header = React__default.memo(function (_a) {
     var handleDateChange = function (newValue, key) {
         var _a;
         //@ts-ignore
-        actions.setTotalScope((_a = {}, _a[key] = moment$8(newValue).toDate(), _a));
+        actions.setTotalScope((_a = {}, _a[key] = moment$f(newValue).toDate(), _a));
     };
     var handleChangeScope = function (value) {
         actions.setTotalScope({
@@ -18667,7 +18678,7 @@ var Header = React__default.memo(function (_a) {
                         } },
                         React__default.createElement(ChevronLeft, { fontSize: "medium" }))),
                 React__default.createElement(Grid2, { size: { md: 4 } },
-                    React__default.createElement(DateTimePicker, { label: "Start", format: "MM/DD/YYYY HH:mm:ss", value: moment$8(state.timeScopeStart), onChange: function (newValue) {
+                    React__default.createElement(DateTimePicker, { label: "Start", format: "MM/DD/YYYY HH:mm:ss", value: moment$f(state.timeScopeStart), onChange: function (newValue) {
                             if (newValue) {
                                 handleDateChange(newValue.toDate(), "start");
                             }
@@ -18691,7 +18702,7 @@ var Header = React__default.memo(function (_a) {
                             React__default.createElement(MenuItem, { value: "10 days" }, "10 days"),
                             React__default.createElement(MenuItem, { value: "custom" }, "Custom")))),
                 React__default.createElement(Grid2, { size: { md: 4 } },
-                    React__default.createElement(DateTimePicker, { label: "End", format: "MM/DD/YYYY HH:mm:ss", value: autoRefresh ? null : moment$8(state.timeScopeEnd), onChange: function (newValue) {
+                    React__default.createElement(DateTimePicker, { label: "End", format: "MM/DD/YYYY HH:mm:ss", value: autoRefresh ? null : moment$f(state.timeScopeEnd), onChange: function (newValue) {
                             if (newValue) {
                                 handleDateChange(newValue.toDate(), "end");
                             }
@@ -19376,7 +19387,7 @@ var ProvidersLoader = function (_a) {
 };
 
 var timezone = TimeService.getInstance().getServerTimeZone();
-moment$9.tz.setDefault(timezone);
+moment$g.tz.setDefault(timezone);
 var base = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
 var queryClient = new QueryClient({
     defaultOptions: {
@@ -19396,7 +19407,7 @@ function MESFMain(_a) {
                     React__default.createElement(HelmetDexteelProvider, { navbarTitle: navbarTitle },
                         React__default.createElement(QueryClientProvider, { client: queryClient },
                             React__default.createElement(AuthProvider, { authConfig: authentication },
-                                React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, dateLibInstance: moment$9 },
+                                React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, dateLibInstance: moment$g },
                                     React__default.createElement(UserProvider, null,
                                         React__default.createElement(UTLSettingsProvider, null,
                                             React__default.createElement(ProvidersLoader, null,
@@ -19424,7 +19435,7 @@ var CustomStatusPanel = function (_a) {
         React__default.createElement(PlaylistAddIcon, { style: { width: 30, height: 30 } })));
 };
 
-var useGridDefinitions = function (_a) {
+var useGridDefinitions$1 = function (_a) {
     _a.OnEdit; _a.OnSend;
     var defaultColDef = {
         flex: 1,
@@ -19448,8 +19459,8 @@ var useGridDefinitions = function (_a) {
     };
 };
 
-var moment$7 = getMomentTz();
-var getEntries = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+var moment$e = getMomentTz();
+var getEntries$1 = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
     var apiService, parameters, resp, rows;
     var shiftId = _b.shiftId, assetId = _b.assetId, signal = _b.signal;
     return __generator(this, function (_c) {
@@ -19468,9 +19479,9 @@ var getEntries = function (_a) { return __awaiter(void 0, [_a], void 0, function
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
                     rows = rows.map(function (entry) { return (__assign(__assign({}, entry), { CreateTimestamp: entry.CreateTimestamp
-                            ? moment$7.utc(entry["CreateTimestamp"]).toDate()
+                            ? moment$e.utc(entry["CreateTimestamp"]).toDate()
                             : null, UpdateTimestamp: entry.UpdateTimestamp
-                            ? moment$7.utc(entry["UpdateTimestamp"]).toDate()
+                            ? moment$e.utc(entry["UpdateTimestamp"]).toDate()
                             : null })); });
                     return [2 /*return*/, rows];
                 }
@@ -19480,7 +19491,7 @@ var getEntries = function (_a) { return __awaiter(void 0, [_a], void 0, function
         }
     });
 }); };
-var upsertEntry = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+var upsertEntry$1 = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
     var apiService, parameters, resp;
     var assetId = _b.assetId, entryId = _b.entryId, shiftId = _b.shiftId, title = _b.title, content = _b.content, createTimestamp = _b.createTimestamp, author = _b.author;
     return __generator(this, function (_c) {
@@ -19517,7 +19528,7 @@ var upsertEntry = function (_a) { return __awaiter(void 0, [_a], void 0, functio
         }
     });
 }); };
-var deleteEntry = function (EntryId) { return __awaiter(void 0, void 0, void 0, function () {
+var deleteEntry$1 = function (EntryId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, attachmentsToDelete, error_1, parameters, resp;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -19528,7 +19539,7 @@ var deleteEntry = function (EntryId) { return __awaiter(void 0, void 0, void 0,
             case 1:
                 _a.trys.push([1, 4, , 5]);
                 if (!EntryId) return [3 /*break*/, 3];
-                return [4 /*yield*/, getEntryAttachments(EntryId)];
+                return [4 /*yield*/, getEntryAttachments$1(EntryId)];
             case 2:
                 attachmentsToDelete = _a.sent();
                 _a.label = 3;
@@ -19548,13 +19559,13 @@ var deleteEntry = function (EntryId) { return __awaiter(void 0, void 0, void 0,
                 }
                 // Delete associated files in background (don't block the UI)
                 if (attachmentsToDelete.length > 0) {
-                    deleteAttachedFilesInBackground(attachmentsToDelete);
+                    deleteAttachedFilesInBackground$1(attachmentsToDelete);
                 }
                 return [2 /*return*/];
         }
     });
 }); };
-var deleteAttachedFilesInBackground = function (attachments) { return __awaiter(void 0, void 0, void 0, function () {
+var deleteAttachedFilesInBackground$1 = function (attachments) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         // Delete files in background without blocking the UI
         Promise.all(attachments.map(function (attachment) { return __awaiter(void 0, void 0, void 0, function () {
@@ -19563,7 +19574,7 @@ var deleteAttachedFilesInBackground = function (attachments) { return __awaiter(
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, deleteUploadFile(attachment.UploadFileId)];
+                        return [4 /*yield*/, deleteUploadFile$1(attachment.UploadFileId)];
                     case 1:
                         _a.sent();
                         return [3 /*break*/, 3];
@@ -19581,7 +19592,7 @@ var deleteAttachedFilesInBackground = function (attachments) { return __awaiter(
         return [2 /*return*/];
     });
 }); };
-var deleteUploadFile = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+var deleteUploadFile$1 = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, parameters, resp;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -19601,7 +19612,7 @@ var deleteUploadFile = function (uploadFileId) { return __awaiter(void 0, void 0
     });
 }); };
 // Attachment management functions
-var getEntryAttachments = function (entryId) { return __awaiter(void 0, void 0, void 0, function () {
+var getEntryAttachments$1 = function (entryId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, parameters, resp, rows;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -19614,7 +19625,7 @@ var getEntryAttachments = function (entryId) { return __awaiter(void 0, void 0,
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
                     rows = rows.map(function (attachment) { return (__assign(__assign({}, attachment), { CreationTime: attachment.CreationTime
-                            ? moment$7.utc(attachment.CreationTime).toDate()
+                            ? moment$e.utc(attachment.CreationTime).toDate()
                             : new Date() })); });
                     return [2 /*return*/, rows];
                 }
@@ -19624,7 +19635,7 @@ var getEntryAttachments = function (entryId) { return __awaiter(void 0, void 0,
         }
     });
 }); };
-var upsertEntryAttachment = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+var upsertEntryAttachment$1 = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
     var apiService, parameters, resp, attachment;
     var entryId = _b.entryId, uploadFileId = _b.uploadFileId, attachmentName = _b.attachmentName, attachmentURL = _b.attachmentURL;
     return __generator(this, function (_c) {
@@ -19644,7 +19655,7 @@ var upsertEntryAttachment = function (_a) { return __awaiter(void 0, [_a], void
                     attachment = get(resp, "data.tables[0].rows[0]", null);
                     if (attachment) {
                         return [2 /*return*/, __assign(__assign({}, attachment), { CreationTime: attachment.CreationTime
-                                    ? moment$7.utc(attachment.CreationTime).toDate()
+                                    ? moment$e.utc(attachment.CreationTime).toDate()
                                     : new Date() })];
                     }
                     return [2 /*return*/, null];
@@ -19655,7 +19666,7 @@ var upsertEntryAttachment = function (_a) { return __awaiter(void 0, [_a], void
         }
     });
 }); };
-var deleteEntryAttachment = function (entryAttachmentId, uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+var deleteEntryAttachment$1 = function (entryAttachmentId, uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, parameters, resp;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -19672,19 +19683,19 @@ var deleteEntryAttachment = function (entryAttachmentId, uploadFileId) { return
                 }
                 // Delete the associated file in background if UploadFileId was provided
                 if (uploadFileId) {
-                    deleteUploadFileInBackground(uploadFileId);
+                    deleteUploadFileInBackground$1(uploadFileId);
                 }
                 return [2 /*return*/];
         }
     });
 }); };
-var deleteUploadFileInBackground = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+var deleteUploadFileInBackground$1 = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
     var error_3;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, deleteUploadFile(uploadFileId)];
+                return [4 /*yield*/, deleteUploadFile$1(uploadFileId)];
             case 1:
                 _a.sent();
                 return [3 /*break*/, 3];
@@ -19698,19 +19709,19 @@ var deleteUploadFileInBackground = function (uploadFileId) { return __awaiter(vo
     });
 }); };
 
-var useEntries = function (_a) {
+var useEntries$1 = function (_a) {
     var shiftId = _a.shiftId, assetId = _a.assetId;
     return useQuery({
         queryKey: ["entries", shiftId, assetId],
         queryFn: function (_a) {
             var signal = _a.signal;
-            return getEntries({ shiftId: shiftId, assetId: assetId, signal: signal });
+            return getEntries$1({ shiftId: shiftId, assetId: assetId, signal: signal });
         },
     });
 };
-var routeLogbookEntry = "/logbook/entry";
+var routeLogbookEntry$1 = "/logbook/entry";
 
-var useLogbookEntryOptionsFunctions = function (_a) {
+var useLogbookEntryOptionsFunctions$1 = function (_a) {
     var setSelectedRowData = _a.setSelectedRowData, setShow = _a.setShow, setShowRemoveDialog = _a.setShowRemoveDialog, handleNewEntry = _a.handleNewEntry;
     var getMenuOptions = function (data) {
         var options = [];
@@ -19756,7 +19767,7 @@ var useLogbookEntryOptionsFunctions = function (_a) {
     };
 };
 
-var useTableData$1 = function (_a) {
+var useTableData$3 = function (_a) {
     var showContextMenu = _a.showContextMenu, allowAttachments = _a.allowAttachments, withAssetFilter = _a.withAssetFilter, showShiftCrew = _a.showShiftCrew;
     var columnDefs = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([
         {
@@ -19872,7 +19883,7 @@ var useTableData$1 = function (_a) {
     return { columnDefs: columnDefs };
 };
 
-var ENTRY_INITIAL_VALUES = {
+var ENTRY_INITIAL_VALUES$1 = {
     EntryId: 0,
     ShiftId: 0,
     AssetId: null,
@@ -19888,7 +19899,7 @@ var ENTRY_INITIAL_VALUES = {
     AttachmentCount: 0,
 };
 
-var RemoveEntryDialog = function (_a) {
+var RemoveEntryDialog$1 = function (_a) {
     var entry = _a.entry, show = _a.show, onHide = _a.onHide;
     var navigate = useNavigate();
     var _b = useState(false), isSubmitLoading = _b[0], setIsSubmitLoading = _b[1];
@@ -19899,14 +19910,14 @@ var RemoveEntryDialog = function (_a) {
         onHide(false);
     };
     var queryClient = useQueryClient();
-    var removeEntry = useMutation(deleteEntry, {
+    var removeEntry = useMutation(deleteEntry$1, {
         onSuccess: function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, queryClient.invalidateQueries({ queryKey: ["entries"] })];
                     case 1:
                         _a.sent();
-                        navigate("".concat(routeLogbookEntry), { replace: true });
+                        navigate("".concat(routeLogbookEntry$1), { replace: true });
                         setSuccessMessage("The entry was deleted succesfully");
                         onHide(true);
                         return [2 /*return*/];
@@ -19989,7 +20000,7 @@ var AssetsFilter = function (_a) {
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
-var moment$6 = getMomentTz();
+var moment$d = getMomentTz();
 var getShifts = function (shiftId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, parameters, resp, rows;
     return __generator(this, function (_a) {
@@ -20008,26 +20019,26 @@ var getShifts = function (shiftId) { return __awaiter(void 0, void 0, void 0, fu
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
                     rows = rows.map(function (row) {
-                        (row.CurrentProductionDate = moment$6
+                        (row.CurrentProductionDate = moment$d
                             .utc(row["CurrentProductionDate"])
                             .toDate()),
-                            (row.CurrentStart = moment$6.utc(row["CurrentStart"]).toDate()),
-                            (row.CurrentEnd = moment$6.utc(row["CurrentEnd"]).toDate()),
-                            (row.PreviousProductionDate = moment$6
+                            (row.CurrentStart = moment$d.utc(row["CurrentStart"]).toDate()),
+                            (row.CurrentEnd = moment$d.utc(row["CurrentEnd"]).toDate()),
+                            (row.PreviousProductionDate = moment$d
                                 .utc(row["PreviousProductionDate"])
                                 .toDate()),
-                            (row.PreviousStart = moment$6.utc(row["PreviousStart"]).toDate()),
-                            (row.PreviousEnd = moment$6.utc(row["PreviousEnd"]).toDate()),
-                            (row.NextProductionDate = moment$6
+                            (row.PreviousStart = moment$d.utc(row["PreviousStart"]).toDate()),
+                            (row.PreviousEnd = moment$d.utc(row["PreviousEnd"]).toDate()),
+                            (row.NextProductionDate = moment$d
                                 .utc(row["NextProductionDate"])
                                 .toDate()),
-                            (row.NextStart = moment$6.utc(row["NextStart"]).toDate()),
-                            (row.NextEnd = moment$6.utc(row["NextEnd"]).toDate()),
-                            (row.LastProductionDate = moment$6
+                            (row.NextStart = moment$d.utc(row["NextStart"]).toDate()),
+                            (row.NextEnd = moment$d.utc(row["NextEnd"]).toDate()),
+                            (row.LastProductionDate = moment$d
                                 .utc(row["LastProductionDate"])
                                 .toDate()),
-                            (row.LastStart = moment$6.utc(row["LastStart"]).toDate()),
-                            (row.LastEnd = moment$6.utc(row["LastEnd"]).toDate());
+                            (row.LastStart = moment$d.utc(row["LastStart"]).toDate()),
+                            (row.LastEnd = moment$d.utc(row["LastEnd"]).toDate());
                         return row;
                     });
                     return [2 /*return*/, rows];
@@ -20056,7 +20067,7 @@ var getShiftsAroundCurrent = function (_a) { return __awaiter(void 0, [_a], void
                 resp = _c.sent();
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
-                    rows = rows.map(function (row) { return (__assign(__assign({}, row), { Start: moment$6.utc(row.Start).toDate(), End: moment$6.utc(row.End).toDate() })); });
+                    rows = rows.map(function (row) { return (__assign(__assign({}, row), { Start: moment$d.utc(row.Start).toDate(), End: moment$d.utc(row.End).toDate() })); });
                     return [2 /*return*/, rows];
                 }
                 else {
@@ -20066,7 +20077,7 @@ var getShiftsAroundCurrent = function (_a) { return __awaiter(void 0, [_a], void
     });
 }); };
 
-var moment$5 = getMomentTz();
+var moment$c = getMomentTz();
 var useShiftsAroundCurrent = function (_a) {
     var currentShiftId = _a.currentShiftId, shiftsRange = _a.shiftsRange;
     return useQuery({
@@ -20094,7 +20105,7 @@ var ShiftAutocomplete = function (_a) {
         React__default.createElement(Grid2, { container: true },
             React__default.createElement(Grid2, { size: { xs: 12 } },
                 React__default.createElement(Autocomplete, { loading: isLoading, options: rows || [], getOptionLabel: function (option) {
-                        return "".concat(moment$5
+                        return "".concat(moment$c
                             .utc(option.ProductionDate)
                             .format("MM/DD/YYYY"), " - ").concat(option.Shift, " - ").concat(option.Crew);
                     }, value: selectedShift, onChange: function (event, newValue) {
@@ -20131,12 +20142,12 @@ var ShiftSelector = function (_a) {
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); }, title: "Error loading shifts" })));
 };
 
-var useEntrySubmission = function (_a) {
+var useEntrySubmission$1 = function (_a) {
     var _b = _a === void 0 ? {} : _a, onSuccess = _b.onSuccess, onError = _b.onError, _c = _b.isNewEntry, isNewEntry = _c === void 0 ? false : _c, _d = _b.onHide, onHide = _d === void 0 ? function () { } : _d;
     var _e = useState(false), isSubmitLoading = _e[0], setIsSubmitLoading = _e[1];
     var _f = useState(false), showConfirmationDialog = _f[0], setShowConfirmationDialog = _f[1];
     var _g = useState(null), pendingSubmitData = _g[0], setPendingSubmitData = _g[1];
-    var submit = useMutation(upsertEntry, {
+    var submit = useMutation(upsertEntry$1, {
         onSuccess: function (entry) { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 if (entry && entry.EntryId) {
@@ -20213,7 +20224,7 @@ var useEntrySubmission = function (_a) {
     };
 };
 
-var DeleteAttachmentConfirmationDialog = function (_a) {
+var DeleteAttachmentConfirmationDialog$1 = function (_a) {
     var open = _a.open, attachmentName = _a.attachmentName, onClose = _a.onClose, _b = _a.isDeleting, isDeleting = _b === void 0 ? false : _b;
     var _c = useState(false), isClosing = _c[0], setIsClosing = _c[1];
     var handleCancel = function () {
@@ -20239,7 +20250,7 @@ var DeleteAttachmentConfirmationDialog = function (_a) {
             React__default.createElement(Button, { onClick: handleConfirm, color: "secondary", variant: "contained", disabled: isClosing, startIcon: isDeleting && React__default.createElement(CircularProgress, { size: "1rem" }) }, "Delete"))));
 };
 
-var AttachmentModal = function (_a) {
+var AttachmentModal$1 = function (_a) {
     var open = _a.open, onClose = _a.onClose, entryId = _a.entryId, isEditing = _a.isEditing, entryData = _a.entryData, onEntrySubmitted = _a.onEntrySubmitted;
     var queryClient = useQueryClient();
     var api = new MESApiService();
@@ -20251,7 +20262,7 @@ var AttachmentModal = function (_a) {
     var _g = useState(null), attachmentToDelete = _g[0], setAttachmentToDelete = _g[1];
     var pendingFilesRef = useRef([]);
     // Entry submission hook for background saves
-    var _h = useEntrySubmission({
+    var _h = useEntrySubmission$1({
         onSuccess: function (entry) {
             setIsSubmittingEntry(false);
             if (entry === null || entry === void 0 ? void 0 : entry.EntryId) {
@@ -20280,11 +20291,11 @@ var AttachmentModal = function (_a) {
     // Query for fetching attachments
     var _j = useQuery({
         queryKey: ["entryAttachments", currentEntryId],
-        queryFn: function () { return getEntryAttachments(currentEntryId); },
+        queryFn: function () { return getEntryAttachments$1(currentEntryId); },
         enabled: !!currentEntryId && currentEntryId > 0,
     }), _k = _j.data, attachments = _k === void 0 ? [] : _k, isLoading = _j.isLoading, fetchError = _j.error;
     // Mutations
-    var uploadMutation = useMutation(upsertEntryAttachment, {
+    var uploadMutation = useMutation(upsertEntryAttachment$1, {
         onSuccess: function () {
             queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
             queryClient.invalidateQueries(["entries"]);
@@ -20296,7 +20307,7 @@ var AttachmentModal = function (_a) {
     });
     var deleteMutation = useMutation(function (_a) {
         var entryAttachmentId = _a.entryAttachmentId, uploadFileId = _a.uploadFileId;
-        return deleteEntryAttachment(entryAttachmentId, uploadFileId);
+        return deleteEntryAttachment$1(entryAttachmentId, uploadFileId);
     }, {
         onSuccess: function () {
             queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
@@ -20568,11 +20579,11 @@ var AttachmentModal = function (_a) {
                         " file(s)...")))),
             React__default.createElement(DialogActions$1, null,
                 React__default.createElement(Button, { onClick: onClose, color: "primary" }, "Close"))),
-        React__default.createElement(DeleteAttachmentConfirmationDialog, { open: showDeleteConfirmation, attachmentName: (attachmentToDelete === null || attachmentToDelete === void 0 ? void 0 : attachmentToDelete.name) || "", onClose: handleDeleteConfirmation, isDeleting: deleteMutation.isLoading }),
+        React__default.createElement(DeleteAttachmentConfirmationDialog$1, { open: showDeleteConfirmation, attachmentName: (attachmentToDelete === null || attachmentToDelete === void 0 ? void 0 : attachmentToDelete.name) || "", onClose: handleDeleteConfirmation, isDeleting: deleteMutation.isLoading }),
         React__default.createElement(ErrorModal, { error: error || (fetchError === null || fetchError === void 0 ? void 0 : fetchError.message), onHide: function () { return setError(null); } })));
 };
 
-var AttachmentPlugin = /** @class */ (function (_super) {
+var AttachmentPlugin$1 = /** @class */ (function (_super) {
     __extends(AttachmentPlugin, _super);
     function AttachmentPlugin() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20619,7 +20630,7 @@ var AttachmentPlugin = /** @class */ (function (_super) {
     return AttachmentPlugin;
 }(PluginComponent));
 
-var ContentInput = function (_a) {
+var ContentInput$1 = function (_a) {
     var value = _a.value, onChange = _a.onChange, isEditing = _a.isEditing, UpdateTimestamp = _a.UpdateTimestamp, UpdatedBy = _a.UpdatedBy, isNewEntry = _a.isNewEntry, entryId = _a.entryId, entryData = _a.entryData, onEntrySubmitted = _a.onEntrySubmitted, _b = _a.allowAttachments, allowAttachments = _b === void 0 ? false : _b;
     var mdParser = new MarkdownIt();
     var api = new MESApiService();
@@ -20633,7 +20644,7 @@ var ContentInput = function (_a) {
     // Query for fetching attachment count
     var _f = useQuery({
         queryKey: ["entryAttachments", effectiveEntryId],
-        queryFn: function () { return getEntryAttachments(effectiveEntryId); },
+        queryFn: function () { return getEntryAttachments$1(effectiveEntryId); },
         enabled: !!effectiveEntryId && effectiveEntryId > 0,
         retry: 1,
         onError: function (err) {
@@ -20673,7 +20684,7 @@ var ContentInput = function (_a) {
     }, [isEditing, attachmentCount]);
     // Register the attachment plugin
     useEffect(function () {
-        MdEditor.use(AttachmentPlugin, {
+        MdEditor.use(AttachmentPlugin$1, {
             attachmentCount: attachmentCount,
             onAttachmentClick: function () {
                 if (entryData.title && entryData.author) {
@@ -20791,12 +20802,12 @@ var ContentInput = function (_a) {
                             fontSize: "0.7rem",
                         },
                     } })))),
-        React__default.createElement(AttachmentModal, { open: attachmentModalOpen, onClose: function () { return setAttachmentModalOpen(false); }, entryId: effectiveEntryId, isEditing: isEditing, entryData: entryData, onEntrySubmitted: onEntrySubmitted }),
+        React__default.createElement(AttachmentModal$1, { open: attachmentModalOpen, onClose: function () { return setAttachmentModalOpen(false); }, entryId: effectiveEntryId, isEditing: isEditing, entryData: entryData, onEntrySubmitted: onEntrySubmitted }),
         React__default.createElement(ErrorModal, { error: error || (attachmentError === null || attachmentError === void 0 ? void 0 : attachmentError.message), onHide: function () { return setError(""); } })));
 };
 
-var moment$4 = getMomentTz();
-var EntryViewer$1 = function (_a) {
+var moment$b = getMomentTz();
+var EntryViewer$3 = function (_a) {
     var entry = _a.entry, show = _a.show, onChangeShow = _a.onChangeShow, onHide = _a.onHide, preselectedAssetId = _a.preselectedAssetId, withAssetFilter = _a.withAssetFilter, canEditAsset = _a.canEditAsset, canEditShift = _a.canEditShift, filterAssets = _a.filterAssets, allowAttachments = _a.allowAttachments, shiftsRange = _a.shiftsRange;
     var settings = useUTLSettingsContext().state.settings;
     var defaultAssetId = Number(get(settings, "DefaultAssetId", 15));
@@ -20835,7 +20846,7 @@ var EntryViewer$1 = function (_a) {
         }, 1000); // 1000ms delay to ensure all processing is complete
     };
     // Use the shared entry submission hook
-    var _g = useEntrySubmission({
+    var _g = useEntrySubmission$1({
         onSuccess: function (entry) {
             setNotificationMessage(entryId === "new"
                 ? "Entry created successfully"
@@ -20887,8 +20898,8 @@ var EntryViewer$1 = function (_a) {
     useEffect(function () {
         var _a, _b, _c;
         if (shiftInfo || !isNewEntry) {
-            var newEntry = __assign(__assign({}, ENTRY_INITIAL_VALUES), { ShiftId: shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId, Shift: (_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShift) !== null && _a !== void 0 ? _a : "", Crew: (_b = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentCrew) !== null && _b !== void 0 ? _b : "", CreateTimestamp: new Date(), AssetId: (_c = preselectedAssetId !== null && preselectedAssetId !== void 0 ? preselectedAssetId : defaultAssetId) !== null && _c !== void 0 ? _c : null });
-            reset((isNewEntry ? newEntry : entry) || ENTRY_INITIAL_VALUES);
+            var newEntry = __assign(__assign({}, ENTRY_INITIAL_VALUES$1), { ShiftId: shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId, Shift: (_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShift) !== null && _a !== void 0 ? _a : "", Crew: (_b = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentCrew) !== null && _b !== void 0 ? _b : "", CreateTimestamp: new Date(), AssetId: (_c = preselectedAssetId !== null && preselectedAssetId !== void 0 ? preselectedAssetId : defaultAssetId) !== null && _c !== void 0 ? _c : null });
+            reset((isNewEntry ? newEntry : entry) || ENTRY_INITIAL_VALUES$1);
         }
     }, [entry, shiftInfo, entryId, reset, defaultAssetId]);
     useEffect(function () {
@@ -20920,7 +20931,7 @@ var EntryViewer$1 = function (_a) {
                     React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
                         React__default.createElement(Controller, { name: "CreateTimestamp", control: control, render: function (_a) {
                                 var value = _a.field.value;
-                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$4(value) : null, disabled: true, slotProps: {
+                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$b(value) : null, disabled: true, slotProps: {
                                         textField: {
                                             variant: "outlined",
                                             size: "small",
@@ -20981,7 +20992,7 @@ var EntryViewer$1 = function (_a) {
                 React__default.createElement(Grid2, { size: { md: 12 }, height: "100%", flexGrow: 1, overflow: "auto" },
                     React__default.createElement(Controller, { name: "Content", control: control, render: function (_a) {
                             var _b = _a.field, value = _b.value, onChange = _b.onChange;
-                            return (React__default.createElement(ContentInput, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return onChange(val); }, value: value, isEditing: show === "edit", isNewEntry: isNewEntry, entryId: entryIdValue, entryData: {
+                            return (React__default.createElement(ContentInput$1, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return onChange(val); }, value: value, isEditing: show === "edit", isNewEntry: isNewEntry, entryId: entryIdValue, entryData: {
                                     assetId: assetId,
                                     entryId: entryIdValue,
                                     shiftId: shiftId,
@@ -21003,11 +21014,11 @@ var EntryViewer$1 = function (_a) {
                         React__default.createElement(Grid2, { size: { md: 6, xs: 12 } },
                             React__default.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading || !isFormDirty, variant: "contained", color: "primary", type: "submit" }, isNewEntry ? "Create" : "Save"))))))) : null,
         React__default.createElement(NotificationSnackBar, { message: notificationMessage, onHide: function () { return setNotificationMessage(""); } }),
-        React__default.createElement(ConfirmationDialogRaw, { open: showConfirmationDialog, onClose: handleConfirmationClose, title: "Shift Submission Confirmation", message: "You are about to ".concat(isNewEntry ? "create" : "save", " an entry for ").concat(moment$4(shiftTimestamp).format("MM/DD/YYYY"), " ").concat(shift, " - ").concat(crew, ". Are you sure you want to proceed?"), suffixTitle: "Logbook Entry" }),
+        React__default.createElement(ConfirmationDialogRaw, { open: showConfirmationDialog, onClose: handleConfirmationClose, title: "Shift Submission Confirmation", message: "You are about to ".concat(isNewEntry ? "create" : "save", " an entry for ").concat(moment$b(shiftTimestamp).format("MM/DD/YYYY"), " ").concat(shift, " - ").concat(crew, ". Are you sure you want to proceed?"), suffixTitle: "Logbook Entry" }),
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
-var Filters$1 = function (_a) {
+var Filters$3 = function (_a) {
     var withAssetFilter = _a.withAssetFilter, filterAssets = _a.filterAssets, assetId = _a.assetId, _b = _a.setAssetId, setAssetId = _b === void 0 ? function () { } : _b, quickFilter = _a.quickFilter, onQuickFilterChange = _a.onQuickFilterChange;
     useMesfRealtime({
         onReceiveMessage: function (author, message) {
@@ -21035,8 +21046,10 @@ var Filters$1 = function (_a) {
                 } }))));
 };
 
-var moment$3 = getMomentTz();
-var Logbook$1 = function () {
+var moment$a = getMomentTz();
+// Default layout matching original Grid md:5 / md:7 ratio (41.67% / 58.33%)
+var DEFAULT_LAYOUT$3 = { left: 42, right: 58 };
+var Logbook$3 = function () {
     var entry = useLogbookSettings().entry;
     var defaultAreaId = useUserContext().state.defaultAreaId;
     var withAssetFilter = entry.withAssetFilter;
@@ -21065,17 +21078,24 @@ var Logbook$1 = function () {
     var _f = useState(null), selectedRowData = _f[0], setSelectedRowData = _f[1];
     var _g = useState(false), showRemoveDialog = _g[0], setShowRemoveDialog = _g[1];
     var _h = useContextMenuMESF(), registerConfig = _h.registerConfig, showContextMenu = _h.showContextMenu;
-    var _j = useEntries({
+    // Resizable panels layout persistence
+    var _j = useDefaultLayout({
+        id: "logbook-entry-v2",
+        storage: localStorage,
+    }), savedLayout = _j.defaultLayout, onLayoutChange = _j.onLayoutChange;
+    // Use saved layout or default to avoid flash on initial render
+    var resolvedLayout = savedLayout !== null && savedLayout !== void 0 ? savedLayout : DEFAULT_LAYOUT$3;
+    var _k = useEntries$1({
         shiftId: shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId,
         assetId: withAssetFilter ? assetId : undefined,
-    }), rows = _j.data, isLoading = _j.isLoading, e = _j.error, isError = _j.isError, refetch = _j.refetch;
-    var columnDefs = useTableData$1({
+    }), rows = _k.data, isLoading = _k.isLoading, e = _k.error, isError = _k.isError, refetch = _k.refetch;
+    var columnDefs = useTableData$3({
         showContextMenu: showContextMenu,
         allowAttachments: allowAttachments,
         withAssetFilter: withAssetFilter,
         showShiftCrew: showShiftCrew,
     }).columnDefs;
-    var defaultColDef = useGridDefinitions({}).defaultColDef;
+    var defaultColDef = useGridDefinitions$1({}).defaultColDef;
     var onQuickFilterChange = function (text) {
         var _a;
         setQuickFilter(text);
@@ -21084,8 +21104,8 @@ var Logbook$1 = function () {
     var handleNewEntry = function () {
         var _a;
         (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
-        setSelectedRowData(__assign({}, ENTRY_INITIAL_VALUES));
-        navigate("".concat(routeLogbookEntry, "/").concat(shiftIdRef.current, "?action=new"), {
+        setSelectedRowData(__assign({}, ENTRY_INITIAL_VALUES$1));
+        navigate("".concat(routeLogbookEntry$1, "/").concat(shiftIdRef.current, "?action=new"), {
             replace: true,
         });
         setShow("edit");
@@ -21094,7 +21114,7 @@ var Logbook$1 = function () {
         var _a;
         var currentShiftId = shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId);
         setSelectedRowData(event === null || event === void 0 ? void 0 : event.data);
-        navigate("".concat(routeLogbookEntry, "/").concat(currentShiftId, "?entryId=").concat((_a = event === null || event === void 0 ? void 0 : event.data) === null || _a === void 0 ? void 0 : _a.EntryId, "&action=view"));
+        navigate("".concat(routeLogbookEntry$1, "/").concat(currentShiftId, "?entryId=").concat((_a = event === null || event === void 0 ? void 0 : event.data) === null || _a === void 0 ? void 0 : _a.EntryId, "&action=view"));
         setShow("view");
     };
     var onCellKeyDown = useCallback(function (event) {
@@ -21112,7 +21132,7 @@ var Logbook$1 = function () {
                 nextNode.setSelected(true);
                 api.ensureIndexVisible(nextRowIndex);
                 setSelectedRowData(nextNode.data);
-                navigate("".concat(routeLogbookEntry, "/").concat(currentShiftId, "/?entryId=").concat(nextNode.data.EntryId, "&action=view"));
+                navigate("".concat(routeLogbookEntry$1, "/").concat(currentShiftId, "/?entryId=").concat(nextNode.data.EntryId, "&action=view"));
             }
         }
     }, [setSelectedRowData, shiftId, shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId]);
@@ -21126,7 +21146,7 @@ var Logbook$1 = function () {
         }
         return [];
     }, [rows]);
-    var getMenuOptions = useLogbookEntryOptionsFunctions({
+    var getMenuOptions = useLogbookEntryOptionsFunctions$1({
         setSelectedRowData: setSelectedRowData,
         setShow: setShow,
         setShowRemoveDialog: setShowRemoveDialog,
@@ -21149,7 +21169,7 @@ var Logbook$1 = function () {
             ],
             processCellCallback: function (params) {
                 if (params.column.colId === "CreateTimestamp") {
-                    return moment$3(params.value).format("MM/DD/yy - HH:mm");
+                    return moment$a(params.value).format("MM/DD/yy - HH:mm");
                 }
                 return params.value;
             },
@@ -21218,10 +21238,10 @@ var Logbook$1 = function () {
             if (entryId &&
                 (shiftIdRef.current == null ||
                     shiftIdRef.current === (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId))) {
-                navigate("".concat(routeLogbookEntry, "/").concat(shiftInfo.CurrentShiftId, "?entryId=").concat(entryId, "&action=").concat(action));
+                navigate("".concat(routeLogbookEntry$1, "/").concat(shiftInfo.CurrentShiftId, "?entryId=").concat(entryId, "&action=").concat(action));
             }
             else {
-                navigate("".concat(routeLogbookEntry, "/").concat(shiftInfo.CurrentShiftId));
+                navigate("".concat(routeLogbookEntry$1, "/").concat(shiftInfo.CurrentShiftId));
             }
             shiftIdRef.current = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId;
             (function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -21265,21 +21285,29 @@ var Logbook$1 = function () {
             }); })();
         }
     }, []);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Grid2, { container: true, size: {
-                xs: 12,
-            }, spacing: 2, justifyContent: "flex-start" },
-            React__default.createElement(Grid2, { size: { md: 12, xs: 12 } },
-                React__default.createElement(Typography$1, { variant: "h5", style: {
-                        fontWeight: 600,
-                        userSelect: "none",
-                    } }, "LOGBOOK")),
-            React__default.createElement(Grid2, { container: true, size: { xs: 12, md: 5 }, spacing: 1 },
-                React__default.createElement(Grid2, { size: { xs: 12 } },
-                    React__default.createElement(Filters$1, { withAssetFilter: withAssetFilter, filterAssets: filterAssets, quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, assetId: assetId, setAssetId: setAssetId })),
-                React__default.createElement(Grid2, { size: { xs: 12 } },
+    return (React__default.createElement(Box, { sx: {
+            width: "100%",
+            height: "calc(100vh - 130px)",
+            display: "flex",
+            flexDirection: "column",
+        } },
+        React__default.createElement(Box, { sx: { mb: 2 } },
+            React__default.createElement(Typography$1, { variant: "h5", style: {
+                    fontWeight: 600,
+                    userSelect: "none",
+                } }, "LOGBOOK")),
+        React__default.createElement(Group$1, { id: "logbook-entry-group", orientation: "horizontal", defaultLayout: resolvedLayout, onLayoutChange: onLayoutChange, style: { flex: 1, width: "100%" } },
+            React__default.createElement(Panel, { id: "left", defaultSize: 42, minSize: 25, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 1,
+                        height: "100%",
+                        pr: 1,
+                    } },
+                    React__default.createElement(Filters$3, { withAssetFilter: withAssetFilter, filterAssets: filterAssets, quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, assetId: assetId, setAssetId: setAssetId }),
                     React__default.createElement(Paper, { elevation: 1, style: {
-                            height: "62vh",
+                            flex: 1,
                             width: "100%",
                         } },
                         React__default.createElement(AgGridReact, { loading: isLoading, rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 42, loadingOverlayComponent: CenteredLazyLoading, animateRows: true, getContextMenuItems: getContextMenuItems, onRowClicked: rowClicked, onCellKeyDown: onCellKeyDown, onGridReady: function (params) { return (gridApiRef.current = params.api); }, getRowId: function (params) { return "".concat(params.data.EntryId); }, gridOptions: {
@@ -21308,81 +21336,112 @@ var Logbook$1 = function () {
                                     ],
                                 },
                             } })))),
-            React__default.createElement(Grid2, { size: { xs: 12, md: 7 } },
-                React__default.createElement(EntryViewer$1, { entry: selectedRowData, show: show, onChangeShow: function () {
-                        var newShow = show === "view" ? "edit" : "view";
-                        setShow(newShow);
-                        if (entryId && entryId !== "new") {
-                            var targetUrl = newShow === "edit"
-                                ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
-                                : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
-                            navigate(targetUrl);
-                        }
-                    }, preselectedAssetId: assetId, withAssetFilter: withAssetFilter, canEditAsset: canEditAsset, canEditShift: canEditShift, filterAssets: filterAssets, allowAttachments: allowAttachments, shiftsRange: shiftsRange, onHide: function (entryId, shouldStayInEditMode) { return __awaiter(void 0, void 0, void 0, function () {
-                        var targetUrl;
-                        var _a;
-                        return __generator(this, function (_b) {
-                            switch (_b.label) {
-                                case 0:
-                                    if (!entryId) return [3 /*break*/, 2];
-                                    // First refetch to ensure we have the latest data
-                                    return [4 /*yield*/, refetch()];
-                                case 1:
-                                    // First refetch to ensure we have the latest data
-                                    _b.sent();
-                                    targetUrl = shouldStayInEditMode
-                                        ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
-                                        : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
-                                    navigate(targetUrl);
-                                    setShow(shouldStayInEditMode ? "edit" : "view");
-                                    // Additional delay to allow navigation and state updates to complete
-                                    setTimeout(function () {
-                                        var _a, _b;
-                                        var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
-                                        if (rowNode) {
-                                            (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(rowNode);
-                                            rowNode.setSelected(true);
-                                            setSelectedRowData(rowNode.data);
-                                        }
-                                        else {
-                                            // If still not found, try one more refetch
-                                            setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
-                                                var retryRowNode;
-                                                var _a, _b, _c;
-                                                return __generator(this, function (_d) {
-                                                    switch (_d.label) {
-                                                        case 0: return [4 /*yield*/, refetch()];
-                                                        case 1:
-                                                            _d.sent();
-                                                            retryRowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
-                                                            if (retryRowNode) {
-                                                                (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(retryRowNode);
-                                                                retryRowNode.setSelected(true);
-                                                                setSelectedRowData(retryRowNode.data);
-                                                            }
-                                                            else {
-                                                                setShow("");
-                                                                setSelectedRowData(null);
-                                                                (_c = gridApiRef.current) === null || _c === void 0 ? void 0 : _c.deselectAll();
-                                                            }
-                                                            return [2 /*return*/];
-                                                    }
-                                                });
-                                            }); }, 500);
-                                        }
-                                    }, 200);
-                                    return [3 /*break*/, 3];
-                                case 2:
-                                    setShow("");
-                                    setSelectedRowData(null);
-                                    (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
-                                    navigate("".concat(routeLogbookEntry, "/").concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId)));
-                                    _b.label = 3;
-                                case 3: return [2 /*return*/];
+            React__default.createElement(Separator, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "col-resize",
+                } },
+                React__default.createElement(Box, { sx: {
+                        width: 8,
+                        height: 48,
+                        borderRadius: 1,
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "3px",
+                        transition: "background-color 0.2s",
+                        "&:hover": {
+                            backgroundColor: "primary.main",
+                            "& .grip-dot": {
+                                backgroundColor: "#fff",
+                            },
+                        },
+                    } }, __spreadArray([], Array(5), true).map(function (_, i) { return (React__default.createElement(Box, { key: i, className: "grip-dot", sx: {
+                        width: 4,
+                        height: 4,
+                        borderRadius: "50%",
+                        backgroundColor: "#9e9e9e",
+                        transition: "background-color 0.2s",
+                    } })); }))),
+            React__default.createElement(Panel, { id: "right", defaultSize: 58, minSize: 30, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: { pl: 1, height: "100%" } },
+                    React__default.createElement(EntryViewer$3, { entry: selectedRowData, show: show, onChangeShow: function () {
+                            var newShow = show === "view" ? "edit" : "view";
+                            setShow(newShow);
+                            if (entryId && entryId !== "new") {
+                                var targetUrl = newShow === "edit"
+                                    ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
+                                    : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
+                                navigate(targetUrl);
                             }
-                        });
-                    }); } }))),
-        React__default.createElement(RemoveEntryDialog, { entry: selectedRowData, show: showRemoveDialog, onHide: function (shouldUpdate) {
+                        }, preselectedAssetId: assetId, withAssetFilter: withAssetFilter, canEditAsset: canEditAsset, canEditShift: canEditShift, filterAssets: filterAssets, allowAttachments: allowAttachments, shiftsRange: shiftsRange, onHide: function (entryId, shouldStayInEditMode) { return __awaiter(void 0, void 0, void 0, function () {
+                            var targetUrl;
+                            var _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!entryId) return [3 /*break*/, 2];
+                                        // First refetch to ensure we have the latest data
+                                        return [4 /*yield*/, refetch()];
+                                    case 1:
+                                        // First refetch to ensure we have the latest data
+                                        _b.sent();
+                                        targetUrl = shouldStayInEditMode
+                                            ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
+                                            : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
+                                        navigate(targetUrl);
+                                        setShow(shouldStayInEditMode ? "edit" : "view");
+                                        // Additional delay to allow navigation and state updates to complete
+                                        setTimeout(function () {
+                                            var _a, _b;
+                                            var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
+                                            if (rowNode) {
+                                                (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(rowNode);
+                                                rowNode.setSelected(true);
+                                                setSelectedRowData(rowNode.data);
+                                            }
+                                            else {
+                                                // If still not found, try one more refetch
+                                                setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                                    var retryRowNode;
+                                                    var _a, _b, _c;
+                                                    return __generator(this, function (_d) {
+                                                        switch (_d.label) {
+                                                            case 0: return [4 /*yield*/, refetch()];
+                                                            case 1:
+                                                                _d.sent();
+                                                                retryRowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
+                                                                if (retryRowNode) {
+                                                                    (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(retryRowNode);
+                                                                    retryRowNode.setSelected(true);
+                                                                    setSelectedRowData(retryRowNode.data);
+                                                                }
+                                                                else {
+                                                                    setShow("");
+                                                                    setSelectedRowData(null);
+                                                                    (_c = gridApiRef.current) === null || _c === void 0 ? void 0 : _c.deselectAll();
+                                                                }
+                                                                return [2 /*return*/];
+                                                        }
+                                                    });
+                                                }); }, 500);
+                                            }
+                                        }, 200);
+                                        return [3 /*break*/, 3];
+                                    case 2:
+                                        setShow("");
+                                        setSelectedRowData(null);
+                                        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
+                                        navigate("".concat(routeLogbookEntry$1, "/").concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId)));
+                                        _b.label = 3;
+                                    case 3: return [2 /*return*/];
+                                }
+                            });
+                        }); } })))),
+        React__default.createElement(RemoveEntryDialog$1, { entry: selectedRowData, show: showRemoveDialog, onHide: function (shouldUpdate) {
                 if (shouldUpdate) {
                     refetch();
                 }
@@ -21393,19 +21452,19 @@ var Logbook$1 = function () {
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
-var LogbookPage$1 = function () {
+var LogbookPage$3 = function () {
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HelmetDexteel, { title: "Logbook Entry" }),
         React__default.createElement(Grid2, { container: true, style: { padding: "1.5rem" } },
-            React__default.createElement(Logbook$1, null))));
+            React__default.createElement(Logbook$3, null))));
 };
 
-var MESFLogbookEntry = function () {
-    return React__default.createElement(LogbookPage$1, null);
+var MESFLogbookEntry$1 = function () {
+    return React__default.createElement(LogbookPage$3, null);
 };
 
-var moment$2 = getMomentTz();
-var getEntriesReport = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+var moment$9 = getMomentTz();
+var getEntriesReport$1 = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
     var apiService, parameters, resp, rows;
     var startShiftId = _b.startShiftId, endShiftId = _b.endShiftId, assetId = _b.assetId;
     return __generator(this, function (_c) {
@@ -21425,9 +21484,9 @@ var getEntriesReport = function (_a) { return __awaiter(void 0, [_a], void 0, fu
                 if (resp.ok) {
                     rows = get(resp, "data.tables[0].rows", []);
                     rows = rows.map(function (entry) { return (__assign(__assign({}, entry), { CreateTimestamp: entry.CreateTimestamp
-                            ? moment$2.utc(entry["CreateTimestamp"]).toDate()
+                            ? moment$9.utc(entry["CreateTimestamp"]).toDate()
                             : null, UpdateTimestamp: entry.UpdateTimestamp
-                            ? moment$2.utc(entry["UpdateTimestamp"]).toDate()
+                            ? moment$9.utc(entry["UpdateTimestamp"]).toDate()
                             : null })); });
                     return [2 /*return*/, rows];
                 }
@@ -21438,16 +21497,16 @@ var getEntriesReport = function (_a) { return __awaiter(void 0, [_a], void 0, fu
     });
 }); };
 
-var useEntriesReport = function (_a) {
+var useEntriesReport$1 = function (_a) {
     var startShiftId = _a.startShiftId, endShiftId = _a.endShiftId, assetId = _a.assetId;
     return useQuery({
         queryKey: ["entriesReport", startShiftId, endShiftId, assetId],
-        queryFn: function () { return getEntriesReport({ startShiftId: startShiftId, endShiftId: endShiftId, assetId: assetId }); },
+        queryFn: function () { return getEntriesReport$1({ startShiftId: startShiftId, endShiftId: endShiftId, assetId: assetId }); },
     });
 };
 var routeLogbookReport = "/logbook/report";
 
-var useTableData = function (_a) {
+var useTableData$2 = function (_a) {
     var showAttachments = _a.showAttachments, showAsset = _a.showAsset, showShiftCrew = _a.showShiftCrew;
     var columnDefs = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([
         {
@@ -21540,8 +21599,8 @@ var useTableData = function (_a) {
     return { columnDefs: columnDefs };
 };
 
-var moment$1 = getMomentTz();
-var EntryViewer = function (_a) {
+var moment$8 = getMomentTz();
+var EntryViewer$2 = function (_a) {
     var entry = _a.entry, show = _a.show, onHide = _a.onHide, filterAssets = _a.filterAssets, showAsset = _a.showAsset, _b = _a.showAttachments, showAttachments = _b === void 0 ? false : _b;
     var _c = useState(""), error = _c[0], setError = _c[1];
     var _d = useForm(), control = _d.control, setValue = _d.setValue, reset = _d.reset, watch = _d.watch; _d.getValues;
@@ -21555,7 +21614,7 @@ var EntryViewer = function (_a) {
     var assetId = watch("AssetId");
     var createTimestamp = watch("CreateTimestamp");
     useEffect(function () {
-        reset(entry || ENTRY_INITIAL_VALUES);
+        reset(entry || ENTRY_INITIAL_VALUES$1);
     }, [entry, show]);
     return (React__default.createElement(React__default.Fragment, null,
         (entry === null || entry === void 0 ? void 0 : entry.EntryId) && (React__default.createElement(HelmetDexteel, { title: "'".concat(entry === null || entry === void 0 ? void 0 : entry.Title, "' by ").concat(entry.Author, " - Logbook Report") })),
@@ -21575,7 +21634,7 @@ var EntryViewer = function (_a) {
                     React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
                         React__default.createElement(Controller, { name: "CreateTimestamp", control: control, render: function (_a) {
                                 var value = _a.field.value;
-                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$1(value) : null, disabled: true, slotProps: {
+                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$8(value) : null, disabled: true, slotProps: {
                                         textField: {
                                             variant: "outlined",
                                             size: "small",
@@ -21606,7 +21665,7 @@ var EntryViewer = function (_a) {
                 React__default.createElement(Grid2, { size: { md: 12 }, height: "100%", flexGrow: 1, overflow: "auto" },
                     React__default.createElement(Controller, { name: "Content", control: control, render: function (_a) {
                             var _b = _a.field; _b.value; _b.onChange;
-                            return (React__default.createElement(ContentInput, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return setValue("Content", val); }, value: content, isEditing: false, isNewEntry: false, entryId: entryId, entryData: {
+                            return (React__default.createElement(ContentInput$1, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return setValue("Content", val); }, value: content, isEditing: false, isNewEntry: false, entryId: entryId, entryData: {
                                     assetId: assetId,
                                     entryId: entryId,
                                     shiftId: shiftId,
@@ -21623,7 +21682,7 @@ var EntryViewer = function (_a) {
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
-var customPeriodOptions = [
+var customPeriodOptions$1 = [
     { value: "Day", label: "Day" },
     { value: "4Days", label: "4 Days" },
     { value: "Week", label: "Week" },
@@ -21650,7 +21709,7 @@ var buildTreeAssets = function (nodes) {
     });
     return root;
 };
-var Filters = function (_a) {
+var Filters$2 = function (_a) {
     var withAssetFilter = _a.withAssetFilter, filterAssets = _a.filterAssets, quickFilter = _a.quickFilter, onQuickFilterChange = _a.onQuickFilterChange, assetId = _a.assetId, setAssetId = _a.setAssetId, shiftPeriod = _a.shiftPeriod, onChangeShiftPeriod = _a.onChangeShiftPeriod, actualPeriod = _a.actualPeriod;
     var handleShiftPeriodChange = function (value, period) {
         onChangeShiftPeriod(value, period);
@@ -21676,7 +21735,7 @@ var Filters = function (_a) {
     return (React__default.createElement(Paper, { elevation: 1, style: { padding: 8 } },
         React__default.createElement(Grid2, { container: true, spacing: 1 },
             React__default.createElement(Grid2, { size: { xs: 12 }, alignItems: "center", justifyContent: "center" },
-                React__default.createElement(ShiftPeriodNavigatorControl, { onChange: handleShiftPeriodChange, value: shiftPeriod, actualPeriod: actualPeriod, showShiftAndCrews: false, dateFormat: "MM/DD/YYYY", periodOptions: customPeriodOptions })),
+                React__default.createElement(ShiftPeriodNavigatorControl, { onChange: handleShiftPeriodChange, value: shiftPeriod, actualPeriod: actualPeriod, showShiftAndCrews: false, dateFormat: "MM/DD/YYYY", periodOptions: customPeriodOptions$1 })),
             React__default.createElement(Grid2, { size: { xs: 12, md: withAssetFilter ? 6 : 12 } },
                 React__default.createElement(TextField, { fullWidth: true, label: "Search", variant: "outlined", size: "small", margin: "dense", value: quickFilter, onChange: function (event) {
                         onQuickFilterChange(event === null || event === void 0 ? void 0 : event.target.value);
@@ -21700,8 +21759,10 @@ var Filters = function (_a) {
                     }, filterAreaAssets: filterAssets === "area", isFilter: true }))))));
 };
 
-var moment = getMomentTz();
-var Logbook = function () {
+var moment$7 = getMomentTz();
+// Default layout matching original Grid md:5 / md:7 ratio (41.67% / 58.33%)
+var DEFAULT_LAYOUT$2 = { left: 42, right: 58 };
+var Logbook$2 = function () {
     var report = useLogbookSettings().report;
     var defaultAreaId = useUserContext().state.defaultAreaId;
     var withAssetFilter = report.withAssetFilter;
@@ -21756,17 +21817,24 @@ var Logbook = function () {
         }
         setSearchParams(newParams);
     };
-    var _h = useEntriesReport({
+    var _h = useEntriesReport$1({
         startShiftId: shiftPeriod.StartShiftId,
         endShiftId: shiftPeriod.EndShiftId,
         assetId: assetId,
     }), rows = _h.data, isLoading = _h.isLoading, e = _h.error, isError = _h.isError, refetch = _h.refetch;
-    var columnDefs = useTableData({
+    var columnDefs = useTableData$2({
         showAttachments: showAttachments,
         showAsset: showAsset,
         showShiftCrew: showShiftCrew,
     }).columnDefs;
-    var defaultColDef = useGridDefinitions({}).defaultColDef;
+    var defaultColDef = useGridDefinitions$1({}).defaultColDef;
+    // Resizable panels layout persistence
+    var _j = useDefaultLayout({
+        id: "logbook-report-v2",
+        storage: localStorage,
+    }), savedLayout = _j.defaultLayout, onLayoutChange = _j.onLayoutChange;
+    // Use saved layout or default to avoid flash on initial render
+    var resolvedLayout = savedLayout !== null && savedLayout !== void 0 ? savedLayout : DEFAULT_LAYOUT$2;
     var onQuickFilterChange = function (text) {
         var _a;
         setQuickFilter(text);
@@ -21814,7 +21882,7 @@ var Logbook = function () {
             ],
             processCellCallback: function (params) {
                 if (params.column.colId === "CreateTimestamp") {
-                    return moment(params.value).format("MM/DD/yy - HH:mm");
+                    return moment$7(params.value).format("MM/DD/yy - HH:mm");
                 }
                 return params.value;
             },
@@ -21887,18 +21955,27 @@ var Logbook = function () {
             }); })();
         }
     }, [shiftPeriod.StartShiftId, shiftPeriod.EndShiftId]);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Grid2, { container: true, size: {
-                xs: 12,
-            }, spacing: 2, justifyContent: "flex-start" },
-            React__default.createElement(Grid2, { size: { md: 12, xs: 12 } },
-                React__default.createElement(Typography$1, { variant: "h5", style: {
-                        fontWeight: 600,
-                        userSelect: "none",
-                    } }, "LOGBOOK REPORT")),
-            React__default.createElement(Grid2, { container: true, size: { xs: 12, md: 5 }, spacing: 1 },
-                React__default.createElement(Grid2, { size: { xs: 12 } },
-                    React__default.createElement(Filters, { withAssetFilter: withAssetFilter, filterAssets: filterAssets, quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, assetId: assetId, setAssetId: function (value) { return setAssetId(value); }, shiftPeriod: shiftPeriod, onChangeShiftPeriod: function (value, period) {
+    return (React__default.createElement(Box, { sx: {
+            width: "100%",
+            height: "calc(100vh - 130px)",
+            display: "flex",
+            flexDirection: "column",
+        } },
+        React__default.createElement(Box, { sx: { mb: 2 } },
+            React__default.createElement(Typography$1, { variant: "h5", style: {
+                    fontWeight: 600,
+                    userSelect: "none",
+                } }, "LOGBOOK REPORT")),
+        React__default.createElement(Group$1, { id: "logbook-report-group", orientation: "horizontal", defaultLayout: resolvedLayout, onLayoutChange: onLayoutChange, style: { flex: 1, width: "100%" } },
+            React__default.createElement(Panel, { id: "left", defaultSize: 42, minSize: 25, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 1,
+                        height: "100%",
+                        pr: 1,
+                    } },
+                    React__default.createElement(Filters$2, { withAssetFilter: withAssetFilter, filterAssets: filterAssets, quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, assetId: assetId, setAssetId: function (value) { return setAssetId(value); }, shiftPeriod: shiftPeriod, onChangeShiftPeriod: function (value, period) {
                             setShiftPeriod(value);
                             updateUrl({
                                 startShiftId: value.StartShiftId,
@@ -21906,10 +21983,9 @@ var Logbook = function () {
                                 period: period,
                                 entryId: searchParams.get("entryId"),
                             });
-                        }, actualPeriod: searchParams.get("period") })),
-                React__default.createElement(Grid2, { size: { xs: 12 } },
+                        }, actualPeriod: searchParams.get("period") }),
                     React__default.createElement(Paper, { elevation: 1, style: {
-                            height: "62vh",
+                            flex: 1,
                             width: "100%",
                         } },
                         React__default.createElement(AgGridReact, { loading: isLoading, rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 42, loadingOverlayComponent: CenteredLazyLoading, animateRows: true, onRowClicked: rowClicked, onCellKeyDown: onCellKeyDown, onGridReady: function (params) { return (gridApiRef.current = params.api); }, getRowId: function (params) { return "".concat(params.data.EntryId); }, gridOptions: {
@@ -21935,40 +22011,71 @@ var Logbook = function () {
                                     ],
                                 },
                             } })))),
-            React__default.createElement(Grid2, { size: { xs: 12, md: 7 } },
-                React__default.createElement(EntryViewer, { entry: selectedRowData, show: show, onChangeShow: function () { return setShow(show === "view" ? "edit" : "view"); }, onHide: function () {
-                        var _a;
-                        setShow("");
-                        setSelectedRowData(null);
-                        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
-                        updateUrl({ entryId: null });
-                    }, filterAssets: filterAssets, showAsset: showAsset, showAttachments: showAttachments }))),
+            React__default.createElement(Separator, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "col-resize",
+                } },
+                React__default.createElement(Box, { sx: {
+                        width: 8,
+                        height: 48,
+                        borderRadius: 1,
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "3px",
+                        transition: "background-color 0.2s",
+                        "&:hover": {
+                            backgroundColor: "primary.main",
+                            "& .grip-dot": {
+                                backgroundColor: "#fff",
+                            },
+                        },
+                    } }, __spreadArray([], Array(5), true).map(function (_, i) { return (React__default.createElement(Box, { key: i, className: "grip-dot", sx: {
+                        width: 4,
+                        height: 4,
+                        borderRadius: "50%",
+                        backgroundColor: "#9e9e9e",
+                        transition: "background-color 0.2s",
+                    } })); }))),
+            React__default.createElement(Panel, { id: "right", defaultSize: 58, minSize: 30, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: { pl: 1, height: "100%" } },
+                    React__default.createElement(EntryViewer$2, { entry: selectedRowData, show: show, onChangeShow: function () { return setShow(show === "view" ? "edit" : "view"); }, onHide: function () {
+                            var _a;
+                            setShow("");
+                            setSelectedRowData(null);
+                            (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
+                            updateUrl({ entryId: null });
+                        }, filterAssets: filterAssets, showAsset: showAsset, showAttachments: showAttachments })))),
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
-var LogbookPage = function () {
+var LogbookPage$2 = function () {
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HelmetDexteel, { title: "Logbook Report" }),
         React__default.createElement(Grid2, { container: true, style: { padding: "1.5rem" } },
-            React__default.createElement(Logbook, null))));
+            React__default.createElement(Logbook$2, null))));
 };
 
-var MESFLogbookReport = function () {
-    return React__default.createElement(LogbookPage, null);
+var MESFLogbookReport$1 = function () {
+    return React__default.createElement(LogbookPage$2, null);
 };
 
 var logbookRoutesMESF = [
     {
         path: "/logbook/entry",
-        element: React__default.createElement(MESFLogbookEntry),
+        element: React__default.createElement(MESFLogbookEntry$1),
     },
     {
         path: "/logbook/entry/:shiftId",
-        element: React__default.createElement(MESFLogbookEntry),
+        element: React__default.createElement(MESFLogbookEntry$1),
     },
     {
         path: "/logbook/report",
-        element: React__default.createElement(MESFLogbookReport),
+        element: React__default.createElement(MESFLogbookReport$1),
     },
 ];
 var logbookNavbar = [
@@ -21988,6 +22095,2681 @@ var logbookNavbar = [
     },
 ];
 
+var useGridDefinitions = function (_a) {
+    _a.OnEdit; _a.OnSend;
+    var defaultColDef = {
+        flex: 1,
+        filter: false,
+        floatingFilter: false,
+        sortable: false,
+        editable: false,
+        resizable: false,
+        wrapText: false,
+        autoHeight: false,
+        wrapHeaderText: true,
+        suppressHeaderMenuButton: true,
+        cellStyle: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        },
+    };
+    return {
+        defaultColDef: defaultColDef,
+    };
+};
+
+var moment$6 = getMomentTz();
+var getEntries = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp, rows;
+    var shiftId = _b.shiftId, sectionIds = _b.sectionIds, signal = _b.signal;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "ShiftId", value: shiftId },
+                ];
+                // Pass comma-separated sectionIds for multi-select filter
+                if (sectionIds && sectionIds.length > 0) {
+                    parameters.push({ name: "SectionIds", value: sectionIds.join(",") });
+                }
+                return [4 /*yield*/, apiService.callV2("[SWV].[GetSectionLogbookEntries]", parameters, signal)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    rows = get(resp, "data.tables[0].rows", []);
+                    rows = rows.map(function (entry) { return (__assign(__assign({}, entry), { CreateTimestamp: entry.CreateTimestamp
+                            ? moment$6.utc(entry["CreateTimestamp"]).toDate()
+                            : null, UpdateTimestamp: entry.UpdateTimestamp
+                            ? moment$6.utc(entry["UpdateTimestamp"]).toDate()
+                            : null })); });
+                    return [2 /*return*/, rows];
+                }
+                else {
+                    throw new Error(resp.message || "Error fetching entries");
+                }
+        }
+    });
+}); };
+var upsertEntry = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp;
+    var assetId = _b.assetId, entryId = _b.entryId, shiftId = _b.shiftId, title = _b.title, content = _b.content, createTimestamp = _b.createTimestamp, author = _b.author;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "EntryId", value: entryId },
+                    { name: "ShiftId", value: shiftId },
+                    { name: "Title", value: title },
+                    { name: "Content", value: content },
+                    {
+                        name: "CreateTimestamp",
+                        value: createTimestamp.toISOString(),
+                    },
+                    {
+                        name: "UpdateTimestamp",
+                        value: new Date().toISOString(),
+                    },
+                    { name: "Author", value: author },
+                ];
+                if (assetId || assetId === 0) {
+                    parameters.push({ name: "AssetId", value: assetId });
+                }
+                return [4 /*yield*/, apiService.callV2("[LB].[UpsertEntry]", parameters)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    return [2 /*return*/, get(resp, "data.tables[0].rows[0]", null)];
+                }
+                {
+                    throw new Error(resp.message || "Error upserting entry");
+                }
+        }
+    });
+}); };
+var deleteEntry = function (EntryId) { return __awaiter(void 0, void 0, void 0, function () {
+    var apiService, attachmentsToDelete, error_1, parameters, resp;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                apiService = new MESApiService();
+                attachmentsToDelete = [];
+                _a.label = 1;
+            case 1:
+                _a.trys.push([1, 4, , 5]);
+                if (!EntryId) return [3 /*break*/, 3];
+                return [4 /*yield*/, getEntryAttachments(EntryId)];
+            case 2:
+                attachmentsToDelete = _a.sent();
+                _a.label = 3;
+            case 3: return [3 /*break*/, 5];
+            case 4:
+                error_1 = _a.sent();
+                // If we can't get attachments, log but continue with entry deletion
+                console.warn("Failed to get attachments for entry deletion:", error_1);
+                return [3 /*break*/, 5];
+            case 5:
+                parameters = [{ name: "EntryId", value: EntryId }];
+                return [4 /*yield*/, apiService.callV2("[LB].[DeleteEntry]", parameters)];
+            case 6:
+                resp = _a.sent();
+                if (!resp.ok) {
+                    throw new Error(resp.message || "Error deleting entry");
+                }
+                // Delete associated files in background (don't block the UI)
+                if (attachmentsToDelete.length > 0) {
+                    deleteAttachedFilesInBackground(attachmentsToDelete);
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+var deleteAttachedFilesInBackground = function (attachments) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        // Delete files in background without blocking the UI
+        Promise.all(attachments.map(function (attachment) { return __awaiter(void 0, void 0, void 0, function () {
+            var error_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, deleteUploadFile(attachment.UploadFileId)];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_2 = _a.sent();
+                        // Log errors but don't fail the entire operation
+                        console.error("Failed to delete file ".concat(attachment.UploadFileId, ":"), error_2);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })).catch(function (error) {
+            console.error("Background file deletion failed:", error);
+        });
+        return [2 /*return*/];
+    });
+}); };
+var deleteUploadFile = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+    var apiService, parameters, resp;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "UploadFileId", value: uploadFileId },
+                ];
+                return [4 /*yield*/, apiService.callV2("[SYSTEM].[DeleteUploadFile]", parameters)];
+            case 1:
+                resp = _a.sent();
+                if (!resp.ok) {
+                    throw new Error(resp.message || "Error deleting upload file");
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+// Attachment management functions
+var getEntryAttachments = function (entryId) { return __awaiter(void 0, void 0, void 0, function () {
+    var apiService, parameters, resp, rows;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [{ name: "EntryId", value: entryId }];
+                return [4 /*yield*/, apiService.callV2("[LB].[GetEntryAttachments]", parameters)];
+            case 1:
+                resp = _a.sent();
+                if (resp.ok) {
+                    rows = get(resp, "data.tables[0].rows", []);
+                    rows = rows.map(function (attachment) { return (__assign(__assign({}, attachment), { CreationTime: attachment.CreationTime
+                            ? moment$6.utc(attachment.CreationTime).toDate()
+                            : new Date() })); });
+                    return [2 /*return*/, rows];
+                }
+                else {
+                    throw new Error(resp.message || "Error fetching entry attachments");
+                }
+        }
+    });
+}); };
+var upsertEntryAttachment = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp, attachment;
+    var entryId = _b.entryId, uploadFileId = _b.uploadFileId, attachmentName = _b.attachmentName, attachmentURL = _b.attachmentURL;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "EntryId", value: entryId },
+                    { name: "UploadFileId", value: uploadFileId },
+                    { name: "AttachmentName", value: attachmentName },
+                    { name: "AttachmentURL", value: attachmentURL },
+                ];
+                return [4 /*yield*/, apiService.callV2("[LB].[UpsertEntryAttachment]", parameters)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    attachment = get(resp, "data.tables[0].rows[0]", null);
+                    if (attachment) {
+                        return [2 /*return*/, __assign(__assign({}, attachment), { CreationTime: attachment.CreationTime
+                                    ? moment$6.utc(attachment.CreationTime).toDate()
+                                    : new Date() })];
+                    }
+                    return [2 /*return*/, null];
+                }
+                else {
+                    throw new Error(resp.message || "Error creating entry attachment");
+                }
+        }
+    });
+}); };
+var deleteEntryAttachment = function (entryAttachmentId, uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+    var apiService, parameters, resp;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "EntryAttachmentId", value: entryAttachmentId },
+                ];
+                return [4 /*yield*/, apiService.callV2("[LB].[DeleteEntryAttachment]", parameters)];
+            case 1:
+                resp = _a.sent();
+                if (!resp.ok) {
+                    throw new Error(resp.message || "Error deleting entry attachment");
+                }
+                // Delete the associated file in background if UploadFileId was provided
+                if (uploadFileId) {
+                    deleteUploadFileInBackground(uploadFileId);
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+var deleteUploadFileInBackground = function (uploadFileId) { return __awaiter(void 0, void 0, void 0, function () {
+    var error_3;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, deleteUploadFile(uploadFileId)];
+            case 1:
+                _a.sent();
+                return [3 /*break*/, 3];
+            case 2:
+                error_3 = _a.sent();
+                // Log errors but don't fail the operation
+                console.error("Failed to delete file ".concat(uploadFileId, ":"), error_3);
+                return [3 /*break*/, 3];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+
+var useEntries = function (_a) {
+    var shiftId = _a.shiftId, sectionIds = _a.sectionIds;
+    return useQuery({
+        queryKey: ["entries", shiftId, sectionIds],
+        queryFn: function (_a) {
+            var signal = _a.signal;
+            return getEntries({ shiftId: shiftId, sectionIds: sectionIds, signal: signal });
+        },
+    });
+};
+var routeLogbookEntry = "/logbook/entry";
+
+var useLogbookEntryOptionsFunctions = function (_a) {
+    var setSelectedRowData = _a.setSelectedRowData, setShow = _a.setShow, setShowRemoveDialog = _a.setShowRemoveDialog, handleNewEntry = _a.handleNewEntry;
+    var getMenuOptions = function (data) {
+        var options = [];
+        options = options.concat([
+            {
+                name: "New Entry",
+                key: "new_logbook_entry",
+                onClick: function () { return handleNewEntry(); },
+                icon: React__default.createElement(PlaylistAddIcon, null),
+            },
+        ]);
+        if (data) {
+            options = options.concat([
+                {
+                    name: "Edit Entry",
+                    key: "edit_logbook_entry",
+                    onClick: function () {
+                        setSelectedRowData(data);
+                        setShow("edit");
+                    },
+                    icon: React__default.createElement(EditIcon, null),
+                },
+                {
+                    name: "Delete Entry",
+                    key: "delete_logbook_entry",
+                    onClick: function () {
+                        setShowRemoveDialog(true);
+                    },
+                    icon: React__default.createElement(DeleteIcon, null),
+                },
+            ]);
+        }
+        return options;
+    };
+    return {
+        getMenuOptions: getMenuOptions,
+    };
+};
+
+var useTableData$1 = function (_a) {
+    var showContextMenu = _a.showContextMenu, allowAttachments = _a.allowAttachments, showShiftCrew = _a.showShiftCrew;
+    var columnDefs = __spreadArray(__spreadArray(__spreadArray([
+        {
+            field: "CreateTimestamp",
+            headerName: "Created",
+            flex: 2,
+            valueGetter: function (params) {
+                return dxtToLocalServerTime(params.data.CreateTimestamp, "MM/dd/yy HH:mm");
+            },
+        },
+        {
+            field: "AssetName",
+            headerName: "Asset",
+            sortable: true,
+            flex: 2,
+            minWidth: 70,
+        },
+        {
+            field: "Title",
+            headerName: "Title",
+            flex: 4,
+        },
+        {
+            field: "SectionName",
+            headerName: "Section",
+            flex: 2,
+        },
+        {
+            field: "Author",
+            headerName: "Created By",
+            flex: 2,
+        }
+    ], (showShiftCrew
+        ? [
+            {
+                field: "Shift",
+                headerName: "Shift",
+                sortable: false,
+                flex: 1,
+                minWidth: 60,
+                maxWidth: 60,
+            },
+            {
+                field: "Crew",
+                headerName: "Crew",
+                sortable: false,
+                flex: 1,
+                minWidth: 60,
+                maxWidth: 60,
+            },
+        ]
+        : []), true), (allowAttachments
+        ? [
+            {
+                field: "AttachmentCount",
+                headerName: "",
+                flex: 1,
+                headerComponent: function () { return (React__default.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        height: "100%",
+                        width: "100%",
+                        textAlign: "center",
+                    } },
+                    React__default.createElement(AttachFile, { style: { fontSize: 18, color: "#666" } }))); },
+                cellRenderer: function (params) {
+                    var count = params.data.AttachmentCount || 0;
+                    if (count === 0) {
+                        return null;
+                    }
+                    return (React__default.createElement("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            height: "100%",
+                            justifyContent: "center",
+                        } },
+                        React__default.createElement(Chip, { icon: React__default.createElement(AttachFile, { style: { fontSize: 16 } }), label: count, size: "small", variant: "outlined", color: "primary" })));
+                },
+            },
+        ]
+        : []), true), [
+        {
+            field: "Content",
+            headerName: "Content",
+            hide: true,
+        },
+        {
+            headerName: "",
+            flex: 1,
+            wrapText: false,
+            autoHeight: false,
+            cellRenderer: function (params) {
+                return (React__default.createElement(Grid2, { container: true, style: {
+                        height: "100%",
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                    } },
+                    React__default.createElement(Grid2, { size: { md: 12, xs: 12 }, style: {
+                            display: "flex",
+                            justifyContent: "center",
+                            alignItems: "center",
+                        } },
+                        React__default.createElement(Button, { fullWidth: true, onClick: function (e) {
+                                return showContextMenu(e, params.data, "logbookEntryContext");
+                            }, size: "small" },
+                            React__default.createElement(FormatListBulletedSharpIcon, { style: { height: "auto" }, color: "action" })))));
+            },
+        },
+    ], false);
+    return { columnDefs: columnDefs };
+};
+
+var ENTRY_INITIAL_VALUES = {
+    EntryId: 0,
+    ShiftId: 0,
+    AssetId: null,
+    Title: "",
+    Content: "",
+    CreateTimestamp: new Date(),
+    UpdateTimestamp: new Date(),
+    LogEntryTypeCode: "S", // Default 'S'
+    Shift: null,
+    Crew: null,
+    Author: null,
+    UpdatedBy: null,
+    AttachmentCount: 0,
+    // Section defaults
+    SectionId: null,
+    SectionName: undefined,
+    SectionFamilyName: undefined,
+    WeighUp: undefined,
+    BreakIn: undefined,
+    SectionNotes: undefined,
+};
+
+var RemoveEntryDialog = function (_a) {
+    var entry = _a.entry, show = _a.show, onHide = _a.onHide;
+    var navigate = useNavigate();
+    var _b = useState(false), isSubmitLoading = _b[0], setIsSubmitLoading = _b[1];
+    var _c = useState(""); _c[0]; var setSuccessMessage = _c[1];
+    var _d = useState(""), error = _d[0], setError = _d[1];
+    var handleCancel = function () {
+        setIsSubmitLoading(false);
+        onHide(false);
+    };
+    var queryClient = useQueryClient();
+    var removeEntry = useMutation(deleteEntry, {
+        onSuccess: function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, queryClient.invalidateQueries({ queryKey: ["entries"] })];
+                    case 1:
+                        _a.sent();
+                        navigate("".concat(routeLogbookEntry), { replace: true });
+                        setSuccessMessage("The entry was deleted succesfully");
+                        onHide(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+        onError: function (error) {
+            setError(error.message);
+        },
+        onSettled: function () { return setIsSubmitLoading(false); },
+    });
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Dialog$1, { fullWidth: true, maxWidth: "md", open: show, onClose: function () { return handleCancel(); }, disableEnforceFocus: true, sx: {
+                "& .input-group-text": {
+                    display: "none",
+                },
+                "& .MuiDialogContent-dividers": {
+                    padding: 0,
+                },
+            } },
+            React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title", style: { paddingBottom: 0 } }, "WARNING"),
+            React__default.createElement(DialogContent$1, null,
+                React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } },
+                    "Be careful, you are about to delete: ",
+                    React__default.createElement("b", null, entry === null || entry === void 0 ? void 0 : entry.Title),
+                    ". Once deleted you will not be able to recover this Entry. Are you sure you want to delete it?")),
+            React__default.createElement(DialogActions$1, { style: { padding: "0 24px 16px" } },
+                React__default.createElement(Button, { onClick: function () { return onHide(false); }, autoFocus: true, color: "inherit" }, "CANCEL"),
+                React__default.createElement(Button, { autoFocus: true, color: "secondary", startIcon: isSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), onClick: function () { var _a; return removeEntry.mutate((_a = entry === null || entry === void 0 ? void 0 : entry.EntryId) !== null && _a !== void 0 ? _a : 0); } }, "Delete"))),
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
+};
+
+var moment$5 = getMomentTz();
+var getSections = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp;
+    var schema = _b.schema, sectionFamilyId = _b.sectionFamilyId, searchText = _b.searchText, signal = _b.signal;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [];
+                if (sectionFamilyId) {
+                    parameters.push({ name: "SectionFamilyId", value: sectionFamilyId });
+                }
+                if (searchText) {
+                    parameters.push({ name: "SearchText", value: searchText });
+                }
+                return [4 /*yield*/, apiService.callV2("[".concat(schema, "].[GetSections]"), parameters, signal)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    return [2 /*return*/, get(resp, "data.tables[0].rows", [])];
+                }
+                else {
+                    throw new Error(resp.message || "Error fetching sections");
+                }
+        }
+    });
+}); };
+var getTopUsedSections = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp, rows;
+    var schema = _b.schema, _c = _b.top, top = _c === void 0 ? 5 : _c, signal = _b.signal;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [{ name: "Top", value: top }];
+                return [4 /*yield*/, apiService.callV2("[".concat(schema, "].[GetTopUsedSections]"), parameters, signal)];
+            case 1:
+                resp = _d.sent();
+                if (resp.ok) {
+                    rows = get(resp, "data.tables[0].rows", []);
+                    rows = rows.map(function (section) { return (__assign(__assign({}, section), { LastUsedTimestamp: section.LastUsedTimestamp
+                            ? moment$5.utc(section.LastUsedTimestamp).toDate()
+                            : null })); });
+                    return [2 /*return*/, rows];
+                }
+                else {
+                    throw new Error(resp.message || "Error fetching top used sections");
+                }
+        }
+    });
+}); };
+
+var useSections = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.searchText, searchText = _c === void 0 ? null : _c, _d = _b.enabled, enabled = _d === void 0 ? true : _d;
+    var section = useLogbookSettings().section;
+    var schema = section === null || section === void 0 ? void 0 : section.schema;
+    return useQuery({
+        queryKey: ["sections", schema, searchText],
+        queryFn: function (_a) {
+            var signal = _a.signal;
+            return getSections({ schema: schema, searchText: searchText, signal: signal });
+        },
+        enabled: enabled,
+    });
+};
+
+var useTopSections = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.top, top = _c === void 0 ? 5 : _c;
+    var section = useLogbookSettings().section;
+    var schema = section === null || section === void 0 ? void 0 : section.schema;
+    return useQuery({
+        queryKey: ["topSections", schema, top],
+        queryFn: function (_a) {
+            var signal = _a.signal;
+            return getTopUsedSections({ schema: schema, top: top, signal: signal });
+        },
+    });
+};
+
+var SectionSelector = function (_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.topSectionsCount, topSectionsCount = _b === void 0 ? 5 : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.label, label = _d === void 0 ? "Section" : _d;
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var _f = useState(""), inputValue = _f[0], setInputValue = _f[1];
+    var _g = useTopSections({
+        top: topSectionsCount,
+    }), _h = _g.data, topSections = _h === void 0 ? [] : _h, loadingTop = _g.isLoading;
+    var _j = useSections({
+        searchText: inputValue || null,
+        enabled: open,
+    }), _k = _j.data, options = _k === void 0 ? [] : _k, loading = _j.isFetching;
+    var handleChipClick = function (section) {
+        if ((value === null || value === void 0 ? void 0 : value.SectionId) === section.SectionId) {
+            onChange(null);
+        }
+        else {
+            onChange(section);
+        }
+    };
+    return (React__default.createElement(Box, { sx: {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 1,
+            flexWrap: "wrap",
+        } },
+        React__default.createElement(Autocomplete$1, { open: open, onOpen: function () { return setOpen(true); }, onClose: function () { return setOpen(false); }, value: value, onChange: function (_, newValue) { return onChange(newValue); }, inputValue: inputValue, onInputChange: function (_, newInputValue) { return setInputValue(newInputValue); }, options: options, loading: loading, disabled: disabled, getOptionLabel: function (option) { return option.SectionName; }, isOptionEqualToValue: function (option, value) {
+                return option.SectionId === value.SectionId;
+            }, sx: { minWidth: 120, maxWidth: 150 }, renderOption: function (props, option) { return (React__default.createElement(Box, __assign({ component: "li" }, props, { key: option.SectionId, sx: { display: "flex", justifyContent: "space-between" } }),
+                React__default.createElement(Typography$1, { fontWeight: 500 }, option.SectionName))); }, renderInput: function (params) { return (React__default.createElement(TextField, __assign({}, params, { label: label, placeholder: "####", size: "small", slotProps: {
+                    input: __assign(__assign({}, params.InputProps), { endAdornment: (React__default.createElement(React__default.Fragment, null,
+                            loading ? (React__default.createElement(CircularProgress, { color: "inherit", size: 16 })) : null,
+                            params.InputProps.endAdornment)) }),
+                } }))); } }),
+        loadingTop ? (React__default.createElement(CircularProgress, { size: 14 })) : topSections.length > 0 ? (React__default.createElement(Box, { sx: {
+                display: "flex",
+                flexWrap: "wrap",
+                gap: 0.5,
+                alignItems: "center",
+            } },
+            React__default.createElement(Typography$1, { variant: "caption", color: "text.secondary", sx: { mr: 0.5 } }, "Top:"),
+            topSections.map(function (section) { return (React__default.createElement(Chip, { key: section.SectionId, label: section.SectionName, size: "small", variant: (value === null || value === void 0 ? void 0 : value.SectionId) === section.SectionId ? "filled" : "outlined", color: (value === null || value === void 0 ? void 0 : value.SectionId) === section.SectionId ? "primary" : "default", onClick: function () { return handleChipClick(section); }, disabled: disabled, sx: {
+                    cursor: "pointer",
+                    height: 22,
+                    "& .MuiChip-label": { px: 1, fontSize: "0.75rem" },
+                } })); }))) : null));
+};
+
+var SectionMultiSelect = function (_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.topSectionsCount, topSectionsCount = _b === void 0 ? 5 : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.label, label = _d === void 0 ? "Sections" : _d;
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var _f = useState(""), inputValue = _f[0], setInputValue = _f[1];
+    var _g = useTopSections({
+        top: topSectionsCount,
+    }), _h = _g.data, topSections = _h === void 0 ? [] : _h, loadingTop = _g.isLoading;
+    var _j = useSections({
+        searchText: inputValue || null,
+        enabled: open,
+    }), _k = _j.data, options = _k === void 0 ? [] : _k, loading = _j.isFetching;
+    var handleChipClick = function (section) {
+        var isSelected = value.some(function (s) { return s.SectionId === section.SectionId; });
+        if (isSelected) {
+            onChange(value.filter(function (s) { return s.SectionId !== section.SectionId; }));
+        }
+        else {
+            onChange(__spreadArray(__spreadArray([], value, true), [section], false));
+        }
+    };
+    return (React__default.createElement(Box, { sx: {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 1,
+            flexWrap: "wrap",
+        } },
+        React__default.createElement(Autocomplete$1, { multiple: true, open: open, onOpen: function () { return setOpen(true); }, onClose: function () { return setOpen(false); }, value: value, onChange: function (_, newValue) { return onChange(newValue); }, inputValue: inputValue, onInputChange: function (_, newInputValue) { return setInputValue(newInputValue); }, options: options, loading: loading, disabled: disabled, getOptionLabel: function (option) { return option.SectionName; }, isOptionEqualToValue: function (option, val) {
+                return option.SectionId === val.SectionId;
+            }, limitTags: 2, size: "small", sx: { minWidth: 200, flex: 1 }, renderOption: function (props, option) { return (React__default.createElement(Box, __assign({ component: "li" }, props, { key: option.SectionId, sx: { display: "flex", justifyContent: "space-between" } }),
+                React__default.createElement(Typography$1, { fontWeight: 500 }, option.SectionName))); }, renderInput: function (params) { return (React__default.createElement(TextField, __assign({}, params, { label: label, placeholder: value.length === 0 ? "All sections" : "", size: "small", slotProps: {
+                    input: __assign(__assign({}, params.InputProps), { endAdornment: (React__default.createElement(React__default.Fragment, null,
+                            loading ? (React__default.createElement(CircularProgress, { color: "inherit", size: 16 })) : null,
+                            params.InputProps.endAdornment)) }),
+                } }))); } }),
+        loadingTop ? (React__default.createElement(CircularProgress, { size: 14 })) : topSections.length > 0 ? (React__default.createElement(Box, { sx: {
+                display: "flex",
+                flexWrap: "wrap",
+                gap: 0.5,
+                alignItems: "center",
+            } },
+            React__default.createElement(Typography$1, { variant: "caption", color: "text.secondary", sx: { mr: 0.5 } }, "Top:"),
+            topSections.map(function (section) {
+                var isSelected = value.some(function (s) { return s.SectionId === section.SectionId; });
+                return (React__default.createElement(Chip, { key: section.SectionId, label: section.SectionName, size: "small", variant: isSelected ? "filled" : "outlined", color: isSelected ? "primary" : "default", onClick: function () { return handleChipClick(section); }, disabled: disabled, sx: {
+                        cursor: "pointer",
+                        height: 22,
+                        "& .MuiChip-label": { px: 1, fontSize: "0.75rem" },
+                    } }));
+            }))) : null));
+};
+
+var upsertSectionEntry = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp;
+    var entryId = _b.entryId, sectionId = _b.sectionId, weighUp = _b.weighUp, breakIn = _b.breakIn, notes = _b.notes;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "EntryId", value: entryId },
+                    { name: "SectionId", value: sectionId },
+                ];
+                if (weighUp !== undefined) {
+                    parameters.push({ name: "WeighUp", value: weighUp });
+                }
+                if (breakIn !== undefined) {
+                    parameters.push({ name: "BreakIn", value: breakIn });
+                }
+                if (notes !== undefined) {
+                    parameters.push({ name: "Notes", value: notes });
+                }
+                return [4 /*yield*/, apiService.callV2("[SWV].[UpsertLogSectionEntry]", parameters)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    return [2 /*return*/, get(resp, "data.tables[0].rows[0]", null)];
+                }
+                else {
+                    throw new Error(resp.message || "Error upserting section entry");
+                }
+        }
+    });
+}); };
+
+var useEntrySubmission = function (_a) {
+    var _b = _a === void 0 ? {} : _a, onSuccess = _b.onSuccess, onError = _b.onError, _c = _b.isNewEntry, isNewEntry = _c === void 0 ? false : _c, _d = _b.onHide, onHide = _d === void 0 ? function () { } : _d;
+    var _e = useState(false), isSubmitLoading = _e[0], setIsSubmitLoading = _e[1];
+    var _f = useState(false), showConfirmationDialog = _f[0], setShowConfirmationDialog = _f[1];
+    var _g = useState(null), pendingSubmitData = _g[0], setPendingSubmitData = _g[1];
+    var submit = useMutation(upsertEntry, {
+        onSuccess: function (entry) { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                if (entry && entry.EntryId) {
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(entry);
+                }
+                else {
+                    console.error("No EntryId received from API response", entry);
+                    onError === null || onError === void 0 ? void 0 : onError(new Error("Failed to get entry ID from server response"));
+                }
+                return [2 /*return*/];
+            });
+        }); },
+        onError: function (error) {
+            onError === null || onError === void 0 ? void 0 : onError(error);
+        },
+        onSettled: function () { return setIsSubmitLoading(false); },
+    });
+    var submitEntry = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
+        var submissionData;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setIsSubmitLoading(true);
+                    submissionData = __assign({}, formData);
+                    if (isNewEntry && !submissionData.createTimestamp) {
+                        submissionData.createTimestamp = new Date();
+                    }
+                    if (!(!submissionData.shiftId || submissionData.isForOtherShift)) return [3 /*break*/, 1];
+                    setPendingSubmitData(submissionData);
+                    setShowConfirmationDialog(true);
+                    setIsSubmitLoading(false);
+                    return [3 /*break*/, 3];
+                case 1: return [4 /*yield*/, submit.mutate({
+                        assetId: submissionData.assetId,
+                        shiftId: submissionData.shiftId,
+                        entryId: submissionData.entryId,
+                        title: submissionData.title,
+                        content: submissionData.content,
+                        author: (_a = submissionData.author) !== null && _a !== void 0 ? _a : "",
+                        createTimestamp: submissionData.createTimestamp,
+                    })];
+                case 2:
+                    _b.sent();
+                    _b.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleConfirmationClose = function (value) {
+        var _a;
+        setShowConfirmationDialog(false);
+        if (value === "OK" && pendingSubmitData) {
+            onHide();
+            submit.mutate({
+                assetId: pendingSubmitData.assetId,
+                shiftId: pendingSubmitData.shiftId,
+                entryId: pendingSubmitData.entryId,
+                title: pendingSubmitData.title,
+                content: pendingSubmitData.content,
+                author: (_a = pendingSubmitData.author) !== null && _a !== void 0 ? _a : "",
+                createTimestamp: pendingSubmitData.createTimestamp,
+            });
+        }
+        setPendingSubmitData(null);
+    };
+    return {
+        submitEntry: submitEntry,
+        isSubmitLoading: isSubmitLoading,
+        showConfirmationDialog: showConfirmationDialog,
+        pendingSubmitData: pendingSubmitData,
+        handleConfirmationClose: handleConfirmationClose,
+        mutation: submit,
+    };
+};
+
+var DeleteAttachmentConfirmationDialog = function (_a) {
+    var open = _a.open, attachmentName = _a.attachmentName, onClose = _a.onClose, _b = _a.isDeleting, isDeleting = _b === void 0 ? false : _b;
+    var _c = useState(false), isClosing = _c[0], setIsClosing = _c[1];
+    var handleCancel = function () {
+        if (isClosing)
+            return;
+        onClose(false);
+    };
+    var handleConfirm = function () {
+        if (isClosing)
+            return;
+        setIsClosing(true);
+        onClose(true);
+    };
+    return (React__default.createElement(Dialog$1, { open: open, onClose: handleCancel, "aria-labelledby": "delete-attachment-dialog-title", "aria-describedby": "delete-attachment-dialog-description" },
+        React__default.createElement(DialogTitle$1, { id: "delete-attachment-dialog-title" }, "Delete Attachment"),
+        React__default.createElement(DialogContent$1, null,
+            React__default.createElement(DialogContentText, { id: "delete-attachment-dialog-description" },
+                "Are you sure you want to delete ",
+                React__default.createElement("b", null, attachmentName),
+                "? This action cannot be undone.")),
+        React__default.createElement(DialogActions$1, null,
+            React__default.createElement(Button, { onClick: handleCancel, color: "inherit", disabled: isClosing }, "Cancel"),
+            React__default.createElement(Button, { onClick: handleConfirm, color: "secondary", variant: "contained", disabled: isClosing, startIcon: isDeleting && React__default.createElement(CircularProgress, { size: "1rem" }) }, "Delete"))));
+};
+
+var AttachmentModal = function (_a) {
+    var open = _a.open, onClose = _a.onClose, entryId = _a.entryId, isEditing = _a.isEditing, entryData = _a.entryData, onEntrySubmitted = _a.onEntrySubmitted;
+    var queryClient = useQueryClient();
+    var api = new MESApiService();
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var _c = useState([]), uploadingFiles = _c[0], setUploadingFiles = _c[1];
+    var _d = useState(entryId), currentEntryId = _d[0], setCurrentEntryId = _d[1];
+    var _e = useState(false), isSubmittingEntry = _e[0], setIsSubmittingEntry = _e[1];
+    var _f = useState(false), showDeleteConfirmation = _f[0], setShowDeleteConfirmation = _f[1];
+    var _g = useState(null), attachmentToDelete = _g[0], setAttachmentToDelete = _g[1];
+    var pendingFilesRef = useRef([]);
+    // Entry submission hook for background saves
+    var _h = useEntrySubmission({
+        onSuccess: function (entry) {
+            setIsSubmittingEntry(false);
+            if (entry === null || entry === void 0 ? void 0 : entry.EntryId) {
+                setCurrentEntryId(entry.EntryId);
+                onEntrySubmitted === null || onEntrySubmitted === void 0 ? void 0 : onEntrySubmitted(entry.EntryId, entry);
+                // If there are pending files, upload them now with the new entry ID
+                if (pendingFilesRef.current.length > 0) {
+                    var filesToUpload = __spreadArray([], pendingFilesRef.current, true);
+                    pendingFilesRef.current = [];
+                    // Call upload directly with the new entry ID instead of relying on state
+                    uploadFilesWithEntryId(filesToUpload, entry.EntryId);
+                }
+            }
+        },
+        onError: function (error) {
+            setIsSubmittingEntry(false);
+            setError(error.message);
+            pendingFilesRef.current = []; // Clear pending files on error
+        },
+        isNewEntry: !entryId || entryId <= 0,
+    }), submitEntry = _h.submitEntry, isSubmitLoading = _h.isSubmitLoading;
+    // Sync entryId prop with currentEntryId state
+    useEffect(function () {
+        setCurrentEntryId(entryId);
+    }, [entryId]);
+    // Query for fetching attachments
+    var _j = useQuery({
+        queryKey: ["entryAttachments", currentEntryId],
+        queryFn: function () { return getEntryAttachments(currentEntryId); },
+        enabled: !!currentEntryId && currentEntryId > 0,
+    }), _k = _j.data, attachments = _k === void 0 ? [] : _k, isLoading = _j.isLoading, fetchError = _j.error;
+    // Mutations
+    var uploadMutation = useMutation(upsertEntryAttachment, {
+        onSuccess: function () {
+            queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
+            queryClient.invalidateQueries(["entries"]);
+            queryClient.invalidateQueries(["entriesReport"]);
+        },
+        onError: function (error) {
+            setError(error.message);
+        },
+    });
+    var deleteMutation = useMutation(function (_a) {
+        var entryAttachmentId = _a.entryAttachmentId, uploadFileId = _a.uploadFileId;
+        return deleteEntryAttachment(entryAttachmentId, uploadFileId);
+    }, {
+        onSuccess: function () {
+            queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
+            queryClient.invalidateQueries(["entries"]);
+            queryClient.invalidateQueries(["entriesReport"]);
+        },
+        onError: function (error) {
+            setError(error.message);
+        },
+    });
+    // Function to upload files with a specific entry ID (used after background submission)
+    var uploadFilesWithEntryId = useCallback(function (files, targetEntryId) { return __awaiter(void 0, void 0, void 0, function () {
+        var _i, files_1, file, uploadResponse, uploadFileId, attachmentURL, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setUploadingFiles(files);
+                    setError(null);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 7, 8, 9]);
+                    _i = 0, files_1 = files;
+                    _b.label = 2;
+                case 2:
+                    if (!(_i < files_1.length)) return [3 /*break*/, 6];
+                    file = files_1[_i];
+                    return [4 /*yield*/, api.uploadFiles([file], "logbook")];
+                case 3:
+                    uploadResponse = _b.sent();
+                    if (!((_a = uploadResponse === null || uploadResponse === void 0 ? void 0 : uploadResponse.result) === null || _a === void 0 ? void 0 : _a[0])) return [3 /*break*/, 5];
+                    uploadFileId = uploadResponse.result[0].UploadFileId;
+                    attachmentURL = uploadResponse.result[0].URL;
+                    // Then create the attachment record
+                    return [4 /*yield*/, uploadMutation.mutateAsync({
+                            entryId: targetEntryId,
+                            uploadFileId: uploadFileId,
+                            attachmentName: file.name,
+                            attachmentURL: attachmentURL,
+                        })];
+                case 4:
+                    // Then create the attachment record
+                    _b.sent();
+                    // Invalidate queries for the specific entry and the main entries lists
+                    queryClient.invalidateQueries(["entryAttachments", targetEntryId]);
+                    queryClient.invalidateQueries(["entries"]);
+                    queryClient.invalidateQueries(["entriesReport"]);
+                    _b.label = 5;
+                case 5:
+                    _i++;
+                    return [3 /*break*/, 2];
+                case 6: return [3 /*break*/, 9];
+                case 7:
+                    error_1 = _b.sent();
+                    setError("Failed to upload files: ".concat(error_1));
+                    return [3 /*break*/, 9];
+                case 8:
+                    setUploadingFiles([]);
+                    return [7 /*endfinally*/];
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); }, [api, uploadMutation, queryClient]);
+    var handleFileUpload = useCallback(function (files) { return __awaiter(void 0, void 0, void 0, function () {
+        var targetEntryId, error_2, _i, files_2, file, uploadResponse, uploadFileId, attachmentURL, error_3;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    targetEntryId = currentEntryId;
+                    if (!((!targetEntryId || targetEntryId <= 0) &&
+                        entryData &&
+                        !isSubmittingEntry)) return [3 /*break*/, 4];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    setError(null);
+                    setIsSubmittingEntry(true);
+                    // Store files to upload after entry is created
+                    pendingFilesRef.current = files;
+                    return [4 /*yield*/, submitEntry(entryData)];
+                case 2:
+                    _b.sent();
+                    // The files will be uploaded in the success callback
+                    return [2 /*return*/];
+                case 3:
+                    error_2 = _b.sent();
+                    setIsSubmittingEntry(false);
+                    setError("Failed to save entry before uploading files: ".concat(error_2));
+                    pendingFilesRef.current = [];
+                    return [2 /*return*/];
+                case 4:
+                    if (!targetEntryId || targetEntryId <= 0) {
+                        setError("Entry must be saved before adding attachments");
+                        return [2 /*return*/];
+                    }
+                    setUploadingFiles(files);
+                    setError(null);
+                    _b.label = 5;
+                case 5:
+                    _b.trys.push([5, 11, 12, 13]);
+                    _i = 0, files_2 = files;
+                    _b.label = 6;
+                case 6:
+                    if (!(_i < files_2.length)) return [3 /*break*/, 10];
+                    file = files_2[_i];
+                    return [4 /*yield*/, api.uploadFiles([file], "logbook")];
+                case 7:
+                    uploadResponse = _b.sent();
+                    if (!((_a = uploadResponse === null || uploadResponse === void 0 ? void 0 : uploadResponse.result) === null || _a === void 0 ? void 0 : _a[0])) return [3 /*break*/, 9];
+                    uploadFileId = uploadResponse.result[0].UploadFileId;
+                    attachmentURL = uploadResponse.result[0].URL;
+                    // Then create the attachment record
+                    return [4 /*yield*/, uploadMutation.mutateAsync({
+                            entryId: targetEntryId,
+                            uploadFileId: uploadFileId,
+                            attachmentName: file.name,
+                            attachmentURL: attachmentURL,
+                        })];
+                case 8:
+                    // Then create the attachment record
+                    _b.sent();
+                    _b.label = 9;
+                case 9:
+                    _i++;
+                    return [3 /*break*/, 6];
+                case 10: return [3 /*break*/, 13];
+                case 11:
+                    error_3 = _b.sent();
+                    setError("Failed to upload files: ".concat(error_3));
+                    return [3 /*break*/, 13];
+                case 12:
+                    setUploadingFiles([]);
+                    return [7 /*endfinally*/];
+                case 13: return [2 /*return*/];
+            }
+        });
+    }); }, [
+        currentEntryId,
+        entryData,
+        api,
+        uploadMutation,
+        submitEntry,
+        isSubmittingEntry,
+    ]);
+    var handleDeleteAttachment = function (attachmentId, uploadFileId, attachmentName) {
+        setAttachmentToDelete({
+            id: attachmentId,
+            uploadFileId: uploadFileId,
+            name: attachmentName,
+        });
+        setShowDeleteConfirmation(true);
+    };
+    var handleDeleteConfirmation = function (confirmed) {
+        setShowDeleteConfirmation(false);
+        if (confirmed && attachmentToDelete) {
+            deleteMutation.mutate({
+                entryAttachmentId: attachmentToDelete.id,
+                uploadFileId: attachmentToDelete.uploadFileId,
+            });
+        }
+        setAttachmentToDelete(null);
+    };
+    // This function is no longer needed as we're using direct anchor links
+    // Keeping it as a reference in case it's needed elsewhere
+    /*
+    const handleDownloadAttachment = (attachment: EntryAttachment) => {
+        // Use the URL property with proper encoding
+        const encodedUrl = attachment.URL;
+        const link = document.createElement("a");
+        link.href = encodedUrl;
+        link.download = attachment.AttachmentName;
+        link.target = "_blank";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    };
+    */
+    var onDrop = useCallback(function (acceptedFiles) {
+        if (isEditing) {
+            handleFileUpload(acceptedFiles);
+        }
+    }, [handleFileUpload, isEditing]);
+    var _l = useDropzone({
+        onDrop: onDrop,
+        disabled: !isEditing,
+        multiple: true,
+    }), getRootProps = _l.getRootProps, getInputProps = _l.getInputProps, isDragActive = _l.isDragActive;
+    var isUploading = uploadingFiles.length > 0 ||
+        uploadMutation.isLoading ||
+        isSubmitLoading ||
+        isSubmittingEntry;
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Dialog$1, { open: open, onClose: onClose, maxWidth: "md", fullWidth: true, "aria-labelledby": "attachment-dialog-title" },
+            React__default.createElement(DialogTitle$1, { id: "attachment-dialog-title" },
+                "Attachments (",
+                attachments.length,
+                ")"),
+            React__default.createElement(DialogContent$1, { dividers: true },
+                isEditing ? (React__default.createElement(Box, { mb: 2 },
+                    React__default.createElement(Box, __assign({}, getRootProps(), { sx: {
+                            border: function (theme) { return "2px dashed ".concat(theme.palette.primary.main); },
+                            borderRadius: function (theme) { return theme.shape.borderRadius; },
+                            padding: function (theme) { return theme.spacing(3); },
+                            textAlign: "center",
+                            cursor: "pointer",
+                            marginBottom: function (theme) { return theme.spacing(2); },
+                            borderColor: function (theme) {
+                                return isDragActive
+                                    ? theme.palette.secondary.main
+                                    : theme.palette.primary.main;
+                            },
+                            backgroundColor: function (theme) {
+                                return isDragActive
+                                    ? theme.palette.action.selected
+                                    : theme.palette.background.default;
+                            },
+                            "&:hover": {
+                                backgroundColor: function (theme) { return theme.palette.action.hover; },
+                            },
+                        } }),
+                        React__default.createElement("input", __assign({}, getInputProps())),
+                        React__default.createElement(CloudUpload, { sx: {
+                                fontSize: 48,
+                                color: function (theme) { return theme.palette.primary.main; },
+                                marginBottom: function (theme) { return theme.spacing(1); },
+                            } }),
+                        React__default.createElement(Typography$1, { variant: "h6", gutterBottom: true }, isDragActive
+                            ? "Drop files here..."
+                            : "Drag & drop files here, or click to select"),
+                        React__default.createElement(Typography$1, { variant: "body2", color: "textSecondary" }, "All file types are supported")))) : null,
+                !currentEntryId || currentEntryId <= 0 ? (isEditing && entryData ? (React__default.createElement(Typography$1, { variant: "body1", color: "textSecondary", align: "center" }, isSubmitLoading || isSubmittingEntry
+                    ? "Saving entry..."
+                    : "Upload files to automatically save and attach to this entry")) : (React__default.createElement(Typography$1, { variant: "body1", color: "textSecondary", align: "center" }, "Save the entry first to add attachments"))) : isLoading ? (React__default.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                        minHeight: 100,
+                    } },
+                    React__default.createElement(CircularProgress, null))) : attachments.length === 0 ? (React__default.createElement(Typography$1, { variant: "body1", color: "textSecondary", align: "center" }, "No attachments yet")) : (React__default.createElement(List, { sx: {
+                        maxHeight: 300,
+                        overflow: "auto",
+                    } }, attachments.map(function (attachment) { return (React__default.createElement(ListItem, { key: attachment.EntryAttachmentId, sx: {
+                        border: function (theme) { return "1px solid ".concat(theme.palette.divider); },
+                        borderRadius: function (theme) { return theme.shape.borderRadius; },
+                        marginBottom: function (theme) { return theme.spacing(1); },
+                    } },
+                    React__default.createElement(ListItemIcon, null,
+                        React__default.createElement(AttachFile, null)),
+                    React__default.createElement(ListItemText, { primary: attachment.AttachmentName, secondary: "Added by ".concat(attachment.CreatedBy, " on ").concat(attachment.CreationTime.toLocaleDateString()) }),
+                    React__default.createElement(ListItemSecondaryAction, null,
+                        React__default.createElement("a", { href: attachment.URL, target: "_blank", rel: "noopener noreferrer", title: "Download", style: {
+                                display: "inline-flex",
+                                padding: 8,
+                                borderRadius: "50%",
+                                color: "inherit",
+                                textDecoration: "none",
+                            }, className: "MuiButtonBase-root MuiIconButton-root" },
+                            React__default.createElement(GetApp, null)),
+                        isEditing && (React__default.createElement(IconButton$1, { edge: "end", onClick: function () {
+                                return handleDeleteAttachment(attachment.EntryAttachmentId, attachment.UploadFileId, attachment.AttachmentName);
+                            }, title: "Delete", disabled: deleteMutation.isLoading },
+                            React__default.createElement(Delete, null)))))); }))),
+                isUploading && (React__default.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", mt: 2 },
+                    React__default.createElement(CircularProgress, { size: 20 }),
+                    React__default.createElement(Typography$1, { variant: "body2", style: { marginLeft: 8 } },
+                        "Uploading ",
+                        uploadingFiles.length,
+                        " file(s)...")))),
+            React__default.createElement(DialogActions$1, null,
+                React__default.createElement(Button, { onClick: onClose, color: "primary" }, "Close"))),
+        React__default.createElement(DeleteAttachmentConfirmationDialog, { open: showDeleteConfirmation, attachmentName: (attachmentToDelete === null || attachmentToDelete === void 0 ? void 0 : attachmentToDelete.name) || "", onClose: handleDeleteConfirmation, isDeleting: deleteMutation.isLoading }),
+        React__default.createElement(ErrorModal, { error: error || (fetchError === null || fetchError === void 0 ? void 0 : fetchError.message), onHide: function () { return setError(null); } })));
+};
+
+var AttachmentPlugin = /** @class */ (function (_super) {
+    __extends(AttachmentPlugin, _super);
+    function AttachmentPlugin() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AttachmentPlugin.prototype.render = function () {
+        var _a = this.props
+            .config, attachmentCount = _a.attachmentCount, onAttachmentClick = _a.onAttachmentClick;
+        return (React__default.createElement("span", { className: "button button-type-attachment", title: "Attachments (".concat(attachmentCount, ")"), onClick: onAttachmentClick, style: {
+                display: "inline-flex",
+                alignItems: "center",
+                padding: "4px 8px",
+                cursor: "pointer",
+                borderRadius: "4px",
+                backgroundColor: attachmentCount > 0 ? "#e3f2fd" : "transparent",
+                border: attachmentCount > 0 ? "1px solid #2196f3" : "1px solid transparent",
+                color: attachmentCount > 0 ? "#1976d2" : "#666",
+                fontSize: "0.75rem",
+                fontWeight: attachmentCount > 0 ? 600 : 400,
+                transition: "all 0.2s ease-in-out",
+            }, onMouseEnter: function (e) {
+                e.currentTarget.style.backgroundColor = "#e3f2fd";
+                e.currentTarget.style.borderColor = "#2196f3";
+            }, onMouseLeave: function (e) {
+                if (attachmentCount === 0) {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                    e.currentTarget.style.borderColor = "transparent";
+                }
+            } },
+            React__default.createElement(AttachFile, { style: {
+                    fontSize: 16,
+                    marginRight: 4,
+                    color: attachmentCount > 0 ? "#1976d2" : "#666",
+                } }),
+            "Attachments (",
+            attachmentCount,
+            ")"));
+    };
+    AttachmentPlugin.pluginName = "attachment";
+    AttachmentPlugin.align = "left";
+    AttachmentPlugin.defaultConfig = {
+        start: 0,
+        end: 0,
+    };
+    return AttachmentPlugin;
+}(PluginComponent));
+
+var ContentInput = function (_a) {
+    var value = _a.value, onChange = _a.onChange, isEditing = _a.isEditing, UpdateTimestamp = _a.UpdateTimestamp, UpdatedBy = _a.UpdatedBy, isNewEntry = _a.isNewEntry, entryId = _a.entryId, entryData = _a.entryData, onEntrySubmitted = _a.onEntrySubmitted, _b = _a.allowAttachments, allowAttachments = _b === void 0 ? false : _b;
+    var mdParser = new MarkdownIt();
+    var api = new MESApiService();
+    var urlEntryId = useParams().entryId;
+    var _c = useState(0), key = _c[0], setKey = _c[1];
+    var _d = useState(null), error = _d[0], setError = _d[1];
+    var _e = useState(false), attachmentModalOpen = _e[0], setAttachmentModalOpen = _e[1];
+    // Use URL entryId as fallback when form entryId is not available yet
+    var effectiveEntryId = entryId ||
+        (urlEntryId && urlEntryId !== "new" ? parseInt(urlEntryId) : null);
+    // Query for fetching attachment count
+    var _f = useQuery({
+        queryKey: ["entryAttachments", effectiveEntryId],
+        queryFn: function () { return getEntryAttachments(effectiveEntryId); },
+        enabled: !!effectiveEntryId && effectiveEntryId > 0,
+        retry: 1,
+        onError: function (err) {
+            console.error("Failed to fetch attachments:", err);
+        },
+    }), _g = _f.data, attachments = _g === void 0 ? [] : _g, attachmentError = _f.error;
+    var attachmentCount = attachments.length;
+    var handleChange = function (_a) {
+        var text = _a.text;
+        onChange(text);
+    };
+    var onImageUpload = function (files) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    setError(null);
+                    return [4 /*yield*/, api.uploadFiles(files, "logbook")];
+                case 1:
+                    res = _b.sent();
+                    if (res) {
+                        return [2 /*return*/, (_a = res.result[0]) === null || _a === void 0 ? void 0 : _a.URL];
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    _b.sent();
+                    setError("Failed to upload files");
+                    return [2 /*return*/, ""];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        setKey(function (prevKey) { return prevKey + 1; });
+    }, [isEditing, attachmentCount]);
+    // Register the attachment plugin
+    useEffect(function () {
+        MdEditor.use(AttachmentPlugin, {
+            attachmentCount: attachmentCount,
+            onAttachmentClick: function () {
+                if (entryData.title && entryData.author) {
+                    setAttachmentModalOpen(true);
+                }
+                else {
+                    setError("Title and Author are required");
+                }
+            },
+        });
+    }, [attachmentCount, entryData.title, entryData.author]);
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Box, { sx: {
+                height: "100%",
+                width: "100%",
+                overflow: "hidden",
+                display: "flex",
+                flexDirection: "column",
+                "& .MuiInput-underline:before": {
+                    borderBottom: "none",
+                },
+                "& .MuiInput-underline:after": {
+                    borderBottom: "none",
+                },
+                "& .MuiInput-underline:hover:not(.Mui-disabled):before": {
+                    borderBottom: "none",
+                },
+            } },
+            React__default.createElement(Grid2, { sx: {
+                    flexGrow: 1,
+                    display: "flex",
+                    flexDirection: "column",
+                    overflow: "hidden",
+                } },
+                React__default.createElement(Box, { sx: {
+                        height: "100%",
+                        "& .rc-md-editor": {
+                            height: "100%",
+                        },
+                        "& .rc-md-navigation": {
+                            backgroundColor: function (theme) { return theme.palette.background.paper; },
+                        },
+                        "& .rc-md-editor, & .section-container": {
+                            height: "100%",
+                        },
+                    } },
+                    React__default.createElement(MdEditor, { key: key, style: { height: "100%", width: "100%" }, value: value || "", renderHTML: function (text) { return mdParser.render(text || ""); }, onChange: handleChange, view: {
+                            menu: allowAttachments ? true : isEditing, // Always show menu to display attachment button (if allowed)
+                            md: isEditing ? true : false,
+                            html: !isEditing,
+                        }, plugins: isEditing
+                            ? [
+                                "header",
+                                "font-bold",
+                                "font-italic",
+                                "font-underline",
+                                "font-strikethrough",
+                                "list-unordered",
+                                "list-ordered",
+                                "block-quote",
+                                "block-wrap",
+                                "block-code-inline",
+                                "block-code-block",
+                                "table",
+                                "image",
+                                "link",
+                                "clear",
+                                "logger",
+                                "mode-toggle",
+                                "full-screen",
+                                "tab-insert",
+                                allowAttachments ? "attachment" : "",
+                            ]
+                            : allowAttachments
+                                ? [
+                                    "attachment", // Only show attachment button in preview mode and with attachments allowed
+                                ]
+                                : [], config: {
+                            attachment: allowAttachments
+                                ? {
+                                    attachmentCount: attachmentCount,
+                                    onAttachmentClick: function () {
+                                        if (entryData.title && entryData.author) {
+                                            setAttachmentModalOpen(true);
+                                        }
+                                        else {
+                                            setError("Title and Author are required");
+                                        }
+                                    },
+                                }
+                                : null,
+                        }, autoFocus: !isNewEntry, onImageUpload: function (file) { return __awaiter(void 0, void 0, void 0, function () {
+                            var markdownImage;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, onImageUpload([file])];
+                                    case 1:
+                                        markdownImage = _a.sent();
+                                        return [2 /*return*/, markdownImage];
+                                }
+                            });
+                        }); } }))),
+            (UpdatedBy === null || UpdatedBy === void 0 ? void 0 : UpdatedBy.length) > 0 && (React__default.createElement(Box, { sx: {
+                    backgroundColor: function (theme) { return theme.palette.background.paper; },
+                    borderTop: function (theme) { return "0px solid ".concat(theme.palette.divider); },
+                    paddingLeft: 10,
+                } },
+                React__default.createElement(TextField, { variant: "standard", disabled: true, value: "This entry was updated on ".concat(dxtToLocalServerTime(UpdateTimestamp, "MM/dd/yy hh:mm a"), " by ").concat(UpdatedBy), fullWidth: true, margin: "none", autoComplete: "off", InputProps: {
+                        style: {
+                            fontSize: "0.7rem",
+                        },
+                        disableUnderline: true,
+                    }, InputLabelProps: {
+                        style: {
+                            fontSize: "0.7rem",
+                        },
+                    } })))),
+        React__default.createElement(AttachmentModal, { open: attachmentModalOpen, onClose: function () { return setAttachmentModalOpen(false); }, entryId: effectiveEntryId, isEditing: isEditing, entryData: entryData, onEntrySubmitted: onEntrySubmitted }),
+        React__default.createElement(ErrorModal, { error: error || (attachmentError === null || attachmentError === void 0 ? void 0 : attachmentError.message), onHide: function () { return setError(""); } })));
+};
+
+var moment$4 = getMomentTz();
+var EntryViewer$1 = function (_a) {
+    var entry = _a.entry, show = _a.show, onChangeShow = _a.onChangeShow, onHide = _a.onHide, preselectedAssetId = _a.preselectedAssetId, withAssetFilter = _a.withAssetFilter, canEditAsset = _a.canEditAsset, canEditShift = _a.canEditShift, filterAssets = _a.filterAssets, allowAttachments = _a.allowAttachments, shiftsRange = _a.shiftsRange;
+    var settings = useUTLSettingsContext().state.settings;
+    var defaultAssetId = Number(get(settings, "DefaultAssetId", 15));
+    var shiftIdParam = useParams().shiftId;
+    var searchParams = useSearchParams()[0];
+    var entryId = searchParams.get("entryId");
+    var action = searchParams.get("action");
+    var shiftInfo = useShiftNavigator().shiftInfo;
+    var isNewEntry = action === "new";
+    var _b = useState(""), notificationMessage = _b[0], setNotificationMessage = _b[1];
+    var _c = useState(null), shiftTimestamp = _c[0], setShiftTimestamp = _c[1];
+    var _d = useState(""), error = _d[0], setError = _d[1];
+    // Section state
+    var _e = useState(null), selectedSection = _e[0], setSelectedSection = _e[1];
+    var _f = useForm(), control = _f.control, handleSubmit = _f.handleSubmit, reset = _f.reset, _g = _f.formState; _g.isValid; var dirtyFields = _g.dirtyFields, watch = _f.watch, setValue = _f.setValue;
+    var isFormDirty = !(Object.keys(dirtyFields).length === 0);
+    var updatedBy = watch("UpdatedBy");
+    var updateTimestamp = watch("UpdateTimestamp");
+    var createTimestamp = watch("CreateTimestamp");
+    watch("Content");
+    var entryIdValue = watch("EntryId");
+    var title = watch("Title");
+    var author = watch("Author");
+    var shiftId = watch("ShiftId");
+    var assetId = watch("AssetId");
+    var shift = watch("Shift");
+    var crew = watch("Crew");
+    // Handler for when entry is submitted via attachment modal
+    var handleEntrySubmitted = function (newEntryId, newEntryData) {
+        setNotificationMessage("Entry created successfully");
+        // If we have the new entry data, update the form immediately
+        if (newEntryData) {
+            reset(newEntryData);
+        }
+        // Add a setTimeout to delay navigation, giving the system time to process everything
+        setTimeout(function () {
+            onHide(newEntryId, true); // true = shouldStayInEditMode
+        }, 1000); // 1000ms delay to ensure all processing is complete
+    };
+    // Use the shared entry submission hook
+    var _h = useEntrySubmission({
+        onSuccess: function (entry) { return __awaiter(void 0, void 0, void 0, function () {
+            var err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(entry && entry.EntryId)) return [3 /*break*/, 5];
+                        if (!selectedSection) return [3 /*break*/, 4];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, upsertSectionEntry({
+                                entryId: entry.EntryId,
+                                sectionId: selectedSection.SectionId,
+                            })];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _a.sent();
+                        console.error("Error saving section entry:", err_1);
+                        setError(err_1.message || "Error saving section data");
+                        return [2 /*return*/];
+                    case 4:
+                        setNotificationMessage(entryId === "new"
+                            ? "Entry created successfully"
+                            : "Entry updated successfully");
+                        // Add a setTimeout to delay navigation
+                        setTimeout(function () {
+                            onHide(entry.EntryId);
+                        }, 1000);
+                        return [3 /*break*/, 6];
+                    case 5:
+                        console.error("No EntryId received from API response", entry);
+                        setError("Failed to get entry ID from server response");
+                        _a.label = 6;
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); },
+        onError: function (error) {
+            setError(error.message);
+        },
+        isNewEntry: isNewEntry,
+        onHide: function () { return onHide(); },
+    }), submitEntry = _h.submitEntry, isSubmitLoading = _h.isSubmitLoading, showConfirmationDialog = _h.showConfirmationDialog, handleConfirmationClose = _h.handleConfirmationClose;
+    var onSubmit = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
+        var submissionData;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setError("");
+                    submissionData = {
+                        assetId: formData.AssetId,
+                        entryId: formData.EntryId,
+                        shiftId: formData.ShiftId,
+                        isForOtherShift: (entry === null || entry === void 0 ? void 0 : entry.ShiftId)
+                            ? entry.ShiftId !== formData.ShiftId
+                            : (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId) !== formData.ShiftId,
+                        title: formData.Title,
+                        content: formData.Content,
+                        author: (_a = formData.Author) !== null && _a !== void 0 ? _a : "",
+                        createTimestamp: isNewEntry ? new Date() : formData.CreateTimestamp,
+                    };
+                    return [4 /*yield*/, submitEntry(submissionData)];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var _a, _b, _c;
+        if (shiftInfo || !isNewEntry) {
+            var newEntry = __assign(__assign({}, ENTRY_INITIAL_VALUES), { ShiftId: shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId, Shift: (_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShift) !== null && _a !== void 0 ? _a : "", Crew: (_b = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentCrew) !== null && _b !== void 0 ? _b : "", CreateTimestamp: new Date(), AssetId: (_c = preselectedAssetId !== null && preselectedAssetId !== void 0 ? preselectedAssetId : defaultAssetId) !== null && _c !== void 0 ? _c : null });
+            reset((isNewEntry ? newEntry : entry) || ENTRY_INITIAL_VALUES);
+        }
+    }, [entry, shiftInfo, entryId, reset, defaultAssetId]);
+    useEffect(function () {
+        var _a;
+        if (isNewEntry) {
+            setValue("AssetId", (_a = preselectedAssetId !== null && preselectedAssetId !== void 0 ? preselectedAssetId : defaultAssetId) !== null && _a !== void 0 ? _a : null);
+        }
+    }, [preselectedAssetId, defaultAssetId]);
+    return (React__default.createElement(React__default.Fragment, null,
+        isNewEntry || (entry === null || entry === void 0 ? void 0 : entry.EntryId) ? (React__default.createElement(HelmetDexteel, { title: "".concat(isNewEntry ? "New Entry" : "'".concat(entry === null || entry === void 0 ? void 0 : entry.Title, "' by ").concat(entry === null || entry === void 0 ? void 0 : entry.Author), " - Logbook Entry") })) : null,
+        isNewEntry || (entry === null || entry === void 0 ? void 0 : entry.EntryId) ? (React__default.createElement(Paper, { elevation: 1, sx: {
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+            } },
+            React__default.createElement(Grid2, { container: true, spacing: 1, component: "form", onSubmit: handleSubmit(onSubmit), height: "100%", flexDirection: "column", flexWrap: "nowrap", p: 1 },
+                React__default.createElement(Grid2, { size: { xs: 12 } },
+                    React__default.createElement(Controller, { name: "Title", control: control, rules: {
+                            required: "Title is required",
+                            validate: function (value) {
+                                return !!(value === null || value === void 0 ? void 0 : value.trim()) || "Title cannot be empty";
+                            },
+                        }, render: function (_a) {
+                            var _b = _a.field, value = _b.value, onChange = _b.onChange, error = _a.fieldState.error;
+                            return (React__default.createElement(TextField, { label: "Title", value: value !== null && value !== void 0 ? value : "", onChange: onChange, error: !!error, helperText: error === null || error === void 0 ? void 0 : error.message, autoFocus: isNewEntry, size: "medium" }));
+                        } })),
+                React__default.createElement(Grid2, { container: true, size: { xs: 12 }, spacing: 2 },
+                    React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                        React__default.createElement(Controller, { name: "CreateTimestamp", control: control, render: function (_a) {
+                                var value = _a.field.value;
+                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$4(value) : null, disabled: true, slotProps: {
+                                        textField: {
+                                            variant: "outlined",
+                                            size: "small",
+                                            fullWidth: true,
+                                            InputLabelProps: {
+                                                shrink: true,
+                                                style: {
+                                                    fontSize: ".875rem",
+                                                    marginTop: -2,
+                                                },
+                                            },
+                                        },
+                                    } }));
+                            } })),
+                    canEditShift ? (React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                        React__default.createElement(Controller, { name: "ShiftId", control: control, render: function (_a) {
+                                var _b;
+                                var field = _a.field;
+                                return (React__default.createElement(ShiftAutocomplete, { currentShiftId: (_b = Number(shiftIdParam)) !== null && _b !== void 0 ? _b : shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId, onShiftSelected: function (selectedShift) {
+                                        if (selectedShift) {
+                                            setValue("Shift", selectedShift.Shift, {
+                                                shouldDirty: true,
+                                            });
+                                            setValue("Crew", selectedShift.Crew, {
+                                                shouldDirty: true,
+                                            });
+                                            setShiftTimestamp(new Date(selectedShift.Start));
+                                            field.onChange(selectedShift.ShiftId);
+                                        }
+                                        else {
+                                            setValue("Shift", null, { shouldDirty: true });
+                                            setValue("Crew", null, { shouldDirty: true });
+                                            setShiftTimestamp(null);
+                                            field.onChange(null);
+                                        }
+                                    }, value: field.value, disabled: !isNewEntry && show !== "edit", shiftsRange: shiftsRange }));
+                            } }))) : (React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                        React__default.createElement(Controller, { name: "ShiftId", control: control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(ShiftSelector, { onChange: field.onChange, value: field.value, disabled: true }));
+                            } }))),
+                    React__default.createElement(Grid2, { size: { xs: 12, md: canEditAsset ? 2 : 6 } },
+                        React__default.createElement(Controller, { name: "Author", control: control, rules: {
+                                required: "Author is required",
+                            }, render: function (_a) {
+                                var _b = _a.field, value = _b.value, onChange = _b.onChange, error = _a.fieldState.error;
+                                return (React__default.createElement(TextField, { label: "Author", variant: "outlined", value: value !== null && value !== void 0 ? value : "", onChange: onChange, fullWidth: true, error: !!error, helperText: error === null || error === void 0 ? void 0 : error.message, disabled: !isNewEntry, size: "small" }));
+                            } })),
+                    canEditAsset ? (withAssetFilter === "tree" ? (React__default.createElement(Grid2, { size: { md: 4, xs: 12 } },
+                        React__default.createElement(Controller, { name: "AssetId", control: control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(AssetTreePicker, { label: "Asset", value: field.value || 0, onChange: field.onChange }));
+                            } }))) : withAssetFilter === "selector" ? (React__default.createElement(Grid2, { size: { md: 4, xs: 12 } },
+                        React__default.createElement(Controller, { name: "AssetId", control: control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(AssetsFilter, { value: field.value, onChange: field.onChange, filterAreaAssets: filterAssets === "area" }));
+                            } }))) : null) : null),
+                React__default.createElement(Grid2, { size: { xs: 12 } },
+                    React__default.createElement(SectionSelector, { value: selectedSection, onChange: function (section) {
+                            setSelectedSection(section);
+                            if (section) {
+                                setValue("SectionId", section.SectionId, {
+                                    shouldDirty: true,
+                                });
+                                setValue("SectionName", section.SectionName, {
+                                    shouldDirty: true,
+                                });
+                            }
+                            else {
+                                setValue("SectionId", null, { shouldDirty: true });
+                                setValue("SectionName", undefined, {
+                                    shouldDirty: true,
+                                });
+                            }
+                        }, disabled: !isNewEntry && show !== "edit" })),
+                React__default.createElement(Grid2, { size: { md: 12 }, height: "100%", flexGrow: 1, overflow: "auto" },
+                    React__default.createElement(Controller, { name: "Content", control: control, render: function (_a) {
+                            var _b = _a.field, value = _b.value, onChange = _b.onChange;
+                            return (React__default.createElement(ContentInput, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return onChange(val); }, value: value, isEditing: show === "edit", isNewEntry: isNewEntry, entryId: entryIdValue, entryData: {
+                                    assetId: assetId,
+                                    entryId: entryIdValue,
+                                    shiftId: shiftId,
+                                    title: title,
+                                    content: value,
+                                    author: author,
+                                    createTimestamp: isNewEntry
+                                        ? new Date()
+                                        : createTimestamp,
+                                }, onEntrySubmitted: handleEntrySubmitted, allowAttachments: allowAttachments }));
+                        } })),
+                React__default.createElement(Grid2, { container: true, size: { xs: 12 } },
+                    React__default.createElement(Grid2, { container: true, size: { md: 6, xs: 12 }, spacing: 1 },
+                        React__default.createElement(Grid2, { size: { md: 6, xs: 12 } },
+                            React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "inherit", onClick: function () { return onHide(); } }, "Close")),
+                        React__default.createElement(Grid2, { size: { md: 6, xs: 12 } },
+                            React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "primary", onClick: function () { return onChangeShow(); } }, show === "edit" ? "Preview" : "Edit"))),
+                    React__default.createElement(Grid2, { container: true, size: { md: 6, xs: 12 }, style: { display: "flex", justifyContent: "flex-end" } },
+                        React__default.createElement(Grid2, { size: { md: 6, xs: 12 } },
+                            React__default.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading || !isFormDirty, variant: "contained", color: "primary", type: "submit" }, isNewEntry ? "Create" : "Save"))))))) : null,
+        React__default.createElement(NotificationSnackBar, { message: notificationMessage, onHide: function () { return setNotificationMessage(""); } }),
+        React__default.createElement(ConfirmationDialogRaw, { open: showConfirmationDialog, onClose: handleConfirmationClose, title: "Shift Submission Confirmation", message: "You are about to ".concat(isNewEntry ? "create" : "save", " an entry for ").concat(moment$4(shiftTimestamp).format("MM/DD/YYYY"), " ").concat(shift, " - ").concat(crew, ". Are you sure you want to proceed?"), suffixTitle: "Logbook Entry" }),
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
+};
+
+var Filters$1 = function (_a) {
+    var quickFilter = _a.quickFilter, onQuickFilterChange = _a.onQuickFilterChange, selectedSections = _a.selectedSections, onSectionsChange = _a.onSectionsChange;
+    useMesfRealtime({
+        onReceiveMessage: function (author, message) {
+            if (message.replaceAll("[", "").replaceAll("]", "") == "LB.GetEntries") ;
+        },
+    });
+    return (React__default.createElement(Grid2, { container: true, justifyContent: "center", alignItems: "center", component: Paper, size: { md: 12 }, spacing: 1, p: 1 },
+        React__default.createElement(Grid2, { maxWidth: "fit-content", justifyContent: "center" },
+            React__default.createElement(ShiftDayNavigatorControl, { preventInit: true, withPaper: false })),
+        React__default.createElement(Grid2, { size: { md: 4.5, xs: 12 } },
+            React__default.createElement(TextField, { label: "Search", value: quickFilter, onChange: function (event) {
+                    onQuickFilterChange(event === null || event === void 0 ? void 0 : event.target.value);
+                }, size: "small", fullWidth: true, slotProps: {
+                    input: {
+                        startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
+                            React__default.createElement(SearchIcon, { fontSize: "small", sx: { color: "action.active" } }))),
+                    },
+                } })),
+        React__default.createElement(Grid2, { size: { xs: 12 } },
+            React__default.createElement(SectionMultiSelect, { value: selectedSections, onChange: onSectionsChange, label: "Sections" }))));
+};
+
+var moment$3 = getMomentTz();
+// Default layout matching original Grid md:5 / md:7 ratio (41.67% / 58.33%)
+var DEFAULT_LAYOUT$1 = { left: 42, right: 58 };
+var Logbook$1 = function () {
+    var entry = useLogbookSettings().entry;
+    var allowAttachments = entry.allowAttachments;
+    var canEditShift = entry.canEditShift;
+    var showShiftCrew = entry.showShiftCrew;
+    var exportToExcel = entry.exportToExcel;
+    var shiftsRange = entry.shiftsRange;
+    // Asset settings
+    var withAssetFilter = entry.withAssetFilter;
+    var canEditAsset = entry.canEditAsset;
+    var filterAssets = entry.filterAssets;
+    var navigate = useNavigate();
+    var searchParams = useSearchParams()[0];
+    var entryId = searchParams.get("entryId");
+    var action = searchParams.get("action");
+    var shiftId = useParams().shiftId;
+    var _a = useShiftNavigator(), shiftInfo = _a.shiftInfo, getShiftDataFromAPI = _a.getShiftDataFromAPI;
+    var isEditMode = action === "edit";
+    var shiftIdRef = useRef(null);
+    var gridApiRef = useRef(null);
+    var _b = useState(""), error = _b[0], setError = _b[1];
+    var _c = useState(""), show = _c[0], setShow = _c[1];
+    var _d = useState(""), quickFilter = _d[0], setQuickFilter = _d[1];
+    // Section filter state - multi-select
+    var _e = useState([]), filterSections = _e[0], setFilterSections = _e[1];
+    var _f = useState(null), selectedRowData = _f[0], setSelectedRowData = _f[1];
+    var _g = useState(false), showRemoveDialog = _g[0], setShowRemoveDialog = _g[1];
+    var _h = useContextMenuMESF(), registerConfig = _h.registerConfig, showContextMenu = _h.showContextMenu;
+    // Resizable panels layout persistence
+    var _j = useDefaultLayout({
+        id: "section-logbook-entry-v2",
+        storage: localStorage,
+    }), savedLayout = _j.defaultLayout, onLayoutChange = _j.onLayoutChange;
+    // Use saved layout or default to avoid flash on initial render
+    var resolvedLayout = savedLayout !== null && savedLayout !== void 0 ? savedLayout : DEFAULT_LAYOUT$1;
+    var _k = useEntries({
+        shiftId: shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId,
+        sectionIds: filterSections.map(function (s) { return s.SectionId; }),
+    }), rows = _k.data, isLoading = _k.isLoading, e = _k.error, isError = _k.isError, refetch = _k.refetch;
+    var columnDefs = useTableData$1({
+        showContextMenu: showContextMenu,
+        allowAttachments: allowAttachments,
+        showShiftCrew: showShiftCrew,
+    }).columnDefs;
+    var defaultColDef = useGridDefinitions({}).defaultColDef;
+    var onQuickFilterChange = function (text) {
+        var _a;
+        setQuickFilter(text);
+        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.setGridOption("quickFilterText", text);
+    };
+    var handleNewEntry = function () {
+        var _a;
+        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
+        setSelectedRowData(__assign({}, ENTRY_INITIAL_VALUES));
+        navigate("".concat(routeLogbookEntry, "/").concat(shiftIdRef.current, "?action=new"), {
+            replace: true,
+        });
+        setShow("edit");
+    };
+    var rowClicked = function (event) {
+        var _a;
+        var currentShiftId = shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId);
+        setSelectedRowData(event === null || event === void 0 ? void 0 : event.data);
+        navigate("".concat(routeLogbookEntry, "/").concat(currentShiftId, "?entryId=").concat((_a = event === null || event === void 0 ? void 0 : event.data) === null || _a === void 0 ? void 0 : _a.EntryId, "&action=view"));
+        setShow("view");
+    };
+    var onCellKeyDown = useCallback(function (event) {
+        var api = event.api, node = event.node, keyEvent = event.event;
+        if (!keyEvent)
+            return;
+        var key = keyEvent.key;
+        if (key === "ArrowUp" || key === "ArrowDown") {
+            keyEvent.preventDefault();
+            var currentIndex = node.rowIndex !== null ? node.rowIndex : -1;
+            var nextRowIndex = key === "ArrowUp" ? currentIndex - 1 : currentIndex + 1;
+            var nextNode = api.getDisplayedRowAtIndex(nextRowIndex);
+            if (nextNode) {
+                var currentShiftId = shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId);
+                nextNode.setSelected(true);
+                api.ensureIndexVisible(nextRowIndex);
+                setSelectedRowData(nextNode.data);
+                navigate("".concat(routeLogbookEntry, "/").concat(currentShiftId, "/?entryId=").concat(nextNode.data.EntryId, "&action=view"));
+            }
+        }
+    }, [setSelectedRowData, shiftId, shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId]);
+    var getContextMenuItems = useCallback(function (params) {
+        var _a, _b;
+        var data = (_a = params.node) === null || _a === void 0 ? void 0 : _a.data;
+        showContextMenu(event, data, "logbookEntryContext");
+        if (data) {
+            params.api.deselectAll();
+            (_b = params.node) === null || _b === void 0 ? void 0 : _b.setSelected(true);
+        }
+        return [];
+    }, [rows]);
+    var getMenuOptions = useLogbookEntryOptionsFunctions({
+        setSelectedRowData: setSelectedRowData,
+        setShow: setShow,
+        setShowRemoveDialog: setShowRemoveDialog,
+        handleNewEntry: handleNewEntry,
+    }).getMenuOptions;
+    var handleExportToExcel = function () {
+        if (!gridApiRef.current)
+            return;
+        var params = {
+            fileName: "Logbook_Entries_Export.xlsx",
+            columnKeys: [
+                "AssetName",
+                "CreateTimestamp",
+                "Shift",
+                "Crew",
+                "Title",
+                "CreatedBy",
+                "Author",
+                "Content",
+            ],
+            processCellCallback: function (params) {
+                if (params.column.colId === "CreateTimestamp") {
+                    return moment$3(params.value).format("MM/DD/yy - HH:mm");
+                }
+                return params.value;
+            },
+        };
+        gridApiRef.current.exportDataAsExcel(params);
+    };
+    useEffect(function () {
+        var _a, _b;
+        if (!isLoading && entryId && entryId !== "new" && gridApiRef.current) {
+            var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId);
+            if (rowNode) {
+                (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(rowNode);
+                rowNode.setSelected(true);
+                setSelectedRowData(rowNode.data);
+                setShow(isEditMode ? "edit" : "view");
+            }
+            else {
+                // If the row node is not found, it might be a newly created entry
+                // Try to refetch the data and then look for the entry
+                setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var newRowNode;
+                    var _a, _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0: return [4 /*yield*/, refetch()];
+                            case 1:
+                                _c.sent();
+                                newRowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId);
+                                if (newRowNode) {
+                                    (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(newRowNode);
+                                    newRowNode.setSelected(true);
+                                    setSelectedRowData(newRowNode.data);
+                                    setShow(isEditMode ? "edit" : "view");
+                                }
+                                return [2 /*return*/];
+                        }
+                    });
+                }); }, 500);
+            }
+        }
+    }, [gridApiRef.current, isLoading, entryId, isEditMode, refetch]);
+    useEffect(function () {
+        registerConfig({
+            id: "logbookEntryContext",
+            getOptions: getMenuOptions,
+        });
+    }, []);
+    useEffect(function () {
+        if (isError) {
+            setError(e.message);
+        }
+    }, [isError, e]);
+    useEffect(function () {
+        if (shiftInfo) {
+            setShow("");
+            setSelectedRowData(null);
+            if (entryId &&
+                (shiftIdRef.current == null ||
+                    shiftIdRef.current === (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId))) {
+                navigate("".concat(routeLogbookEntry, "/").concat(shiftInfo.CurrentShiftId, "?entryId=").concat(entryId, "&action=").concat(action));
+            }
+            else {
+                navigate("".concat(routeLogbookEntry, "/").concat(shiftInfo.CurrentShiftId));
+            }
+            shiftIdRef.current = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId;
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, refetch()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [shiftInfo]);
+    useEffect(function () {
+        if (shiftId) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var shiftIdNumber;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            shiftIdNumber = Number(shiftId);
+                            return [4 /*yield*/, getShiftDataFromAPI(null, shiftIdNumber)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+        else {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, getShiftDataFromAPI(null, 0)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, []);
+    return (React__default.createElement(Box, { sx: {
+            width: "100%",
+            height: "calc(100vh - 130px)",
+            display: "flex",
+            flexDirection: "column",
+        } },
+        React__default.createElement(Box, { sx: { mb: 2 } },
+            React__default.createElement(Typography$1, { variant: "h5", style: {
+                    fontWeight: 600,
+                    userSelect: "none",
+                } }, "LOGBOOK")),
+        React__default.createElement(Group$1, { id: "section-logbook-entry-group", orientation: "horizontal", defaultLayout: resolvedLayout, onLayoutChange: onLayoutChange, style: { flex: 1, width: "100%" } },
+            React__default.createElement(Panel, { id: "left", defaultSize: 42, minSize: 25, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 1,
+                        height: "100%",
+                        pr: 1,
+                    } },
+                    React__default.createElement(Filters$1, { quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, selectedSections: filterSections, onSectionsChange: setFilterSections }),
+                    React__default.createElement(Paper, { elevation: 1, style: {
+                            flex: 1,
+                            width: "100%",
+                        } },
+                        React__default.createElement(AgGridReact, { loading: isLoading, rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 42, loadingOverlayComponent: CenteredLazyLoading, animateRows: true, getContextMenuItems: getContextMenuItems, onRowClicked: rowClicked, onCellKeyDown: onCellKeyDown, onGridReady: function (params) { return (gridApiRef.current = params.api); }, getRowId: function (params) { return "".concat(params.data.EntryId); }, gridOptions: {
+                                rowSelection: {
+                                    mode: "singleRow",
+                                    checkboxes: false,
+                                    enableClickSelection: true,
+                                },
+                                statusBar: {
+                                    statusPanels: [
+                                        exportToExcel
+                                            ? {
+                                                statusPanel: function (params) { return (React__default.createElement("div", { style: {
+                                                        display: "flex",
+                                                        alignItems: "center",
+                                                        paddingTop: 5,
+                                                    } },
+                                                    React__default.createElement(ExcelButton, { handleExportToExcel: handleExportToExcel }))); },
+                                                align: "right",
+                                            }
+                                            : {},
+                                        {
+                                            statusPanel: function (params) { return (React__default.createElement(CustomStatusPanel, { handleNew: handleNewEntry })); },
+                                            align: "left",
+                                        },
+                                    ],
+                                },
+                            } })))),
+            React__default.createElement(Separator, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "col-resize",
+                } },
+                React__default.createElement(Box, { sx: {
+                        width: 8,
+                        height: 48,
+                        borderRadius: 1,
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "3px",
+                        transition: "background-color 0.2s",
+                        "&:hover": {
+                            backgroundColor: "primary.main",
+                            "& .grip-dot": {
+                                backgroundColor: "#fff",
+                            },
+                        },
+                    } }, __spreadArray([], Array(5), true).map(function (_, i) { return (React__default.createElement(Box, { key: i, className: "grip-dot", sx: {
+                        width: 4,
+                        height: 4,
+                        borderRadius: "50%",
+                        backgroundColor: "#9e9e9e",
+                        transition: "background-color 0.2s",
+                    } })); }))),
+            React__default.createElement(Panel, { id: "right", defaultSize: 58, minSize: 30, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: { pl: 1, height: "100%" } },
+                    React__default.createElement(EntryViewer$1, { entry: selectedRowData, show: show, onChangeShow: function () {
+                            var newShow = show === "view" ? "edit" : "view";
+                            setShow(newShow);
+                            if (entryId && entryId !== "new") {
+                                var targetUrl = newShow === "edit"
+                                    ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
+                                    : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
+                                navigate(targetUrl);
+                            }
+                        }, canEditShift: canEditShift, allowAttachments: allowAttachments, shiftsRange: shiftsRange, withAssetFilter: withAssetFilter, canEditAsset: canEditAsset, filterAssets: filterAssets, onHide: function (entryId, shouldStayInEditMode) { return __awaiter(void 0, void 0, void 0, function () {
+                            var targetUrl;
+                            var _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!entryId) return [3 /*break*/, 2];
+                                        // First refetch to ensure we have the latest data
+                                        return [4 /*yield*/, refetch()];
+                                    case 1:
+                                        // First refetch to ensure we have the latest data
+                                        _b.sent();
+                                        targetUrl = shouldStayInEditMode
+                                            ? "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=edit")
+                                            : "/logbook/entry/".concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId), "?entryId=").concat(entryId, "&action=view");
+                                        navigate(targetUrl);
+                                        setShow(shouldStayInEditMode ? "edit" : "view");
+                                        // Additional delay to allow navigation and state updates to complete
+                                        setTimeout(function () {
+                                            var _a, _b;
+                                            var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
+                                            if (rowNode) {
+                                                (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(rowNode);
+                                                rowNode.setSelected(true);
+                                                setSelectedRowData(rowNode.data);
+                                            }
+                                            else {
+                                                // If still not found, try one more refetch
+                                                setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                                    var retryRowNode;
+                                                    var _a, _b, _c;
+                                                    return __generator(this, function (_d) {
+                                                        switch (_d.label) {
+                                                            case 0: return [4 /*yield*/, refetch()];
+                                                            case 1:
+                                                                _d.sent();
+                                                                retryRowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId.toString());
+                                                                if (retryRowNode) {
+                                                                    (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(retryRowNode);
+                                                                    retryRowNode.setSelected(true);
+                                                                    setSelectedRowData(retryRowNode.data);
+                                                                }
+                                                                else {
+                                                                    setShow("");
+                                                                    setSelectedRowData(null);
+                                                                    (_c = gridApiRef.current) === null || _c === void 0 ? void 0 : _c.deselectAll();
+                                                                }
+                                                                return [2 /*return*/];
+                                                        }
+                                                    });
+                                                }); }, 500);
+                                            }
+                                        }, 200);
+                                        return [3 /*break*/, 3];
+                                    case 2:
+                                        setShow("");
+                                        setSelectedRowData(null);
+                                        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
+                                        navigate("".concat(routeLogbookEntry, "/").concat(shiftId || (shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId)));
+                                        _b.label = 3;
+                                    case 3: return [2 /*return*/];
+                                }
+                            });
+                        }); } })))),
+        React__default.createElement(RemoveEntryDialog, { entry: selectedRowData, show: showRemoveDialog, onHide: function (shouldUpdate) {
+                if (shouldUpdate) {
+                    refetch();
+                }
+                setShowRemoveDialog(false);
+                setSelectedRowData(null);
+                setShow("");
+            } }),
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
+};
+
+var LogbookPage$1 = function () {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(HelmetDexteel, { title: "Logbook Entry" }),
+        React__default.createElement(Grid2, { container: true, style: { padding: "1.5rem" } },
+            React__default.createElement(Logbook$1, null))));
+};
+
+var MESFLogbookEntry = function () {
+    return React__default.createElement(LogbookPage$1, null);
+};
+
+var moment$2 = getMomentTz();
+var getEntriesReport = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var apiService, parameters, resp, rows;
+    var startShiftId = _b.startShiftId, endShiftId = _b.endShiftId, assetId = _b.assetId, sectionIds = _b.sectionIds, signal = _b.signal;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                apiService = new MESApiService();
+                parameters = [
+                    { name: "StartShiftId", value: startShiftId },
+                    { name: "EndShiftId", value: endShiftId },
+                ];
+                if (assetId) {
+                    parameters.push({ name: "AssetId", value: assetId });
+                }
+                // Pass comma-separated sectionIds for multi-select filter
+                if (sectionIds && sectionIds.length > 0) {
+                    parameters.push({ name: "SectionIds", value: sectionIds.join(",") });
+                }
+                return [4 /*yield*/, apiService.callV2("[SWV].[GetSectionLogbookEntries]", parameters, signal)];
+            case 1:
+                resp = _c.sent();
+                if (resp.ok) {
+                    rows = get(resp, "data.tables[0].rows", []);
+                    rows = rows.map(function (entry) { return (__assign(__assign({}, entry), { CreateTimestamp: entry.CreateTimestamp
+                            ? moment$2.utc(entry["CreateTimestamp"]).toDate()
+                            : null, UpdateTimestamp: entry.UpdateTimestamp
+                            ? moment$2.utc(entry["UpdateTimestamp"]).toDate()
+                            : null })); });
+                    return [2 /*return*/, rows];
+                }
+                else {
+                    throw new Error(resp.message || "Error fetching entries");
+                }
+        }
+    });
+}); };
+
+var useEntriesReport = function (_a) {
+    var startShiftId = _a.startShiftId, endShiftId = _a.endShiftId, assetId = _a.assetId, sectionIds = _a.sectionIds;
+    return useQuery({
+        queryKey: ["entriesReport", startShiftId, endShiftId, assetId, sectionIds],
+        queryFn: function (_a) {
+            var signal = _a.signal;
+            return getEntriesReport({
+                startShiftId: startShiftId,
+                endShiftId: endShiftId,
+                assetId: assetId,
+                sectionIds: sectionIds,
+                signal: signal,
+            });
+        },
+    });
+};
+
+var useTableData = function (_a) {
+    var showAttachments = _a.showAttachments, showAsset = _a.showAsset, showShiftCrew = _a.showShiftCrew;
+    var columnDefs = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([
+        {
+            field: "CreateTimestamp",
+            headerName: "Created",
+            flex: 2,
+            valueGetter: function (params) {
+                return dxtToLocalServerTime(params.data.CreateTimestamp, "MM/dd/yy HH:mm");
+            },
+        }
+    ], (showAsset
+        ? [
+            {
+                field: "AssetName",
+                headerName: "Asset",
+                sortable: true,
+                flex: 2,
+                minWidth: 70,
+                wrapText: true,
+                autoHeight: true,
+            },
+        ]
+        : []), true), [
+        {
+            field: "Title",
+            headerName: "Title",
+            flex: 4,
+        },
+        {
+            field: "SectionName",
+            headerName: "Section",
+            flex: 2,
+        },
+        {
+            field: "Author",
+            headerName: "Created By",
+            flex: 2,
+        }
+    ], false), (showShiftCrew
+        ? [
+            {
+                field: "Shift",
+                headerName: "Shift",
+                sortable: false,
+                flex: 1,
+                minWidth: 60,
+                maxWidth: 60,
+            },
+            {
+                field: "Crew",
+                headerName: "Crew",
+                sortable: false,
+                flex: 1,
+                minWidth: 60,
+                maxWidth: 60,
+            },
+        ]
+        : []), true), (showAttachments
+        ? [
+            {
+                field: "AttachmentCount",
+                headerName: "",
+                flex: 1,
+                headerComponent: function () { return (React__default.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        height: "100%",
+                        width: "100%",
+                        textAlign: "center",
+                    } },
+                    React__default.createElement(AttachFile, { style: { fontSize: 18, color: "#666" } }))); },
+                cellRenderer: function (params) {
+                    var count = params.data.AttachmentCount || 0;
+                    if (count === 0) {
+                        return null;
+                    }
+                    return (React__default.createElement("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            height: "100%",
+                            justifyContent: "center",
+                        } },
+                        React__default.createElement(Chip, { icon: React__default.createElement(AttachFile, { style: { fontSize: 16 } }), label: count, size: "small", variant: "outlined", color: "primary" })));
+                },
+            },
+        ]
+        : []), true), [
+        {
+            field: "Content",
+            headerName: "Content",
+            hide: true,
+        },
+    ], false);
+    return { columnDefs: columnDefs };
+};
+
+var moment$1 = getMomentTz();
+var EntryViewer = function (_a) {
+    var entry = _a.entry, show = _a.show, onHide = _a.onHide, showAsset = _a.showAsset, _b = _a.showAttachments, showAttachments = _b === void 0 ? false : _b, _c = _a.showSection, showSection = _c === void 0 ? false : _c;
+    var _d = useState(""), error = _d[0], setError = _d[1];
+    var _e = useForm(), control = _e.control, setValue = _e.setValue, reset = _e.reset, watch = _e.watch; _e.getValues;
+    var content = watch("Content");
+    var updatedBy = watch("UpdatedBy");
+    var updateTimestamp = watch("UpdateTimestamp");
+    var entryId = watch("EntryId");
+    var title = watch("Title");
+    var author = watch("Author");
+    var shiftId = watch("ShiftId");
+    var assetId = watch("AssetId");
+    var createTimestamp = watch("CreateTimestamp");
+    useEffect(function () {
+        reset(entry || ENTRY_INITIAL_VALUES);
+    }, [entry, show]);
+    return (React__default.createElement(React__default.Fragment, null,
+        (entry === null || entry === void 0 ? void 0 : entry.EntryId) && (React__default.createElement(HelmetDexteel, { title: "'".concat(entry === null || entry === void 0 ? void 0 : entry.Title, "' by ").concat(entry.Author, " - Logbook Report") })),
+        (entry === null || entry === void 0 ? void 0 : entry.EntryId) ? (React__default.createElement(Paper, { elevation: 1, sx: {
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+            } },
+            React__default.createElement(Grid2, { container: true, spacing: 1, component: "form", height: "100%", flexDirection: "column", flexWrap: "nowrap", p: 1 },
+                React__default.createElement(Grid2, { size: { xs: 12 } },
+                    React__default.createElement(Controller, { name: "Title", control: control, render: function (_a) {
+                            var value = _a.field.value;
+                            return (React__default.createElement(TextField, { label: "Title", value: value !== null && value !== void 0 ? value : "", size: "medium", disabled: true }));
+                        } })),
+                React__default.createElement(Grid2, { container: true, size: { xs: 12 }, spacing: 2 },
+                    React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                        React__default.createElement(Controller, { name: "CreateTimestamp", control: control, render: function (_a) {
+                                var value = _a.field.value;
+                                return (React__default.createElement(DateTimePicker, { label: "Creation Time", timezone: TimeService.getInstance().getServerTimeZone(), format: "MM/DD/YYYY HH:mm", value: value ? moment$1(value) : null, disabled: true, slotProps: {
+                                        textField: {
+                                            variant: "outlined",
+                                            size: "small",
+                                            fullWidth: true,
+                                            InputLabelProps: {
+                                                shrink: true,
+                                            },
+                                        },
+                                    } }));
+                            } })),
+                    React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                        React__default.createElement(Controller, { name: "ShiftId", control: control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(ShiftSelector, { value: field.value, disabled: true }));
+                            } })),
+                    React__default.createElement(Grid2, { size: { xs: 12, md: showAsset ? 2 : 6 } },
+                        React__default.createElement(Controller, { name: "Author", control: control, rules: {
+                                required: "Author is required",
+                            }, render: function (_a) {
+                                var value = _a.field.value; _a.fieldState.error;
+                                return (React__default.createElement(TextField, { label: "Author", variant: "outlined", value: value !== null && value !== void 0 ? value : "", fullWidth: true, disabled: true, size: "small" }));
+                            } })),
+                    showAsset ? (React__default.createElement(Grid2, { size: { md: 4, xs: 12 } },
+                        React__default.createElement(Controller, { name: "AssetId", control: control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(AssetsFilter, { value: field.value, onChange: field.onChange, disabled: true }));
+                            } }))) : null),
+                showSection && (entry === null || entry === void 0 ? void 0 : entry.SectionName) && (React__default.createElement(Grid2, { size: { xs: 12 }, sx: { display: "flex", alignItems: "center", gap: 1 } },
+                    React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary" }, "Section:"),
+                    React__default.createElement(Chip, { label: entry.SectionName, size: "small", color: "primary", variant: "outlined" }))),
+                React__default.createElement(Grid2, { size: { md: 12 }, height: "100%", flexGrow: 1, overflow: "auto" },
+                    React__default.createElement(Controller, { name: "Content", control: control, render: function (_a) {
+                            var _b = _a.field; _b.value; _b.onChange;
+                            return (React__default.createElement(ContentInput, { UpdatedBy: updatedBy, UpdateTimestamp: updateTimestamp, onChange: function (val) { return setValue("Content", val); }, value: content, isEditing: false, isNewEntry: false, entryId: entryId, entryData: {
+                                    assetId: assetId,
+                                    entryId: entryId,
+                                    shiftId: shiftId,
+                                    title: title,
+                                    content: content,
+                                    author: author,
+                                    createTimestamp: createTimestamp,
+                                }, onEntrySubmitted: undefined, allowAttachments: showAttachments }));
+                        } })),
+                React__default.createElement(Grid2, { container: true, size: { xs: 12 } },
+                    React__default.createElement(Grid2, { container: true, size: { md: 6, xs: 12 }, spacing: 1 },
+                        React__default.createElement(Grid2, { size: { md: 6, xs: 12 } },
+                            React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "inherit", onClick: function () { return onHide(); } }, "Close"))))))) : null,
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
+};
+
+var customPeriodOptions = [
+    { value: "Day", label: "Day" },
+    { value: "4Days", label: "4 Days" },
+    { value: "Week", label: "Week" },
+    { value: "Month", label: "Month" },
+    { value: "Custom", label: "Custom" },
+];
+var Filters = function (_a) {
+    var quickFilter = _a.quickFilter, onQuickFilterChange = _a.onQuickFilterChange, shiftPeriod = _a.shiftPeriod, onChangeShiftPeriod = _a.onChangeShiftPeriod, actualPeriod = _a.actualPeriod, selectedSections = _a.selectedSections, onSectionsChange = _a.onSectionsChange;
+    var handleShiftPeriodChange = function (value, period) {
+        onChangeShiftPeriod(value, period);
+    };
+    useMesfRealtime({
+        onReceiveMessage: function (author, message) {
+            if (message.replaceAll("[", "").replaceAll("]", "") == "LB.GetEntries") ;
+        },
+    });
+    return (React__default.createElement(Paper, { elevation: 1, style: { padding: 8 } },
+        React__default.createElement(Grid2, { container: true, spacing: 1 },
+            React__default.createElement(Grid2, { size: { xs: 12 }, alignItems: "center", justifyContent: "center" },
+                React__default.createElement(ShiftPeriodNavigatorControl, { onChange: handleShiftPeriodChange, value: shiftPeriod, actualPeriod: actualPeriod, showShiftAndCrews: false, dateFormat: "MM/DD/YYYY", periodOptions: customPeriodOptions })),
+            React__default.createElement(Grid2, { size: { xs: 12, md: 3 } },
+                React__default.createElement(TextField, { fullWidth: true, label: "Search", variant: "outlined", size: "small", value: quickFilter, onChange: function (event) {
+                        onQuickFilterChange(event === null || event === void 0 ? void 0 : event.target.value);
+                    }, InputProps: {
+                        startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
+                            React__default.createElement(IconButton$1, { edge: "start", type: "submit" },
+                                React__default.createElement(SearchIcon, null)))),
+                    } })),
+            React__default.createElement(Grid2, { size: { xs: 12, md: 9 } },
+                React__default.createElement(SectionMultiSelect, { value: selectedSections, onChange: onSectionsChange, label: "Sections" })))));
+};
+
+var moment = getMomentTz();
+// Default layout matching original Grid md:5 / md:7 ratio (41.67% / 58.33%)
+var DEFAULT_LAYOUT = { left: 42, right: 58 };
+var Logbook = function () {
+    var report = useLogbookSettings().report;
+    var showAttachments = report.showAttachments;
+    var showAsset = report.showAsset;
+    var showShiftCrew = report.showShiftCrew;
+    var exportToExcel = report.exportToExcel;
+    var _a = useSearchParams(), searchParams = _a[0], setSearchParams = _a[1];
+    var entryId = searchParams.get("entryId");
+    var gridApiRef = useRef(null);
+    var _b = useState(""), error = _b[0], setError = _b[1];
+    var _c = useState(""), show = _c[0], setShow = _c[1];
+    var _d = useState(function () {
+        var startShiftIdParam = searchParams.get("startShiftId");
+        var endShiftIdParam = searchParams.get("endShiftId");
+        return {
+            StartShiftId: startShiftIdParam ? Number(startShiftIdParam) : null,
+            EndShiftId: endShiftIdParam ? Number(endShiftIdParam) : null,
+        };
+    }), shiftPeriod = _d[0], setShiftPeriod = _d[1];
+    var _e = useState(""), quickFilter = _e[0], setQuickFilter = _e[1];
+    var _f = useState(null), selectedRowData = _f[0], setSelectedRowData = _f[1];
+    // Section filter state
+    var _g = useState([]), filterSections = _g[0], setFilterSections = _g[1];
+    var updateUrl = function (_a) {
+        var startShiftId = _a.startShiftId, endShiftId = _a.endShiftId, period = _a.period, entryId = _a.entryId;
+        var newParams = new URLSearchParams(searchParams);
+        if (startShiftId) {
+            newParams.set("startShiftId", startShiftId.toString());
+        }
+        else if (startShiftId === null) {
+            newParams.delete("startShiftId");
+        }
+        if (endShiftId) {
+            newParams.set("endShiftId", endShiftId.toString());
+        }
+        else if (endShiftId === null) {
+            newParams.delete("endShiftId");
+        }
+        if (period) {
+            newParams.set("period", period);
+        }
+        else if (period === null) {
+            newParams.delete("period");
+        }
+        if (entryId) {
+            newParams.set("entryId", entryId);
+        }
+        else if (entryId === null) {
+            newParams.delete("entryId");
+        }
+        setSearchParams(newParams);
+    };
+    var _h = useEntriesReport({
+        startShiftId: shiftPeriod.StartShiftId,
+        endShiftId: shiftPeriod.EndShiftId,
+        assetId: null,
+        sectionIds: filterSections.map(function (s) { return s.SectionId; }),
+    }), rows = _h.data, isLoading = _h.isLoading, e = _h.error, isError = _h.isError, refetch = _h.refetch;
+    var columnDefs = useTableData({
+        showAttachments: showAttachments,
+        showAsset: showAsset,
+        showShiftCrew: showShiftCrew,
+    }).columnDefs;
+    var defaultColDef = useGridDefinitions({}).defaultColDef;
+    // Resizable panels layout persistence
+    var _j = useDefaultLayout({
+        id: "section-logbook-report-v2",
+        storage: localStorage,
+    }), savedLayout = _j.defaultLayout, onLayoutChange = _j.onLayoutChange;
+    // Use saved layout or default to avoid flash on initial render
+    var resolvedLayout = savedLayout !== null && savedLayout !== void 0 ? savedLayout : DEFAULT_LAYOUT;
+    var onQuickFilterChange = function (text) {
+        var _a;
+        setQuickFilter(text);
+        (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.setGridOption("quickFilterText", text);
+    };
+    var rowClicked = function (event) {
+        var _a, _b;
+        setSelectedRowData(event === null || event === void 0 ? void 0 : event.data);
+        updateUrl({ entryId: (_b = (_a = event.data) === null || _a === void 0 ? void 0 : _a.EntryId) === null || _b === void 0 ? void 0 : _b.toString() });
+        setShow("view");
+    };
+    var onCellKeyDown = useCallback(function (event) {
+        var _a, _b;
+        var api = event.api, node = event.node, keyEvent = event.event;
+        if (!keyEvent)
+            return;
+        var key = keyEvent.key;
+        if (key === "ArrowUp" || key === "ArrowDown") {
+            keyEvent.preventDefault();
+            var currentIndex = node.rowIndex !== null ? node.rowIndex : -1;
+            var nextRowIndex = key === "ArrowUp" ? currentIndex - 1 : currentIndex + 1;
+            var nextNode = api.getDisplayedRowAtIndex(nextRowIndex);
+            if (nextNode) {
+                nextNode.setSelected(true);
+                api.ensureIndexVisible(nextRowIndex);
+                setSelectedRowData(nextNode.data);
+                updateUrl({ entryId: (_b = (_a = nextNode.data) === null || _a === void 0 ? void 0 : _a.EntryId) === null || _b === void 0 ? void 0 : _b.toString() });
+            }
+        }
+    }, [setSelectedRowData]);
+    var handleExportToExcel = function () {
+        if (!gridApiRef.current)
+            return;
+        var params = {
+            fileName: "Logbook_Report_Export.xlsx",
+            columnKeys: [
+                "AssetName",
+                "CreateTimestamp",
+                "Shift",
+                "Crew",
+                "Title",
+                "CreatedBy",
+                "Author",
+                "Content",
+            ],
+            processCellCallback: function (params) {
+                if (params.column.colId === "CreateTimestamp") {
+                    return moment(params.value).format("MM/DD/yy - HH:mm");
+                }
+                return params.value;
+            },
+        };
+        gridApiRef.current.exportDataAsExcel(params);
+    };
+    useEffect(function () {
+        var _a, _b, _c;
+        if (!isLoading && entryId && gridApiRef.current) {
+            var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryId);
+            if (rowNode) {
+                (_b = gridApiRef.current) === null || _b === void 0 ? void 0 : _b.ensureNodeVisible(rowNode);
+                rowNode.setSelected(true);
+                setSelectedRowData(rowNode.data);
+                setShow("view");
+            }
+        }
+        else if (!entryId) {
+            setShow("");
+            setSelectedRowData(null);
+            (_c = gridApiRef.current) === null || _c === void 0 ? void 0 : _c.deselectAll();
+        }
+    }, [gridApiRef.current, isLoading, entryId]);
+    useEffect(function () {
+        if (isError) {
+            setError(e.message);
+        }
+    }, [isError, e]);
+    useEffect(function () {
+        var _a;
+        var startShiftIdParam = searchParams.get("startShiftId");
+        var endShiftIdParam = searchParams.get("endShiftId");
+        var entryIdParam = searchParams.get("entryId");
+        if (startShiftIdParam || endShiftIdParam) {
+            setShiftPeriod({
+                StartShiftId: startShiftIdParam ? Number(startShiftIdParam) : null,
+                EndShiftId: endShiftIdParam ? Number(endShiftIdParam) : null,
+            });
+        }
+        // Handle entryId from URL on initial load
+        if (entryIdParam && gridApiRef.current) {
+            var rowNode = (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.getRowNode(entryIdParam);
+            if (rowNode) {
+                rowNode.setSelected(true);
+                setSelectedRowData(rowNode.data);
+                setShow("view");
+            }
+        }
+    }, []);
+    useEffect(function () {
+        if (shiftPeriod.StartShiftId !== null || shiftPeriod.EndShiftId !== null) {
+            setShow("");
+            setSelectedRowData(null);
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, refetch()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [shiftPeriod.StartShiftId, shiftPeriod.EndShiftId]);
+    return (React__default.createElement(Box, { sx: {
+            width: "100%",
+            height: "calc(100vh - 130px)",
+            display: "flex",
+            flexDirection: "column",
+        } },
+        React__default.createElement(Box, { sx: { mb: 2 } },
+            React__default.createElement(Typography$1, { variant: "h5", style: {
+                    fontWeight: 600,
+                    userSelect: "none",
+                } }, "LOGBOOK REPORT")),
+        React__default.createElement(Group$1, { id: "section-logbook-report-group", orientation: "horizontal", defaultLayout: resolvedLayout, onLayoutChange: onLayoutChange, style: { flex: 1, width: "100%" } },
+            React__default.createElement(Panel, { id: "left", defaultSize: 42, minSize: 25, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 1,
+                        height: "100%",
+                        pr: 1,
+                    } },
+                    React__default.createElement(Filters, { quickFilter: quickFilter, onQuickFilterChange: onQuickFilterChange, shiftPeriod: shiftPeriod, onChangeShiftPeriod: function (value, period) {
+                            setShiftPeriod(value);
+                            updateUrl({
+                                startShiftId: value.StartShiftId,
+                                endShiftId: value.EndShiftId,
+                                period: period,
+                                entryId: searchParams.get("entryId"),
+                            });
+                        }, actualPeriod: searchParams.get("period"), selectedSections: filterSections, onSectionsChange: setFilterSections }),
+                    React__default.createElement(Paper, { elevation: 1, style: {
+                            flex: 1,
+                            width: "100%",
+                        } },
+                        React__default.createElement(AgGridReact, { loading: isLoading, rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 42, loadingOverlayComponent: CenteredLazyLoading, animateRows: true, onRowClicked: rowClicked, onCellKeyDown: onCellKeyDown, onGridReady: function (params) { return (gridApiRef.current = params.api); }, getRowId: function (params) { return "".concat(params.data.EntryId); }, gridOptions: {
+                                rowSelection: {
+                                    mode: "singleRow",
+                                    checkboxes: false,
+                                    enableClickSelection: true,
+                                },
+                                statusBar: {
+                                    statusPanels: [
+                                        exportToExcel
+                                            ? {
+                                                statusPanel: function (params) { return (React__default.createElement("div", { style: {
+                                                        display: "flex",
+                                                        alignItems: "center",
+                                                        paddingTop: 1,
+                                                        paddingBottom: 1,
+                                                    } },
+                                                    React__default.createElement(ExcelButton, { handleExportToExcel: handleExportToExcel }))); },
+                                                align: "right",
+                                            }
+                                            : {},
+                                    ],
+                                },
+                            } })))),
+            React__default.createElement(Separator, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "col-resize",
+                } },
+                React__default.createElement(Box, { sx: {
+                        width: 8,
+                        height: 48,
+                        borderRadius: 1,
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "3px",
+                        transition: "background-color 0.2s",
+                        "&:hover": {
+                            backgroundColor: "primary.main",
+                            "& .grip-dot": {
+                                backgroundColor: "#fff",
+                            },
+                        },
+                    } }, __spreadArray([], Array(5), true).map(function (_, i) { return (React__default.createElement(Box, { key: i, className: "grip-dot", sx: {
+                        width: 4,
+                        height: 4,
+                        borderRadius: "50%",
+                        backgroundColor: "#9e9e9e",
+                        transition: "background-color 0.2s",
+                    } })); }))),
+            React__default.createElement(Panel, { id: "right", defaultSize: 58, minSize: 30, style: { paddingBottom: 5 } },
+                React__default.createElement(Box, { sx: { pl: 1, height: "100%" } },
+                    React__default.createElement(EntryViewer, { entry: selectedRowData, show: show, onChangeShow: function () { return setShow(show === "view" ? "edit" : "view"); }, onHide: function () {
+                            var _a;
+                            setShow("");
+                            setSelectedRowData(null);
+                            (_a = gridApiRef.current) === null || _a === void 0 ? void 0 : _a.deselectAll();
+                            updateUrl({ entryId: null });
+                        }, showAsset: showAsset, showAttachments: showAttachments, showSection: true })))),
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
+};
+
+var LogbookPage = function () {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(HelmetDexteel, { title: "Logbook Report" }),
+        React__default.createElement(Grid2, { container: true, style: { padding: "1.5rem" } },
+            React__default.createElement(Logbook, null))));
+};
+
+var MESFLogbookReport = function () {
+    return React__default.createElement(LogbookPage, null);
+};
+
+var sectionLogbookRoutesMESF = [
+    {
+        path: "/logbook/entry",
+        element: React__default.createElement(MESFLogbookEntry),
+    },
+    {
+        path: "/logbook/entry/:shiftId",
+        element: React__default.createElement(MESFLogbookEntry),
+    },
+    {
+        path: "/logbook/report",
+        element: React__default.createElement(MESFLogbookReport),
+    },
+];
+var sectionLogbookNavbar = [
+    {
+        id: "logbook",
+        label: "Logbook",
+        items: [
+            {
+                label: "Logbook Entry",
+                to: "/logbook/entry",
+            },
+            {
+                label: "Logbook Report",
+                to: "/logbook/report",
+            },
+        ],
+    },
+];
+
 var AreaSelector = function () {
     var _a = useState(false), open = _a[0], setOpen = _a[1];
     var _b = useState(""), error = _b[0], setError = _b[1];
@@ -22116,5 +24898,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ENTRY_INITIAL_VALUES, EditAssetDialog, ErrorModal, ExcelIcon, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry, MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, SPExecutorPage, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getEntries, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry, routeLogbookReport, useSearchAssets as searchAssets, useSearchSeries as searchSeries, useSearchTagsTree as searchTagsTree, useSearchViewTags as searchViewTags, useSearchViews as searchViews, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ENTRY_INITIAL_VALUES$1 as ENTRY_INITIAL_VALUES, EditAssetDialog, ErrorModal, ExcelIcon, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry$1 as MESFLogbookEntry, MESFLogbookReport$1 as MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, SPExecutorPage, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getEntries$1 as getEntries, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry$1 as routeLogbookEntry, routeLogbookReport, useSearchAssets as searchAssets, useSearchSeries as searchSeries, useSearchTagsTree as searchTagsTree, useSearchViewTags as searchViewTags, useSearchViews as searchViews, sectionLogbookNavbar, sectionLogbookRoutesMESF, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map