Refactor invoice, payment, tax record, and stock components to utilize getModelByName for master filters

- Updated multiple components including InvoiceInfo, PaymentInfo, TaxRecordInfo, and various stock-related components to use getModelByName for constructing master filters.
- Improved code consistency and readability by replacing hardcoded parent ID references with dynamic model prefixes.
- Cleaned up unnecessary whitespace and optimized component structure for better maintainability.

assets/stylesheets/App.css

@@ -330,6 +330,28 @@ code {
   padding: 0 !important;
 }
 
+.iddisplay > *:first-child {
+  min-width: 0;
+  flex: 0 1 auto;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.iddisplay .ant-btn {
+  flex-shrink: 0;
+}
+
+.miscid > *:first-child {
+  min-width: 0;
+  flex: 0 1 auto;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.miscid .ant-btn {
+  flex-shrink: 0;
+}
+
 .ant-popover-inner:has(.spotlight-tooltip) {
   padding: 0 !important;
 }
@@ -1139,3 +1161,150 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
 .filter-sidebar-field-select .ant-select-selector {
   width: max-content !important;
 }
+
+.elipsis-text-wrapper.ant-typography {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  width: auto;
+  overflow: hidden;
+  flex-grow: 0;
+  flex-shrink: 1;
+  flex-basis: auto;
+}
+
+.elipsis-text-wrapper.ant-typography .elipsis-text {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  position: relative;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.elipsis-text-wrapper.ant-typography code.elipsis-text-measure,
+.elipsis-text-wrapper.ant-typography code.elipsis-text-full,
+.elipsis-text-wrapper.ant-typography code.elipsis-text-truncated {
+  margin: 0;
+  box-sizing: border-box;
+}
+
+.elipsis-text-measure {
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+  white-space: pre;
+}
+
+.elipsis-text-full {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: max-content;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.elipsis-text:not(.is-truncated) .elipsis-text-full {
+  display: inline-block;
+}
+
+.elipsis-text.is-truncated .elipsis-text-full {
+  display: none;
+}
+
+.elipsis-text:not(.is-truncated) .elipsis-text-truncated .elipsis-text-dots {
+  display: none;
+}
+
+.elipsis-text:not(.is-truncated) .elipsis-text-truncated {
+  visibility: hidden;
+}
+
+.elipsis-text-truncated {
+  display: flex;
+  flex: 1 1 0;
+  align-items: baseline;
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.elipsis-text-wrapper.ant-typography code.elipsis-text-truncated {
+  display: flex;
+}
+
+.elipsis-text-start,
+.elipsis-text-end {
+  flex: 1 1 0;
+  min-width: 0;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.elipsis-text-start {
+  mask-image: linear-gradient(
+    to right,
+    #000 0%,
+    #000 calc(100% - 0.8em),
+    transparent 100%
+  );
+  -webkit-mask-image: linear-gradient(
+    to right,
+    #000 0%,
+    #000 calc(100% - 0.8em),
+    transparent 100%
+  );
+}
+
+.elipsis-text-end {
+  display: flex;
+  justify-content: flex-end;
+  mask-image: linear-gradient(
+    to left,
+    #000 0%,
+    #000 calc(100% - 0.8em),
+    transparent 100%
+  );
+  -webkit-mask-image: linear-gradient(
+    to left,
+    #000 0%,
+    #000 calc(100% - 0.8em),
+    transparent 100%
+  );
+}
+
+.elipsis-text-end-inner {
+  flex: 0 0 auto;
+  white-space: pre;
+}
+
+.elipsis-text-dots {
+  flex: 0 0 auto;
+  user-select: none;
+}
+
+.code-diff-viewer {
+  height: 70vh;
+  border: 1px solid #85858541;
+}
+
+.code-diff-viewer .cm-mergeView {
+  height: 100%;
+  overflow: auto;
+}
+
+.diff-label-square {
+  width: 7px;
+  height: 7px;
+  background-color: #85858541;
+  border-radius: 2px;
+}

bun.lock

@@ -23,6 +23,7 @@
         "@codemirror/lang-xml": "^6.1.0",
         "@codemirror/lang-yaml": "^6.1.2",
         "@codemirror/language": "6.12.1",
+        "@codemirror/merge": "^6.12.2",
         "@codemirror/state": "6.7.1",
         "@codemirror/theme-one-dark": "^6.1.3",
         "@codemirror/view": "6.39.12",
@@ -238,6 +239,8 @@
 
     "@codemirror/lint": ["@codemirror/lint@6.9.3", "", { "dependencies": { "@codemirror/state": "6.7.1", "@codemirror/view": "6.39.12", "crelt": "1.0.6" } }, "sha512-y3YkYhdnhjDBAe0VIA0c4wVoFOvnp8CnAvfLqi0TqotIv92wIlAAP7HELOpLBsKwjAX6W92rSflA6an/2zBvXw=="],
 
+    "@codemirror/merge": ["@codemirror/merge@6.12.2", "", { "dependencies": { "@codemirror/language": "^6.0.0", "@codemirror/state": "^6.0.0", "@codemirror/view": "^6.17.0", "@lezer/highlight": "^1.0.0", "style-mod": "^4.1.0" } }, "sha512-V8JvyAPjHbPupqP7BeMcsdsYCbyPij74jxIbaIJDORI+VZzW44zFmon8bF+oxGWvOKhcRmkiUMXd8MxHr3YA2w=="],
+
     "@codemirror/search": ["@codemirror/search@6.6.0", "", { "dependencies": { "@codemirror/state": "6.7.1", "@codemirror/view": "6.39.12", "crelt": "1.0.7" } }, "sha512-koFuNXcDvyyotWcgOnZGmY7LZqEOXZaaxD/j6n18TCLx2/9HieZJ5H6hs1g8FiRxBD0DNfs0nXn17g872RmYdw=="],
 
     "@codemirror/state": ["@codemirror/state@6.7.1", "", { "dependencies": { "@marijn/find-cluster-break": "1.0.3" } }, "sha512-9QzNDgE4EYDnAHfrTlR2lwiPciiOymLtwKK+8yHQzCc7GXhAP9xdEbEJFy2IWB1j9UGUl9BsgMmTo/ImA02T7A=="],

package.json

@@ -27,6 +27,7 @@
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/language": "6.12.1",
+    "@codemirror/merge": "^6.12.2",
     "@codemirror/state": "6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "6.39.12",

pnpm-lock.yaml

@@ -70,6 +70,9 @@ importers:
       '@codemirror/language':
         specifier: 6.12.1
         version: 6.12.1
+      '@codemirror/merge':
+        specifier: ^6.12.2
+        version: 6.12.2
       '@codemirror/state':
         specifier: 6.7.1
         version: 6.7.1
@@ -611,6 +614,9 @@ packages:
   '@codemirror/lint@6.9.3':
     resolution: {integrity: sha512-y3YkYhdnhjDBAe0VIA0c4wVoFOvnp8CnAvfLqi0TqotIv92wIlAAP7HELOpLBsKwjAX6W92rSflA6an/2zBvXw==}
 
+  '@codemirror/merge@6.12.2':
+    resolution: {integrity: sha512-V8JvyAPjHbPupqP7BeMcsdsYCbyPij74jxIbaIJDORI+VZzW44zFmon8bF+oxGWvOKhcRmkiUMXd8MxHr3YA2w==}
+
   '@codemirror/search@6.6.0':
     resolution: {integrity: sha512-koFuNXcDvyyotWcgOnZGmY7LZqEOXZaaxD/j6n18TCLx2/9HieZJ5H6hs1g8FiRxBD0DNfs0nXn17g872RmYdw==}
 
@@ -7047,6 +7053,14 @@ snapshots:
       '@codemirror/view': 6.39.12
       crelt: 1.0.6
 
+  '@codemirror/merge@6.12.2':
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.7.1
+      '@codemirror/view': 6.39.12
+      '@lezer/highlight': 1.2.3
+      style-mod: 4.1.3
+
   '@codemirror/search@6.6.0':
     dependencies:
       '@codemirror/state': 6.7.1

src/components/Dashboard/Finance/Invoices/InvoiceInfo.jsx

@@ -26,7 +26,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import OrderItemIcon from '../../../Icons/OrderItemIcon.jsx'
 import ShipmentIcon from '../../../Icons/ShipmentIcon.jsx'
 
@@ -38,7 +38,6 @@ const InvoiceInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -82,7 +81,7 @@ const InvoiceInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -253,7 +252,7 @@ const InvoiceInfo = () => {
             ) : (
               <ObjectTable
                 type='payment'
-                  masterFilter={{ 'invoice._id': invoiceId }}
+                masterFilter={{ invoice: getModelByName('invoice').prefix + ':' + invoiceId }}
                 visibleColumns={{ invoice: false }}
               />
             )}
@@ -273,9 +272,7 @@ const InvoiceInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -283,8 +280,13 @@ const InvoiceInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': invoiceId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('invoice').prefix +
+                      ':' +
+                      invoiceId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Finance/Payments/PaymentInfo.jsx

@@ -23,6 +23,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('PaymentInfo')
@@ -33,7 +34,6 @@ const PaymentInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -74,7 +74,7 @@ const PaymentInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -207,9 +207,7 @@ const PaymentInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -217,8 +215,13 @@ const PaymentInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': paymentId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('payment').prefix +
+                      ':' +
+                      paymentId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Finance/TaxRecords/TaxRecordInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('TaxRecordInfo')
@@ -199,8 +200,13 @@ const TaxRecordInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': taxRecordId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('taxRecord').prefix +
+                        ':' +
+                        taxRecordId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx

@@ -22,6 +22,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder'
 import DocumentPrintButton from '../../common/DocumentPrintButton'
 import UserNotifierToggle from '../../common/UserNotifierToggle'
 import ScrollBox from '../../common/ScrollBox'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import HistoryDisplay from '../../common/HistoryDisplay'
 
 const FilamentStockInfo = () => {
@@ -186,7 +187,7 @@ const FilamentStockInfo = () => {
               ) : (
                 <ObjectTable
                   type='stockEvent'
-                  masterFilter={{ 'parent._id': filamentStockId }}
+                  masterFilter={{ parent: getModelByName('filamentStock').prefix + ':' + filamentStockId }}
                   visibleColumns={{ parent: false }}
                 />
               )}
@@ -234,8 +235,13 @@ const FilamentStockInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': filamentStockId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('filamentStock').prefix +
+                        ':' +
+                        filamentStockId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/OrderItems/OrderItemInfo.jsx

@@ -21,6 +21,7 @@ import ObjectActions from '../../common/ObjectActions.jsx'
 import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('OrderItemInfo')
@@ -205,8 +206,13 @@ const OrderItemInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': orderItemId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('orderItem').prefix +
+                        ':' +
+                        orderItemId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/PartStocks/PartStockInfo.jsx

@@ -25,6 +25,7 @@ import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import HistoryDisplay from '../../common/HistoryDisplay.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import PartStockIcon from '../../../Icons/PartStockIcon.jsx'
 
 const log = loglevel.getLogger('PartStockInfo')
@@ -204,7 +205,7 @@ const PartStockInfo = () => {
               ) : (
                 <ObjectTable
                   type='stockEvent'
-                  masterFilter={{ 'parent._id': partStockId }}
+                  masterFilter={{ parent: getModelByName('partStock').prefix + ':' + partStockId }}
                   visibleColumns={{ parent: false }}
                 />
               )}
@@ -255,8 +256,13 @@ const PartStockInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': partStockId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('partStock').prefix +
+                        ':' +
+                        partStockId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/ProductStocks/ProductStockInfo.jsx

@@ -10,7 +10,7 @@ import InfoCollapse from '../../common/InfoCollapse.jsx'
 import ObjectInfo from '../../common/ObjectInfo.jsx'
 import ObjectProperty from '../../common/ObjectProperty.jsx'
 import ViewButton from '../../common/ViewButton.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
 import NoteIcon from '../../../Icons/NoteIcon.jsx'
 import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@@ -39,7 +39,6 @@ const ProductStockInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -88,7 +87,7 @@ const ProductStockInfo = () => {
     delete: () => {
       objectFormRef?.current.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -240,7 +239,7 @@ const ProductStockInfo = () => {
             ) : (
               <ObjectTable
                 type='stockEvent'
-                  masterFilter={{ 'parent._id': productStockId }}
+                masterFilter={{ parent: getModelByName('productStock').prefix + ':' + productStockId }}
                 visibleColumns={{ parent: false }}
               />
             )}
@@ -281,9 +280,7 @@ const ProductStockInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -291,8 +288,13 @@ const ProductStockInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': productStockId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('productStock').prefix +
+                      ':' +
+                      productStockId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Inventory/PurchaseOrders/PurchaseOrderInfo.jsx

@@ -27,6 +27,7 @@ import ScrollBox from '../../common/ScrollBox.jsx'
 import OrderItemsIcon from '../../../Icons/OrderItemIcon.jsx'
 import ShipmentIcon from '../../../Icons/ShipmentIcon.jsx'
 import InvoiceIcon from '../../../Icons/InvoiceIcon.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import StockEventIcon from '../../../Icons/StockEventIcon.jsx'
 
 const log = loglevel.getLogger('PurchaseOrderInfo')
@@ -39,7 +40,6 @@ const PurchaseOrderInfo = () => {
   const shipmentsTableRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -92,7 +92,7 @@ const PurchaseOrderInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -225,7 +225,7 @@ const PurchaseOrderInfo = () => {
                     <ObjectTable
                       type='orderItem'
                       masterFilter={{
-                          'order._id': purchaseOrderId,
+                        order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
                         orderType: 'purchaseOrder'
                       }}
                       visibleColumns={{ order: false }}
@@ -244,7 +244,7 @@ const PurchaseOrderInfo = () => {
                     <ObjectTable
                       type='shipment'
                       masterFilter={{
-                          'order._id': purchaseOrderId,
+                        order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
                         orderType: 'purchaseOrder'
                       }}
                       visibleColumns={{ order: false }}
@@ -266,7 +266,7 @@ const PurchaseOrderInfo = () => {
                       <ObjectTable
                         type='invoice'
                         masterFilter={{
-                            'order._id': purchaseOrderId,
+                          order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
                           orderType: 'purchaseOrder'
                         }}
                         visibleColumns={{ order: false }}
@@ -288,7 +288,7 @@ const PurchaseOrderInfo = () => {
                       <ObjectTable
                         type='stockEvent'
                         masterFilter={{
-                            'owner._id': purchaseOrderId
+                          owner: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId
                         }}
                       />
                     )}
@@ -312,9 +312,7 @@ const PurchaseOrderInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -322,8 +320,13 @@ const PurchaseOrderInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': purchaseOrderId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('purchaseOrder').prefix +
+                      ':' +
+                      purchaseOrderId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Inventory/Shipments/PurchaseOrderInfo.jsx

@@ -27,6 +27,7 @@ import NewOrderItem from '../OrderItems/NewOrderItem.jsx'
 import NewShipment from './NewShipment.jsx'
 import PostPurchaseOrder from '../PurchaseOrders/PostPurchaseOrder.jsx'
 import AcknowledgePurchaseOrder from '../PurchaseOrders/AcknowledgePurchaseOrder.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ShipmentIcon from '../../../Icons/ShipmentIcon.jsx'
 
 const log = loglevel.getLogger('PurchaseOrderInfo')
@@ -227,7 +228,7 @@ const PurchaseOrderInfo = () => {
                       <ObjectTable
                         type='orderItem'
                         masterFilter={{
-                          'order._id': purchaseOrderId,
+                          order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
                           orderType: 'purchaseOrder'
                         }}
                         visibleColumns={{ order: false }}
@@ -246,7 +247,7 @@ const PurchaseOrderInfo = () => {
                       <ObjectTable
                         type='shipment'
                         masterFilter={{
-                          'order._id': purchaseOrderId,
+                          order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
                           orderType: 'purchaseOrder'
                         }}
                         visibleColumns={{ order: false }}
@@ -282,8 +283,13 @@ const PurchaseOrderInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': purchaseOrderId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('purchaseOrder').prefix +
+                        ':' +
+                        purchaseOrderId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/Shipments/ShipmentInfo.jsx

@@ -24,6 +24,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import OrderItemIcon from '../../../Icons/OrderItemIcon.jsx'
 
 const log = loglevel.getLogger('ShipmentInfo')
@@ -34,7 +35,6 @@ const ShipmentInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -77,7 +77,7 @@ const ShipmentInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -205,7 +205,7 @@ const ShipmentInfo = () => {
                   >
                     <ObjectTable
                       type='orderItem'
-                        masterFilter={{ 'shipment._id': shipmentId }}
+                      masterFilter={{ shipment: getModelByName('shipment').prefix + ':' + shipmentId }}
                       visibleColumns={{
                         shipment: false,
                         order: false,
@@ -232,9 +232,7 @@ const ShipmentInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -242,8 +240,13 @@ const ShipmentInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': shipmentId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('shipment').prefix +
+                      ':' +
+                      shipmentId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Inventory/StockAudits/StockAuditInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('StockAuditInfo')
@@ -211,8 +212,13 @@ const StockAuditInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': stockAuditId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('stockAudit').prefix +
+                        ':' +
+                        stockAuditId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/StockLocations/StockLocationInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('StockLocationInfo')
@@ -209,8 +210,13 @@ const StockLocationInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': stockLocationId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('stockLocation').prefix +
+                        ':' +
+                        stockLocationId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Inventory/StockTransfers/StockTransferInfo.jsx

@@ -8,7 +8,7 @@ import InfoCollapse from '../../common/InfoCollapse.jsx'
 import ObjectInfo from '../../common/ObjectInfo.jsx'
 import ObjectProperty from '../../common/ObjectProperty.jsx'
 import ViewButton from '../../common/ViewButton.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
 import NoteIcon from '../../../Icons/NoteIcon.jsx'
 import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@@ -31,7 +31,6 @@ const StockTransferInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -78,7 +77,7 @@ const StockTransferInfo = () => {
     delete: () => {
       objectFormRef?.current.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -232,9 +231,7 @@ const StockTransferInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -242,8 +239,13 @@ const StockTransferInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': stockTransferId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('stockTransfer').prefix +
+                      ':' +
+                      stockTransferId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/AppPasswords/AppPasswordInfo.jsx

@@ -19,6 +19,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const AppPasswordInfo = () => {
@@ -26,7 +27,6 @@ const AppPasswordInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -178,9 +178,7 @@ const AppPasswordInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -188,8 +186,13 @@ const AppPasswordInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': appPasswordId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('appPassword').prefix +
+                      ':' +
+                      appPasswordId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/AppUpdates/AppUpdateProgress.jsx

@@ -6,6 +6,7 @@ import CloudIcon from '../../../Icons/CloudIcon'
 import HostIcon from '../../../Icons/HostIcon'
 import ReloadIcon from '../../../Icons/ReloadIcon'
 import HProgress from '../../common/HProgress'
+import ElipsisText from '../../common/ElipsisText'
 
 import CheckCircleIcon from '../../../Icons/CheckCircleIcon'
 import XMarkCircleIcon from '../../../Icons/XMarkCircleIcon'
@@ -143,9 +144,9 @@ const UpdateStage = ({ stage, status, percent, detail }) => {
               style={{ flex: 1, margin: 0 }}
             />
             {detail && (
-              <Text type='secondary' ellipsis style={{ minWidth: 0 }}>
+              <ElipsisText type='secondary' style={{ minWidth: 0 }}>
                 {detail}
-              </Text>
+              </ElipsisText>
             )}
           </Flex>
         )}

src/components/Dashboard/Management/CourierServices/CourierServiceInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('CourierServiceInfo')
@@ -201,8 +202,13 @@ const CourierServiceInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': courierServiceId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('courierService').prefix +
+                        ':' +
+                        courierServiceId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Couriers/CourierInfo.jsx

@@ -22,6 +22,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import CourierServiceIcon from '../../../Icons/CourierServiceIcon.jsx'
 
 const log = loglevel.getLogger('CourierInfo')
@@ -186,10 +187,10 @@ const CourierInfo = () => {
               ) : (
                 <ObjectTable
                   type='courierService'
-                  masterFilter={{ 'courier._id': courierId }}
+                  masterFilter={{ courier: getModelByName('courier').prefix + ':' + courierId }}
                   visibleColumns={{
                     courier: false,
-                    'courier._id': false
+                    courier: false
                   }}
                 />
               )}
@@ -219,8 +220,13 @@ const CourierInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': courierId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('courier').prefix +
+                        ':' +
+                        courierId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/DocumentJobs/DocumentJobInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('DocumentJobInfo')
@@ -199,8 +200,13 @@ const DocumentJobInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': documentJobId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('documentJob').prefix +
+                        ':' +
+                        documentJobId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('DocumentPrinterInfo')
@@ -213,8 +214,13 @@ const DocumentPrinterInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': documentPrinterId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('documentPrinter').prefix +
+                        ':' +
+                        documentPrinterId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('DocumentSizeInfo')
@@ -200,8 +201,13 @@ const DocumentSizeInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': documentSizeId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('documentSize').prefix +
+                        ':' +
+                        documentSizeId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx

@@ -22,6 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('DocumentTemplateInfo')
@@ -214,8 +215,13 @@ const DocumentTemplateInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': documentTemplateId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('documentTemplate').prefix +
+                        ':' +
+                        documentTemplateId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/FilamentSkus/FilamentSkuInfo.jsx

@@ -19,6 +19,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const FilamentSkuInfo = () => {
@@ -196,8 +197,13 @@ const FilamentSkuInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': filamentSkuId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('filamentSku').prefix +
+                        ':' +
+                        filamentSkuId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Filaments/FilamentInfo.jsx

@@ -25,6 +25,7 @@ import FilamentIcon from '../../../Icons/FilamentIcon.jsx'
 import FilamentSkuIcon from '../../../Icons/FilamentSkuIcon.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 
 const log = loglevel.getLogger('FilamentInfo')
@@ -214,7 +215,7 @@ const FilamentInfo = () => {
               <ObjectTable
                 ref={filamentSkusTableRef}
                 type='filamentSku'
-                masterFilter={{ filament: filamentId }}
+                masterFilter={{ filament: getModelByName('filament').prefix + ':' + filamentId }}
                 visibleColumns={{ filament: false }}
               />
             )}
@@ -232,7 +233,7 @@ const FilamentInfo = () => {
             ) : (
               <ObjectTable
                 type='filamentStock'
-                masterFilter={{ filament: filamentId }}
+                masterFilter={{ filament: getModelByName('filament').prefix + ':' + filamentId }}
                 visibleColumns={{
                   filament: false,
                   startingWeight: false
@@ -265,8 +266,13 @@ const FilamentInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                masterFilter={{ 'parent._id': filamentId }}
-                visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('filament').prefix +
+                      ':' +
+                      filamentId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/Files/FileInfo.jsx

@@ -28,7 +28,7 @@ import { ApiServerContext } from '../../context/ApiServerContext.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import JsonObjectIcon from '../../../Icons/JsonObjectIcon.jsx'
 import ObjectProperty from '../../common/ObjectProperty.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 
 const log = loglevel.getLogger('FileInfo')
 log.setLevel(config.logLevel)
@@ -250,8 +250,13 @@ const FileInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': fileId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('file').prefix +
+                        ':' +
+                        fileId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Hosts/HostInfo.jsx

@@ -25,6 +25,7 @@ import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import PrinterIcon from '../../../Icons/PrinterIcon.jsx'
 import DocumentPrinterIcon from '../../../Icons/DocumentPrinterIcon.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('HostInfo')
@@ -35,7 +36,6 @@ const HostInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -208,10 +208,10 @@ const HostInfo = () => {
             ) : (
               <ObjectTable
                 type='printer'
-                  masterFilter={{ 'host._id': hostId }}
+                masterFilter={{ host: getModelByName('host').prefix + ':' + hostId }}
                 visibleColumns={{
                   host: false,
-                    'host._id': false
+                  host: false
                 }}
               />
             )}
@@ -230,10 +230,10 @@ const HostInfo = () => {
             ) : (
               <ObjectTable
                 type='documentPrinter'
-                  masterFilter={{ 'host._id': hostId }}
+                masterFilter={{ host: getModelByName('host').prefix + ':' + hostId }}
                 visibleColumns={{
                   host: false,
-                    'host._id': false
+                  host: false
                 }}
               />
             )}
@@ -255,9 +255,7 @@ const HostInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -265,8 +263,13 @@ const HostInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': hostId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('host').prefix +
+                      ':' +
+                      hostId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/Materials/MaterialInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('MaterialInfo')
@@ -199,8 +200,13 @@ const MaterialInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': materialId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('material').prefix +
+                        ':' +
+                        materialId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx

@@ -18,6 +18,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const NoteTypeInfo = () => {
@@ -177,8 +178,13 @@ const NoteTypeInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': noteTypeId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('noteType').prefix +
+                        ':' +
+                        noteTypeId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Notes/NewNote.jsx

@@ -15,7 +15,7 @@ const NewNote = ({ onOk, defaultValues = {} }) => {
               <ObjectInfo
                 type='note'
                 column={1}
-                visibleProperties={{ 'parent._id': false }}
+                visibleProperties={{ parent: false }}
                 bordered={false}
                 isEditing={true}
                 required={true}

src/components/Dashboard/Management/Notes/NoteInfo.jsx

@@ -25,7 +25,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 
 const log = loglevel.getLogger('NoteInfo')
 log.setLevel(config.logLevel)
@@ -228,8 +228,13 @@ const NoteInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': noteId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('note').prefix +
+                        ':' +
+                        noteId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/PartSkus/PartSkuInfo.jsx

@@ -19,6 +19,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const PartSkuInfo = () => {
@@ -191,8 +192,13 @@ const PartSkuInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': partSkuId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('partSku').prefix +
+                        ':' +
+                        partSkuId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Parts/PartInfo.jsx

@@ -21,6 +21,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import PartSkuIcon from '../../../Icons/PartSkuIcon.jsx'
 
 const PartInfo = () => {
@@ -30,7 +31,6 @@ const PartInfo = () => {
   const partId = new URLSearchParams(location.search).get('partId')
   const partSkusTableRef = useRef()
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -162,9 +162,7 @@ const PartInfo = () => {
                   title='Part Information'
                   icon={<InfoCircleIcon />}
                   active={collapseState.info}
-                    onToggle={(expanded) =>
-                      updateCollapseState('info', expanded)
-                    }
+                  onToggle={(expanded) => updateCollapseState('info', expanded)}
                   collapseKey='info'
                 >
                   <ObjectInfo
@@ -180,9 +178,7 @@ const PartInfo = () => {
               title='Part SKUs'
               icon={<PartSkuIcon />}
               active={collapseState.partSkus}
-                onToggle={(expanded) =>
-                  updateCollapseState('partSkus', expanded)
-                }
+              onToggle={(expanded) => updateCollapseState('partSkus', expanded)}
               collapseKey='partSkus'
             >
               {objectFormState.loading ? (
@@ -191,7 +187,7 @@ const PartInfo = () => {
                 <ObjectTable
                   ref={partSkusTableRef}
                   type='partSku'
-                    masterFilter={{ part: partId }}
+                  masterFilter={{ part: getModelByName('part').prefix + ':' + partId }}
                   visibleColumns={{ part: false }}
                 />
               )}
@@ -212,9 +208,7 @@ const PartInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -222,8 +216,13 @@ const PartInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': partId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('part').prefix +
+                      ':' +
+                      partId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/ProductCategories/ProductCategoryInfo.jsx

@@ -19,6 +19,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const ProductCategoryInfo = () => {
@@ -196,8 +197,13 @@ const ProductCategoryInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': productCategoryId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('productCategory').prefix +
+                        ':' +
+                        productCategoryId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/ProductSkus/ProductSkuInfo.jsx

@@ -21,7 +21,7 @@ import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import ObjectProperty from '../../common/ObjectProperty.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import PartIcon from '../../../Icons/PartIcon.jsx'
 
 const ProductSkuInfo = () => {
@@ -224,8 +224,13 @@ const ProductSkuInfo = () => {
                 ) : (
                   <ObjectTable
                     type='auditLog'
-                    masterFilter={{ 'parent._id': productSkuId }}
-                    visibleColumns={{ _id: false, 'parent._id': false }}
+                    masterFilter={{
+                        parent:
+                          getModelByName('productSku').prefix +
+                          ':' +
+                          productSkuId
+                    }}
+                    visibleColumns={{ _id: false, parent: false }}
                   />
                 )}
               </InfoCollapse>

src/components/Dashboard/Management/Products/ProductInfo.jsx

@@ -21,6 +21,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ProductSkuIcon from '../../../Icons/ProductSkuIcon.jsx'
 
 const ProductInfo = () => {
@@ -36,7 +37,6 @@ const ProductInfo = () => {
   })
   const productSkusTableRef = useRef()
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -190,7 +190,7 @@ const ProductInfo = () => {
                       <ObjectTable
                         ref={productSkusTableRef}
                         type='productSku'
-                          masterFilter={{ product: productId }}
+                        masterFilter={{ product: getModelByName('product').prefix + ':' + productId }}
                         visibleColumns={{ product: false }}
                       />
                     )}
@@ -215,9 +215,7 @@ const ProductInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -225,8 +223,13 @@ const ProductInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': productId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('product').prefix +
+                      ':' +
+                      productId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/TaxRates/TaxRateInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('TaxRateInfo')
@@ -196,8 +197,13 @@ const TaxRateInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': taxRateId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('taxRate').prefix +
+                        ':' +
+                        taxRateId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Management/Users/UserInfo.jsx

@@ -23,7 +23,7 @@ import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import ObjectProperty from '../../common/ObjectProperty.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import { useMediaQuery } from 'react-responsive'
 
 const UserInfo = () => {
@@ -206,7 +206,7 @@ const UserInfo = () => {
             ) : (
               <ObjectTable
                 type='appPassword'
-                masterFilter={{ user: userId }}
+                masterFilter={{ user: getModelByName('user').prefix + ':' + userId }}
                 visibleColumns={{ user: false }}
                 ref={appPasswordsTableRef}
               />
@@ -227,9 +227,7 @@ const UserInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-            onToggle={(expanded) =>
-              updateCollapseState('auditLogs', expanded)
-            }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -237,8 +235,13 @@ const UserInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                masterFilter={{ 'parent._id': userId }}
-                visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('user').prefix +
+                      ':' +
+                      userId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Management/Vendors/VendorInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('VendorInfo')
@@ -196,8 +197,13 @@ const VendorInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': vendorId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('vendor').prefix +
+                        ':' +
+                        vendorId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Production/FilamentProfiles/FilamentProfileInfo.jsx

@@ -27,6 +27,7 @@ import SettingsIcon from '../../../Icons/SettingsIcon'
 import UserNotifierToggle from '../../common/UserNotifierToggle'
 import ViewButton from '../../common/ViewButton'
 import useCollapseState from '../../hooks/useCollapseState'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import {
   FILAMENT_PROFILE_BED_TEMPERATURE_PROPERTIES,
   FILAMENT_PROFILE_COMPATIBILITY_PROPERTIES,
@@ -160,7 +161,9 @@ const FilamentProfileInfo = () => {
         <Space>
           <EditButtons
             isEditing={objectFormState.isEditing}
-            handleUpdate={() => actionHandlerRef.current.callAction('finishEdit')}
+            handleUpdate={() =>
+              actionHandlerRef.current.callAction('finishEdit')
+            }
             cancelEditing={() =>
               actionHandlerRef.current.callAction('cancelEdit')
             }
@@ -533,8 +536,13 @@ const FilamentProfileInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                masterFilter={{ 'parent._id': filamentProfileId }}
-                visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('filamentProfile').prefix +
+                      ':' +
+                      filamentProfileId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx

@@ -24,7 +24,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
-import { getModelProperty } from '../../../../database/ObjectModels.js'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
 import PartIcon from '../../../Icons/PartIcon.jsx'
 
 const log = loglevel.getLogger('GCodeFileInfo')
@@ -235,8 +235,13 @@ const GCodeFileInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': gcodeFileId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('gcodeFile').prefix +
+                        ':' +
+                        gcodeFileId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Production/Jobs/DeployJob.jsx

@@ -4,6 +4,7 @@ import WizardView from '../../common/WizardView'
 import { ApiServerContext } from '../../context/ApiServerContext'
 import { Descriptions, Flex, Typography } from 'antd'
 import ObjectTable from '../../common/ObjectTable'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ObjectProperty from '../../common/ObjectProperty'
 const { Text } = Typography
 const DeployJob = ({
@@ -26,7 +27,7 @@ const DeployJob = ({
     while (hasMore == true) {
       const subJobsPage = await fetchObjects('subJob', {
         page: currentPage,
-        filter: { 'job._id': job._id }
+        filter: { job: job._id }
       })
       subJobs = [...subJobs, ...subJobsPage.data]
       if (subJobsPage.data.length >= 25) {
@@ -150,7 +151,7 @@ const DeployJob = ({
               printer: false,
               job: false
             }}
-            masterFilter={{ 'job._id': job?._id }}
+            masterFilter={{ job: getModelByName('job').prefix + ':' + job?._id }}
             size={'small'}
             showActions={!slicerIntegration}
           />

src/components/Dashboard/Production/Jobs/JobInfo.jsx

@@ -24,6 +24,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import JobIcon from '../../../Icons/JobIcon.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('JobInfo')
@@ -34,7 +35,6 @@ const JobInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -74,7 +74,7 @@ const JobInfo = () => {
     finishEdit: () => {
       objectFormRef?.current.handleUpdate()
       return true
-    },
+    }
   }
 
   return (
@@ -198,8 +198,8 @@ const JobInfo = () => {
           >
             <ObjectTable
               type='subJob'
-                masterFilter={{ 'job._id': jobId }}
-                visibleColumns={{ 'job._id': false }}
+              masterFilter={{ job: getModelByName('job').prefix + ':' + jobId }}
+              visibleColumns={{ job: false }}
             />
           </InfoCollapse>
 
@@ -219,9 +219,7 @@ const JobInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -229,8 +227,13 @@ const JobInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': jobId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('job').prefix +
+                      ':' +
+                      jobId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Production/PrinterProfiles/PrinterProfileInfo.jsx

@@ -26,7 +26,7 @@ import UserNotifierToggle from '../../common/UserNotifierToggle'
 import ViewButton from '../../common/ViewButton'
 import useCollapseState from '../../hooks/useCollapseState'
 import ObjectProperty from '../../common/ObjectProperty'
-import { getModelProperty } from '../../../../database/ObjectModels'
+import { getModelProperty, getModelByName } from '../../../../database/ObjectModels'
 import GCodeFileIcon from '../../../Icons/GCodeFileIcon'
 import SettingsIcon from '../../../Icons/SettingsIcon'
 import ExclamationOctagonIcon from '../../../Icons/ExclamationOctagonIcon'
@@ -133,7 +133,9 @@ const PrinterProfileInfo = () => {
         <Space>
           <EditButtons
             isEditing={objectFormState.isEditing}
-            handleUpdate={() => actionHandlerRef.current.callAction('finishEdit')}
+            handleUpdate={() =>
+              actionHandlerRef.current.callAction('finishEdit')
+            }
             cancelEditing={() =>
               actionHandlerRef.current.callAction('cancelEdit')
             }
@@ -385,8 +387,13 @@ const PrinterProfileInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                masterFilter={{ 'parent._id': printerProfileId }}
-                visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('printerProfile').prefix +
+                      ':' +
+                      printerProfileId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Production/Printers/PrinterInfo.jsx

@@ -24,6 +24,7 @@ import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import PrinterProfileIcon from '../../../Icons/PrinterProfileIcon.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ObjectTableNavigationButtons from '../../common/ObjectTableNavigationButtons.jsx'
 const log = loglevel.getLogger('PrinterInfo')
 log.setLevel(config.logLevel)
@@ -34,7 +35,6 @@ const PrinterInfo = () => {
   const profilesTableRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   const printerId = new URLSearchParams(location.search).get('printerId')
   const [collapseState, updateCollapseState] = useCollapseState('PrinterInfo', {
@@ -75,7 +75,7 @@ const PrinterInfo = () => {
     finishEdit: () => {
       objectFormRef?.current.handleUpdate()
       return true
-    },
+    }
   }
 
   return (
@@ -214,7 +214,7 @@ const PrinterInfo = () => {
               <ObjectTable
                 ref={profilesTableRef}
                 type='printerProfile'
-                  masterFilter={{ printer: printerId }}
+                masterFilter={{ printer: getModelByName('printer').prefix + ':' + printerId }}
                 visibleColumns={{
                   printer: false,
                   'printer._id': false
@@ -239,9 +239,7 @@ const PrinterInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -249,8 +247,13 @@ const PrinterInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': printerId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('printer').prefix +
+                      ':' +
+                      printerId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Production/SubJobs/SubJobInfo.jsx

@@ -21,6 +21,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import StockEventIcon from '../../../Icons/StockEventIcon.jsx'
 
 const SubJobInfo = () => {
@@ -173,9 +174,9 @@ const SubJobInfo = () => {
               ) : (
                 <ObjectTable
                   type='stockEvent'
-                  masterFilter={{ 'owner._id': subJobId }}
+                  masterFilter={{ owner: getModelByName('subJob').prefix + ':' + subJobId }}
                   visibleColumns={{
-                    'owner._id': false,
+                    owner: false,
                     'owner.type': false,
                     owner: false
                   }}
@@ -207,8 +208,13 @@ const SubJobInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': subJobId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('subJob').prefix +
+                        ':' +
+                        subJobId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Sales/Clients/ClientInfo.jsx

@@ -21,6 +21,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('ClientInfo')
@@ -196,8 +197,13 @@ const ClientInfo = () => {
               ) : (
                 <ObjectTable
                   type='auditLog'
-                  masterFilter={{ 'parent._id': clientId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                  masterFilter={{
+                      parent:
+                        getModelByName('client').prefix +
+                        ':' +
+                        clientId
+                  }}
+                  visibleColumns={{ _id: false, parent: false }}
                 />
               )}
             </InfoCollapse>

src/components/Dashboard/Sales/ListingVarients/ListingVarientInfo.jsx

@@ -23,6 +23,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 
 const log = loglevel.getLogger('ListingVarientInfo')
 log.setLevel(config.logLevel)
@@ -32,7 +33,6 @@ const ListingVarientInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -77,7 +77,7 @@ const ListingVarientInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -204,9 +204,7 @@ const ListingVarientInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -214,8 +212,13 @@ const ListingVarientInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': listingVarientId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                  parent:
+                    getModelByName('listingVarient').prefix +
+                    ':' +
+                    listingVarientId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Sales/Listings/ListingInfo.jsx

@@ -23,6 +23,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
 import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
 import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
 import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import ScrollBox from '../../common/ScrollBox.jsx'
 
 const log = loglevel.getLogger('ListingInfo')
@@ -34,7 +35,6 @@ const ListingInfo = () => {
   const listingVarientsTableRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -75,7 +75,7 @@ const ListingInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -197,7 +197,7 @@ const ListingInfo = () => {
                     <ObjectTable
                       type='listingVarient'
                       masterFilter={{
-                          'listing._id': listingId
+                        listing: getModelByName('listing').prefix + ':' + listingId
                       }}
                       visibleColumns={{ listing: false }}
                       ref={listingVarientsTableRef}
@@ -222,9 +222,7 @@ const ListingInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -232,8 +230,13 @@ const ListingInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': listingId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('listing').prefix +
+                      ':' +
+                      listingId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Sales/Marketplaces/MarketplaceInfo.jsx

@@ -1,4 +1,4 @@
-import { useContext, useRef, useState , useEffect} from 'react'
+import { useContext, useRef, useState, useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
 import { Card, Flex, message, Space } from 'antd'
 import loglevel from 'loglevel'
@@ -25,6 +25,7 @@ import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
 import ScrollBox from '../../common/ScrollBox.jsx'
 import { ApiServerContext } from '../../context/ApiServerContext.jsx'
 import { ElectronContext } from '../../context/ElectronContext.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import {
   buildMarketplaceAuthState,
   storeMarketplaceAuthState
@@ -38,7 +39,6 @@ const MarketplaceInfo = () => {
   const objectFormRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -268,9 +268,7 @@ const MarketplaceInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -278,8 +276,13 @@ const MarketplaceInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': marketplaceId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('marketplace').prefix +
+                      ':' +
+                      marketplaceId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/Sales/SalesOrders/SalesOrderInfo.jsx

@@ -27,6 +27,7 @@ import ScrollBox from '../../common/ScrollBox.jsx'
 import OrderItemsIcon from '../../../Icons/OrderItemIcon.jsx'
 import ShipmentIcon from '../../../Icons/ShipmentIcon.jsx'
 import InvoiceIcon from '../../../Icons/InvoiceIcon.jsx'
+import { getModelByName } from '../../../../database/ObjectModels.js'
 import StockEventIcon from '../../../Icons/StockEventIcon.jsx'
 
 const log = loglevel.getLogger('SalesOrderInfo')
@@ -39,7 +40,6 @@ const SalesOrderInfo = () => {
   const shipmentsTableRef = useRef(null)
   const actionHandlerRef = useRef(null)
 
-
   const { setOnModalOk } = useActions()
   useEffect(() => {
     setOnModalOk(() => () => {
@@ -90,7 +90,7 @@ const SalesOrderInfo = () => {
     delete: () => {
       objectFormRef?.current?.handleDelete?.()
       return true
-    },
+    }
   }
 
   return (
@@ -223,7 +223,7 @@ const SalesOrderInfo = () => {
                     <ObjectTable
                       type='orderItem'
                       masterFilter={{
-                          'order._id': salesOrderId,
+                        order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
                         orderType: 'salesOrder'
                       }}
                       visibleColumns={{ order: false }}
@@ -242,7 +242,7 @@ const SalesOrderInfo = () => {
                     <ObjectTable
                       type='shipment'
                       masterFilter={{
-                          'order._id': salesOrderId,
+                        order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
                         orderType: 'salesOrder'
                       }}
                       visibleColumns={{ order: false }}
@@ -264,7 +264,7 @@ const SalesOrderInfo = () => {
                       <ObjectTable
                         type='invoice'
                         masterFilter={{
-                            'order._id': salesOrderId,
+                          order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
                           orderType: 'salesOrder'
                         }}
                         visibleColumns={{ order: false }}
@@ -286,7 +286,7 @@ const SalesOrderInfo = () => {
                       <ObjectTable
                         type='stockEvent'
                         masterFilter={{
-                            'owner._id': salesOrderId
+                          owner: getModelByName('salesOrder').prefix + ':' + salesOrderId
                         }}
                       />
                     )}
@@ -310,9 +310,7 @@ const SalesOrderInfo = () => {
             title='Audit Logs'
             icon={<AuditLogIcon />}
             active={collapseState.auditLogs}
-              onToggle={(expanded) =>
-                updateCollapseState('auditLogs', expanded)
-              }
+            onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
             collapseKey='auditLogs'
           >
             {objectFormState.loading ? (
@@ -320,8 +318,13 @@ const SalesOrderInfo = () => {
             ) : (
               <ObjectTable
                 type='auditLog'
-                  masterFilter={{ 'parent._id': salesOrderId }}
-                  visibleColumns={{ _id: false, 'parent._id': false }}
+                masterFilter={{
+                    parent:
+                      getModelByName('salesOrder').prefix +
+                      ':' +
+                      salesOrderId
+                }}
+                visibleColumns={{ _id: false, parent: false }}
               />
             )}
           </InfoCollapse>

src/components/Dashboard/common/AddressDisplay.jsx

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import { Flex, Typography, Input } from 'antd'
 import CountryDisplay from './CountryDisplay'
 import CountrySelect from './CountrySelect'
+import ElipsisText from './ElipsisText'
 
 const { Text } = Typography
 
@@ -50,9 +51,9 @@ const AddressDisplay = ({
               {isCountry ? (
                 <CountryDisplay countryCode={fieldValue} />
               ) : (
-                <Text ellipsis alt={label}>
+                <ElipsisText alt={label}>
                   {fieldValue}
-                </Text>
+                </ElipsisText>
               )}
             </Flex>
           )

src/components/Dashboard/common/CodeBlockEditor.jsx

@@ -22,30 +22,21 @@ import { Button, Modal, Typography } from 'antd'
 
 const { Link } = Typography
 
-export default function CodeBlockEditor({
-  code = '',
-  language = 'javascript',
-  style = {},
-  className = '',
-  readOnly = false,
-  onChange = null,
-  height = 'auto',
-  showLineNumbers = true,
-  disabled = false,
-  minimal = false,
-  autoCompleteObject = null
-}) {
-  const { isDarkMode } = useThemeContext()
-  const [codeMirrorOpen, setCodeMirrorOpen] = useState(false)
-  var editorCode = code
-
-  if (typeof code == 'object' && language == 'json') {
-    editorCode = JSON.stringify(code, null, 2)
+export function toEditorCode(code, language = 'javascript') {
+  if (code == null) return ''
+  if (typeof code === 'object' && language === 'json') {
+    return JSON.stringify(code, null, 2)
   }
+  return String(code)
+}
 
-  // Map language to CodeMirror extension
-  const languageExtension = useMemo(() => {
-    switch (language.toLowerCase()) {
+export function getCodeLanguageExtension(
+  language = 'javascript',
+  autoCompleteObject = null
+) {
+  const lang = Array.isArray(language) ? language[0] : language
+
+  switch (String(lang || 'javascript').toLowerCase()) {
     case 'javascript':
     case 'js':
       return javascript()
@@ -85,9 +76,31 @@ export default function CodeBlockEditor({
     case 'yml':
       return yaml()
     default:
-        return javascript() // Default fallback
+      return javascript()
   }
-  }, [language, autoCompleteObject])
+}
+
+export default function CodeBlockEditor({
+  code = '',
+  language = 'javascript',
+  style = {},
+  className = '',
+  readOnly = false,
+  onChange = null,
+  height = 'auto',
+  showLineNumbers = true,
+  disabled = false,
+  minimal = false,
+  autoCompleteObject = null
+}) {
+  const { isDarkMode } = useThemeContext()
+  const [codeMirrorOpen, setCodeMirrorOpen] = useState(false)
+  const editorCode = toEditorCode(code, language)
+
+  const languageExtension = useMemo(
+    () => getCodeLanguageExtension(language, autoCompleteObject),
+    [language, autoCompleteObject]
+  )
 
   const handleOnChange = (value) => {
     if (typeof code == 'object' && language == 'json') {

src/components/Dashboard/common/CodeDiffViewer.jsx

@@ -0,0 +1,85 @@
+import { useLayoutEffect, useMemo, useRef } from 'react'
+import PropTypes from 'prop-types'
+import { MergeView } from '@codemirror/merge'
+import { EditorState } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { oneDark } from '@codemirror/theme-one-dark'
+import { basicSetup } from 'codemirror'
+import { useThemeContext } from '../context/ThemeContext'
+import {
+  getCodeLanguageExtension,
+  toEditorCode
+} from './CodeBlockEditor'
+
+export default function CodeDiffViewer({
+  oldCode = '',
+  newCode = '',
+  language = 'javascript'
+}) {
+  const { isDarkMode } = useThemeContext()
+  const parentRef = useRef(null)
+  const oldDoc = toEditorCode(oldCode, language)
+  const newDoc = toEditorCode(newCode, language)
+
+  const languageExtension = useMemo(
+    () => getCodeLanguageExtension(language),
+    [language]
+  )
+
+  useLayoutEffect(() => {
+    if (!parentRef.current) return
+
+    const editorTheme = EditorView.theme({
+      '&': {
+        fontSize: '14px',
+        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace'
+      }
+    })
+
+    const sharedExtensions = [
+      basicSetup,
+      languageExtension,
+      editorTheme,
+      EditorView.editable.of(false),
+      EditorState.readOnly.of(true),
+      ...(isDarkMode ? [oneDark] : [])
+    ]
+
+    const view = new MergeView({
+      a: {
+        doc: oldDoc,
+        extensions: sharedExtensions
+      },
+      b: {
+        doc: newDoc,
+        extensions: sharedExtensions
+      },
+      parent: parentRef.current,
+      highlightChanges: true,
+      gutter: true,
+      collapseUnchanged: { margin: 3, minSize: 6 }
+    })
+
+    return () => {
+      view.destroy()
+    }
+  }, [oldDoc, newDoc, languageExtension, isDarkMode])
+
+  return (
+    <div
+      ref={parentRef}
+      className={
+        isDarkMode ? 'code-diff-viewer is-dark' : 'code-diff-viewer'
+      }
+    />
+  )
+}
+
+CodeDiffViewer.propTypes = {
+  oldCode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  newCode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  language: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ])
+}

src/components/Dashboard/common/CountryDisplay.jsx

@@ -1,9 +1,8 @@
 import PropTypes from 'prop-types'
-import { Flex, Typography } from 'antd'
+import { Flex } from 'antd'
 import Flag from './Flag'
 import countries from '../../../database/Countries'
-
-const { Text } = Typography
+import ElipsisText from './ElipsisText'
 
 const CountryDisplay = ({ countryCode }) => {
   const country = countries.find((c) => c.code === countryCode)
@@ -17,7 +16,7 @@ const CountryDisplay = ({ countryCode }) => {
       gap={'small'}
       align='center'
       className='country-display'
-      style={{ minWidth: 0 }}
+      style={{ minWidth: 0, width: '100%' }}
     >
       <Flag
         code={country.code}
@@ -25,8 +24,8 @@ const CountryDisplay = ({ countryCode }) => {
         hasBorder={true}
         borderRadius={5}
       />
-      <div style={{ minWidth: 0 }}>
-        <Text ellipsis>{country.name}</Text>
+      <div style={{ minWidth: 0, flex: 1, overflow: 'hidden' }}>
+        <ElipsisText>{country.name}</ElipsisText>
       </div>
     </Flex>
   )

src/components/Dashboard/common/CountrySelect.jsx

@@ -1,9 +1,8 @@
-import { Select, Flex, Typography } from 'antd'
+import { Select, Flex } from 'antd'
 import PropTypes from 'prop-types'
 import Flag from './Flag'
 import countries from '../../../database/Countries'
-
-const { Text } = Typography
+import ElipsisText from './ElipsisText'
 
 const CountrySelect = ({
   value,
@@ -30,7 +29,7 @@ const CountrySelect = ({
           label: (
             <Flex gap='small' align='center' className='country-display'>
               <Flag code={country.code} size='small' borderRadius={3} />
-              <Text elipsis>{country.name}</Text>
+              <ElipsisText>{country.name}</ElipsisText>
             </Flex>
           )
         }))}

src/components/Dashboard/common/DashboardNavigation.jsx

@@ -22,6 +22,7 @@ import { Header } from 'antd/es/layout/layout'
 import { useMediaQuery } from 'react-responsive'
 import KeyboardShortcut from './KeyboardShortcut'
 import UserProfilePopover from './UserProfilePopover'
+import ElipsisText from './ElipsisText'
 
 import FarmControlLogo from '../../Logos/FarmControlLogo'
 import FarmControlLogoSmall from '../../Logos/FarmControlLogoSmall'
@@ -194,19 +195,17 @@ const DashboardNavigation = () => {
           }}
         >
           {selectedMenuItem.icon}
-          <Text
-            ellipsis
+          <ElipsisText
             style={{
-              minWidth: 0, // CRUCIAL for flex children
-              maxWidth: '100%', // Responsive
+              minWidth: 0,
+              maxWidth: '100%',
               whiteSpace: 'nowrap',
               overflow: 'hidden',
-              textOverflow: 'ellipsis',
-              flex: 1 // Take available space, shrink as needed
+              flex: 1
             }}
           >
             {selectedMenuItem.label}
-          </Text>
+          </ElipsisText>
         </Flex>
       )}
       <div style={{ flexGrow: 1 }}>

src/components/Dashboard/common/DiffLabel.jsx

@@ -0,0 +1,116 @@
+import { useMemo, useState } from 'react'
+import PropTypes from 'prop-types'
+import { Button, Modal, Typography, theme, Flex } from 'antd'
+import { presentableDiff } from '@codemirror/merge'
+import CodeDiffViewer from './CodeDiffViewer'
+import { toEditorCode } from './CodeBlockEditor'
+
+const { Link, Text } = Typography
+
+const SQUARE_COUNT = 10
+
+const countLines = (str) => {
+  if (!str) return 0
+  const parts = str.split('\n')
+  if (parts[parts.length - 1] === '') parts.pop()
+  return Math.max(parts.length, 1)
+}
+
+export function getCodeDiffStats(oldCode, newCode, language = 'javascript') {
+  const oldText = toEditorCode(oldCode, language)
+  const newText = toEditorCode(newCode, language)
+  const changes = presentableDiff(oldText, newText)
+  let additions = 0
+  let deletions = 0
+
+  for (const change of changes) {
+    const deleted = oldText.slice(change.fromA, change.toA)
+    const added = newText.slice(change.fromB, change.toB)
+    if (deleted) deletions += countLines(deleted)
+    if (added) additions += countLines(added)
+  }
+
+  return { additions, deletions }
+}
+
+export default function DiffLabel({
+  oldCode = '',
+  newCode = '',
+  language = 'javascript'
+}) {
+  const { token } = theme.useToken()
+  const [open, setOpen] = useState(false)
+  const [viewerReady, setViewerReady] = useState(false)
+  const { additions, deletions } = useMemo(
+    () => getCodeDiffStats(oldCode, newCode, language),
+    [oldCode, newCode, language]
+  )
+
+  const greenCount = Math.round(
+    (additions / (additions + deletions)) * SQUARE_COUNT
+  )
+
+  return (
+    <>
+      <Link
+        className='diff-label'
+        onClick={() => {
+          setOpen(true)
+        }}
+      >
+        <Flex gap='small' align='center' style={{ marginTop: 0.5 }}>
+          <Text style={{ color: token.colorSuccess }}>+{additions}</Text>
+          <Flex gap='4px' align='center' style={{ marginBottom: 2 }}>
+            {Array.from({ length: SQUARE_COUNT }).map((_, i) => (
+              <div
+                key={i}
+                className='diff-label-square'
+                style={{
+                  backgroundColor:
+                    i < greenCount ? token.colorSuccess : token.colorError
+                }}
+              />
+            ))}
+          </Flex>
+          <Text style={{ color: token.colorError }}>-{deletions}</Text>
+        </Flex>
+      </Link>
+      <Modal
+        closeIcon={false}
+        open={open}
+        width='90%'
+        destroyOnClose
+        afterOpenChange={setViewerReady}
+        onCancel={() => {
+          setOpen(false)
+        }}
+        footer={
+          <Button
+            onClick={() => {
+              setOpen(false)
+            }}
+          >
+            Close
+          </Button>
+        }
+      >
+        {viewerReady ? (
+          <CodeDiffViewer
+            oldCode={oldCode}
+            newCode={newCode}
+            language={language}
+          />
+        ) : null}
+      </Modal>
+    </>
+  )
+}
+
+DiffLabel.propTypes = {
+  oldCode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  newCode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  language: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ])
+}

src/components/Dashboard/common/ElipsisText.jsx

@@ -0,0 +1,108 @@
+import { useLayoutEffect, useRef, useState } from 'react'
+import PropTypes from 'prop-types'
+import { Typography } from 'antd'
+
+const { Text } = Typography
+
+const childrenToString = (children) => {
+  if (children == null || typeof children === 'boolean') return ''
+  if (typeof children === 'string' || typeof children === 'number') {
+    return String(children)
+  }
+  if (Array.isArray(children)) {
+    return children.map(childrenToString).join('')
+  }
+  if (typeof children === 'object' && children.props) {
+    return childrenToString(children.props.children)
+  }
+  return ''
+}
+
+const splitMiddle = (text) => {
+  const mid = Math.ceil(text.length / 2)
+  return {
+    start: text.slice(0, mid),
+    end: text.slice(mid)
+  }
+}
+
+const ElipsisText = ({ children, style, className, title, code, ...rest }) => {
+  const text = childrenToString(children)
+  const { start, end } = splitMiddle(text)
+
+  const containerRef = useRef(null)
+  const measureRef = useRef(null)
+  const truncatedRef = useRef(false)
+  const [truncated, setTruncated] = useState(false)
+
+  useLayoutEffect(() => {
+    const container = containerRef.current
+    const measure = measureRef.current
+    if (!container || !measure) return
+
+    const update = () => {
+      const available = container.getBoundingClientRect().width
+      if (available < 1) return
+
+      const textWidth = measure.getBoundingClientRect().width
+      const next = Boolean(end) && textWidth > available
+      if (truncatedRef.current === next) return
+      truncatedRef.current = next
+      setTruncated(next)
+    }
+
+    update()
+    const frame = requestAnimationFrame(update)
+
+    const resizeObserver = new ResizeObserver(update)
+    resizeObserver.observe(container)
+
+    const intersectionObserver = new IntersectionObserver(update)
+    intersectionObserver.observe(container)
+
+    return () => {
+      cancelAnimationFrame(frame)
+      resizeObserver.disconnect()
+      intersectionObserver.disconnect()
+    }
+  }, [text, end])
+
+  const showTruncated = truncated && Boolean(end)
+  const RootTag = code ? 'code' : 'span'
+
+  return (
+    <Text
+      {...rest}
+      className={['elipsis-text-wrapper', className].filter(Boolean).join(' ')}
+      title={title ?? text}
+      style={style}
+    >
+      <span
+        className={showTruncated ? 'elipsis-text is-truncated' : 'elipsis-text'}
+        ref={containerRef}
+      >
+        <RootTag className='elipsis-text-measure' ref={measureRef}>
+          {text}
+        </RootTag>
+        <RootTag className='elipsis-text-full'>{text}</RootTag>
+        <RootTag className='elipsis-text-truncated'>
+          <span className='elipsis-text-start'>{start}</span>
+          <span className='elipsis-text-dots'>...</span>
+          <span className='elipsis-text-end'>
+            <span className='elipsis-text-end-inner'>{end}</span>
+          </span>
+        </RootTag>
+      </span>
+    </Text>
+  )
+}
+
+ElipsisText.propTypes = {
+  children: PropTypes.node,
+  style: PropTypes.object,
+  className: PropTypes.string,
+  title: PropTypes.string,
+  code: PropTypes.bool
+}
+
+export default ElipsisText

src/components/Dashboard/common/EmailDisplay.jsx

@@ -3,6 +3,7 @@ import { Typography, Flex, Button, Tooltip } from 'antd'
 import NewMailIcon from '../../Icons/NewMailIcon'
 // import CopyIcon from './CopyIcon'
 import CopyButton from './CopyButton'
+import ElipsisText from './ElipsisText'
 
 const { Text, Link } = Typography
 
@@ -18,9 +19,9 @@ const EmailDisplay = ({ email, showCopy = true, showLink = false }) => {
           </Link>
         ) : (
           <>
-            <Text style={{ marginRight: 8 }} ellipsis>
+            <ElipsisText style={{ marginRight: 8 }}>
               {email}
-            </Text>
+            </ElipsisText>
             <Tooltip title='Email' arrow={false}>
               <Button
                 icon={<NewMailIcon />}

src/components/Dashboard/common/FileList.jsx

@@ -1,4 +1,4 @@
-import { Card, Flex, Typography, Button, Tag, Divider } from 'antd'
+import { Card, Flex, Button, Tag, Divider } from 'antd'
 import PropTypes from 'prop-types'
 import FileIcon from '../../Icons/FileIcon'
 import BinIcon from '../../Icons/BinIcon'
@@ -11,8 +11,7 @@ import EyeSlashIcon from '../../Icons/EyeSlashIcon'
 import { getModelByName } from '../../../database/ObjectModels'
 import InfoCircleIcon from '../../Icons/InfoCircleIcon'
 import { useNavigate } from 'react-router-dom'
-
-const { Text } = Typography
+import ElipsisText from './ElipsisText'
 
 const FileList = ({
   files,
@@ -87,15 +86,15 @@ const FileList = ({
         <Flex
           gap={'small'}
           align='center'
-          style={{ minWidth: 0, flex: '0 1 auto', overflow: 'hidden' }}
+          style={{ minWidth: 0, flex: '1 1 auto', overflow: 'hidden' }}
         >
           <FileIcon
             style={{ margin: 0, fontSize: card == true ? '24px' : '16px' }}
           />
 
-          <Text style={{ marginTop: '1px', minWidth: 0 }} ellipsis>
+          <ElipsisText style={{ marginTop: '1px', minWidth: 0 }}>
             {file.name || file.filename || 'Unknown file'}
-          </Text>
+          </ElipsisText>
           {file.extension && <Tag style={{ margin: 0 }}>{file.extension}</Tag>}
         </Flex>
         {!minimal && (

src/components/Dashboard/common/IdDisplay.jsx

@@ -4,6 +4,7 @@ import { Flex, Typography, Popover } from 'antd'
 import { useNavigate } from 'react-router-dom'
 import { useMediaQuery } from 'react-responsive'
 import CopyButton from './CopyButton'
+import ElipsisText from './ElipsisText'
 import SpotlightTooltip from './SpotlightTooltip'
 import { getModelByName } from '../../../database/ObjectModels'
 import { buildActionUrl } from '../../../utils/modelActions'
@@ -68,13 +69,12 @@ const IdDisplay = ({
 
         if (plainCode == false) {
           textElement = (
-            <Text
+            <ElipsisText
               code
-              ellipsis
               style={showCopy ? { marginRight: 6, minWidth: '0px' } : undefined}
             >
               {displayId}
-            </Text>
+            </ElipsisText>
           )
         }
 
@@ -83,8 +83,12 @@ const IdDisplay = ({
           const linkElement = (
             <Link
               onClick={() => navigate(hyperlink)}
-              ellipsis
-              style={showCopy ? { marginRight: 6 } : undefined}
+              style={{
+                minWidth: 0,
+                maxWidth: '100%',
+                display: 'block',
+                ...(showCopy ? { marginRight: 6 } : null)
+              }}
             >
               {textElement}
             </Link>

src/components/Dashboard/common/MiscId.jsx

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types'
 import { Flex, Typography } from 'antd'
 import CopyButton from './CopyButton'
+import ElipsisText from './ElipsisText'
 
 const { Text } = Typography
 
@@ -15,13 +16,12 @@ const MiscId = ({ value, showCopy = true }) => {
       className='miscid'
       style={{ minWidth: '0px', width: '100%' }}
     >
-      <Text
+      <ElipsisText
         code
-        ellipsis
         style={showCopy ? { marginRight: 6, minWidth: '0px' } : undefined}
       >
         {value}
-      </Text>
+      </ElipsisText>
 
       {showCopy && (
         <CopyButton

src/components/Dashboard/common/NoteItem.jsx

@@ -71,7 +71,9 @@ const NoteItem = ({
     setChildNotesLoading(true)
     try {
       const childNotesData = await fetchObjects('note', {
-        filter: { 'parent._id': note._id }
+        filter: {
+          parent: getModelByName('note').prefix + ':' + note._id
+        }
       })
       setChildNotes(childNotesData.data)
     } catch (error) {
@@ -105,7 +107,7 @@ const NoteItem = ({
       if (isExpanded == true) {
         subscribeToObjectTypeUpdatesRef.current = subscribeToObjectTypeUpdates(
           'note',
-          { 'parent._id': note._id },
+          { parent: getModelByName('note').prefix + ':' + note._id },
           () => {
             if (isExpanded == true) {
               handleNoteExpand()

src/components/Dashboard/common/NotesPanel.jsx

@@ -19,6 +19,7 @@ import InfoCircleIcon from '../../Icons/InfoCircleIcon'
 import ReloadIcon from '../../Icons/ReloadIcon'
 import NewNote from '../Management/Notes/NewNote'
 import NoteItem from './NoteItem'
+import { getModelByName } from '../../../database/ObjectModels.js'
 
 const { Text } = Typography
 
@@ -40,14 +41,14 @@ const NotesPanel = ({ _id, type }) => {
   const fetchData = useCallback(
     async (id) => {
       try {
-        const newData = await fetchNotes(id)
+        const newData = await fetchNotes(id, type)
         return newData
       } catch (error) {
         setError(error)
         return null
       }
     },
-    [fetchNotes]
+    [fetchNotes, type]
   )
 
   const generateNotes = useCallback(
@@ -98,7 +99,7 @@ const NotesPanel = ({ _id, type }) => {
     if (connected == true && subscribeToObjectTypeUpdatesRef.current == null) {
       subscribeToObjectTypeUpdatesRef.current = subscribeToObjectTypeUpdates(
         'note',
-        { 'parent._id': _id },
+        { parent: getModelByName(type).prefix + ':' + _id },
         () => handleReloadData()
       )
     }

src/components/Dashboard/common/Notification.jsx

@@ -23,6 +23,7 @@ import ExclamationOctagonIcon from '../../Icons/ExclamationOctagonIcon'
 import CheckCircleIcon from '../../Icons/CheckCircleIcon'
 import BellIcon from '../../Icons/BellIcon'
 import { getModelByName } from '../../../database/ObjectModels'
+import ElipsisText from './ElipsisText'
 
 const { Text, Paragraph } = Typography
 
@@ -361,13 +362,12 @@ const Notification = ({
               {inlineIcon &&
                 getNotificationIcon(notification.type, notification.metadata)}
 
-              <Text
+              <ElipsisText
                 strong={!notification.read}
-                ellipsis
                 style={{ minWidth: 0 }}
               >
                 {notification.title}
-              </Text>
+              </ElipsisText>
             </Flex>
             <Flex align='center' gap='5px' style={{ marginLeft: 10 }}>
               {showDetails && (

src/components/Dashboard/common/ObjectDisplay.jsx

@@ -9,6 +9,7 @@ import { ApiServerContext } from '../context/ApiServerContext'
 import { AuthContext } from '../context/AuthContext'
 import merge from 'lodash/merge'
 import IdDisplay from './IdDisplay'
+import ElipsisText from './ElipsisText'
 import SpotlightTooltip from './SpotlightTooltip'
 import StateTag from './StateTag'
 
@@ -183,13 +184,7 @@ const ObjectDisplay = ({
   const objectId = getStringId(objectData)
 
   if (defaultModelActions.length >= 1 && objectId) {
-    hyperlink = buildActionUrl(
-      model,
-      defaultModelActions[0],
-      objectId,
-      '',
-      ''
-    )
+    hyperlink = buildActionUrl(model, defaultModelActions[0], objectId, '', '')
   }
 
   // Render name with hyperlink/spotlight support
@@ -197,9 +192,9 @@ const ObjectDisplay = ({
     if (!objectData?.name) return null
 
     const textElement = (
-      <Text ellipsis style={{ lineHeight: '1', paddingBottom: '2px' }}>
+      <ElipsisText style={{ lineHeight: '1', paddingBottom: '2px' }}>
         {objectData.name}
-      </Text>
+      </ElipsisText>
     )
 
     // If hyperlink is enabled
@@ -268,7 +263,7 @@ const ObjectDisplay = ({
         style={{ minWidth: 0, height: '24px' }}
       >
         <Icon />
-        <Flex gap={'small'} align='center' style={{ minWidth: 0 }}>
+        <Flex gap={'small'} align='center' style={{ minWidth: 0, flex: 1 }}>
           {objectData?.color ? (
             <Badge
               color={objectData?.color}
@@ -282,7 +277,7 @@ const ObjectDisplay = ({
               style={{ marginBottom: '1.5px' }}
             />
           ) : null}
-          <div style={{ minWidth: 0 }}>
+          <div style={{ minWidth: 0, flex: 1, overflow: 'hidden' }}>
             {renderNameDisplay()}
 
             {objectId && !objectData?.name ? (

src/components/Dashboard/common/ObjectProperty.jsx

@@ -51,6 +51,7 @@ import MiscId from './MiscId'
 import AddressDisplay from './AddressDisplay'
 import ArrayDisplay from './ArrayDisplay'
 import ArrayInput from './ArrayInput'
+import ElipsisText from './ElipsisText'
 import { round } from '../utils/Utils'
 
 const { Text } = Typography
@@ -378,11 +379,11 @@ const ObjectProperty = ({
         case 'text':
           if (value != null && value != '') {
             return (
-              <Text ellipsis style={style}>
+              <ElipsisText style={style}>
                 {prefix}
                 {getTextValue(value)}
                 {suffix}
-              </Text>
+              </ElipsisText>
             )
           } else {
             return (

src/components/Dashboard/common/PropertyChanges.jsx

@@ -1,7 +1,11 @@
 import PropTypes from 'prop-types'
 import { Descriptions, Typography, Flex } from 'antd'
-import { getModelProperty } from '../../../database/ObjectModels'
+import {
+  getModelProperty,
+  getPropertyValue
+} from '../../../database/ObjectModels'
 import ObjectProperty from './ObjectProperty'
+import DiffLabel from './DiffLabel'
 import ArrowRightIcon from '../../Icons/ArrowRightIcon'
 
 const { Text } = Typography
@@ -51,6 +55,17 @@ const PropertyChanges = ({ type, value }) => {
         if (!changeProperty) {
           return null
         }
+
+        const oldValue = getPropertyValue(value?.old, key)
+        const newValue = getPropertyValue(value?.new, key)
+        const isCodeKey = key === 'code' || changeProperty.type === 'codeBlock'
+        const isCodeEdit =
+          isCodeKey &&
+          oldValue != null &&
+          oldValue !== '' &&
+          newValue != null &&
+          newValue !== ''
+
         return (
           <Descriptions.Item key={key} label={changeProperty.label}>
             <Flex
@@ -58,6 +73,14 @@ const PropertyChanges = ({ type, value }) => {
               style={{ minWidth: 0, width: '100%' }}
               className='property-changes'
             >
+              {isCodeEdit ? (
+                <DiffLabel
+                  oldCode={oldValue}
+                  newCode={newValue}
+                  language={changeProperty.language}
+                />
+              ) : (
+                <>
                   {value?.old ? (
                     <ObjectProperty
                       {...changeProperty}
@@ -83,6 +106,8 @@ const PropertyChanges = ({ type, value }) => {
                       maxWidth='200px'
                     />
                   ) : null}
+                </>
+              )}
             </Flex>
           </Descriptions.Item>
         )

src/components/Dashboard/common/UrlDisplay.jsx

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import { Typography, Flex, Button, Tooltip } from 'antd'
 import LinkIcon from '../../Icons/LinkIcon'
 import CopyButton from './CopyButton'
+import ElipsisText from './ElipsisText'
 
 const { Text, Link } = Typography
 
@@ -24,15 +25,15 @@ const UrlDisplay = ({ url, showCopy = true, showLink = false }) => {
               width: 0
             }}
           >
-            <Text ellipsis style={{ display: 'block' }}>
+            <ElipsisText style={{ display: 'block' }}>
               {url}
-            </Text>
+            </ElipsisText>
           </Link>
         ) : (
           <>
-            <Text style={{ marginRight: 8, minWidth: 0 }} ellipsis>
+            <ElipsisText style={{ marginRight: 8, minWidth: 0 }}>
               {url}
-            </Text>
+            </ElipsisText>
             <Tooltip title='Open URL' arrow={false}>
               <Button
                 icon={<LinkIcon />}

src/components/Dashboard/common/UserProfilePopover.jsx

@@ -8,6 +8,7 @@ import { User } from '../../../database/models/User'
 import { buildActionUrl } from '../../../utils/modelActions'
 import { AuthContext } from '../context/AuthContext'
 import ObjectActions from './ObjectActions'
+import ElipsisText from './ElipsisText'
 
 const { Text } = Typography
 
@@ -89,13 +90,12 @@ const UserProfilePopover = ({ onClose }) => {
         )}
         <Flex vertical style={{ minWidth: 0 }}>
           {fullName && (
-            <Text
+            <ElipsisText
               strong
-              ellipsis
               style={{ fontSize: 18, lineHeight: 1, marginTop: 1 }}
             >
               {fullName}
-            </Text>
+            </ElipsisText>
           )}
           {email && (
             <Space>
@@ -106,13 +106,12 @@ const UserProfilePopover = ({ onClose }) => {
               >
                 @{username}
               </Text>
-              <Text
+              <ElipsisText
                 type='secondary'
-                ellipsis
                 style={{ fontSize: 12, lineHeight: 1 }}
               >
                 {email}
-              </Text>
+              </ElipsisText>
             </Space>
           )}
           {!username && !fullName && !email && (

src/components/Dashboard/context/ActionsModalContext.jsx

@@ -16,6 +16,7 @@ import {
   buildActionUrl,
   stripActionParams
 } from '../../../utils/modelActions'
+import ElipsisText from '../common/ElipsisText'
 
 const ActionsModalContext = createContext()
 
@@ -291,15 +292,14 @@ const ActionsModalProvider = ({ children }) => {
                         >
                           {Icon ? <Icon style={{ fontSize: '18px' }} /> : null}
                           <Flex vertical style={{ flexGrow: 1, minWidth: 0 }}>
-                            <Text
-                              ellipsis
+                            <ElipsisText
                               style={{
                                 maxWidth: 320,
                                 width: '100%'
                               }}
                             >
                               {action.fullLabel || action.label || action.name}
-                            </Text>
+                            </ElipsisText>
                           </Flex>
                         </Flex>
                         <Flex gap='small' align='center'>

src/components/Dashboard/context/ApiServerContext.jsx

@@ -1543,12 +1543,12 @@ const ApiServerProvider = ({ children }) => {
   }
 
   // Fetch notes for a specific parent
-  const fetchNotes = async (parentId) => {
-    logger.debug('Fetching notes for parent:', parentId)
+  const fetchNotes = async (parentId, parentType) => {
+    logger.debug('Fetching notes for parent:', parentId, parentType)
     try {
       const response = await axios.get(`${config.backendUrl}/notes`, {
         params: {
-          'parent._id': parentId,
+          parent: getModelByName(parentType).prefix + ':' + parentId,
           sort: 'createdAt',
           order: 'ascend'
         },
@@ -1564,7 +1564,7 @@ const ApiServerProvider = ({ children }) => {
     } catch (err) {
       console.error(err)
       showError(err, () => {
-        fetchNotes(parentId)
+        fetchNotes(parentId, parentType)
       })
     }
   }

src/components/Dashboard/context/SpotlightContext.jsx

@@ -26,6 +26,7 @@ import PropTypes from 'prop-types'
 import { useNavigate } from 'react-router-dom'
 import StateDisplay from '../common/StateDisplay'
 import IdDisplay from '../common/IdDisplay'
+import ElipsisText from '../common/ElipsisText'
 
 import config from '../../../config'
 import {
@@ -501,8 +502,7 @@ const SpotlightContent = ({
                         {Icon ? <Icon style={{ fontSize: '20px' }} /> : null}
 
                         {item.name ? (
-                          <Text
-                            ellipsis
+                          <ElipsisText
                             style={{
                               maxWidth: 170,
                               flexGrow: 1,
@@ -510,7 +510,7 @@ const SpotlightContent = ({
                             }}
                           >
                             {item.name}
-                          </Text>
+                          </ElipsisText>
                         ) : null}
                         {item?.state ? (
                           <StateDisplay

src/database/models/AppPassword.js

@@ -97,7 +97,6 @@ export const AppPassword = {
     'name',
     'user',
     'active',
-    'user._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/AuditLog.js

@@ -17,8 +17,8 @@ export const AuditLog = {
     'createdAt'
   ],
   filters: [
-    'parent._id',
-    'owner._id',
+    'parent',
+    'owner',
     'operation',
     'createdAt',
     'updatedAt',

src/database/models/CourierService.js

@@ -89,7 +89,6 @@ export const CourierService = {
   filters: [
     '_id',
     'courier',
-    'courier._id',
     'name',
     'active',
     'tracked',

src/database/models/Filament.js

@@ -110,7 +110,6 @@ export const Filament = {
   filters: [
     '_id',
     'material',
-    'material._id',
     'diameter',
     'name',
     'cost',

src/database/models/FilamentSku.js

@@ -90,7 +90,6 @@ export const FilamentSku = {
     '_id',
     'barcode',
     'filament',
-    'filament._id',
     'name',
     'color',
     'cost',

src/database/models/FilamentStock.js

@@ -45,14 +45,11 @@ export const FilamentStock = {
   ],
   filters: [
     'filament',
-    'filament._id',
     'filamentSku',
     'state',
     'startingWeight',
     'currentWeight',
-    'filamentSku._id',
     'stockLocation',
-    'stockLocation._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/GCodeFile.js

@@ -101,9 +101,7 @@ export const GCodeFile = {
     '_id',
     'name',
     'filament',
-    'filament._id',
     'filamentSku',
-    'filamentSku._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/Invoice.js

@@ -166,10 +166,7 @@ export const Invoice = {
     'vendor',
     'client',
     'state',
-    'vendor._id',
-    'client._id',
     'order',
-    'order._id',
     'orderType',
     'createdAt',
     'updatedAt',

src/database/models/ListingVarient.js

@@ -122,7 +122,6 @@ export const ListingVarient = {
   ],
   filters: [
     'listing',
-    'listing._id',
     'product',
     'productSku',
     'state',

src/database/models/Note.js

@@ -56,12 +56,10 @@ export const Note = {
   filters: [
     '_id',
     'user',
-    'user._id',
     'parentType',
     'parent',
-    'parent._id',
+    'parent',
     'noteType',
-    'noteType._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/OrderItem.js

@@ -87,12 +87,9 @@ export const OrderItem = {
     'name',
     'itemType',
     'item',
-    'item._id',
     'order',
-    'order._id',
     'orderType',
     'shipment',
-    'shipment._id',
     'state',
     'createdAt',
     'updatedAt',

src/database/models/PartSku.js

@@ -92,7 +92,6 @@ export const PartSku = {
     '_id',
     'barcode',
     'part',
-    'part._id',
     'name',
     'cost',
     'price',

src/database/models/PartStock.js

@@ -36,9 +36,7 @@ export const PartStock = {
     'state',
     'startingQuantity',
     'currentQuantity',
-    'partSku._id',
     'stockLocation',
-    'stockLocation._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/Payment.js

@@ -163,10 +163,7 @@ export const Payment = {
     'vendor',
     'client',
     'state',
-    'vendor._id',
-    'client._id',
     'invoice',
-    'invoice._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/Product.js

@@ -102,7 +102,6 @@ export const Product = {
     'name',
     'globalPrice',
     'productCategory',
-    'productCategory._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/ProductSku.js

@@ -92,7 +92,6 @@ export const ProductSku = {
     '_id',
     'barcode',
     'product',
-    'product._id',
     'name',
     'cost',
     'price',

src/database/models/ProductStock.js

@@ -7,6 +7,7 @@ const PostProductStock = lazy(
   () => import('../../components/Dashboard/Inventory/ProductStocks/PostProductStock')
 )
 import ProductStockIcon from '../../components/Icons/ProductStockIcon'
+import { getModelByName } from '../ObjectModels.js'
 import InfoCircleIcon from '../../components/Icons/InfoCircleIcon'
 import EditIcon from '../../components/Icons/EditIcon'
 import CheckIcon from '../../components/Icons/CheckIcon'
@@ -103,9 +104,7 @@ export const ProductStock = {
     'productSku',
     'state',
     'currentQuantity',
-    'productSku._id',
     'stockLocation',
-    'stockLocation._id',
     'createdAt',
     'updatedAt',
     '_reference'
@@ -227,7 +226,9 @@ export const ProductStock = {
           masterFilter: (objectData) => {
             const partSkuId = objectData?.partSku?._id
             if (partSkuId == null) return {}
-            return { 'partSku._id': partSkuId }
+            return {
+              partSku: getModelByName('partSku').prefix + ':' + partSkuId
+            }
           }
         },
         {

src/database/models/PurchaseOrder.js

@@ -231,7 +231,6 @@ export const PurchaseOrder = {
     'vendor',
     'state',
     'value',
-    'vendor._id',
     'totalAmount',
     'totalAmountWithTax',
     'totalTaxAmount',

src/database/models/SalesOrder.js

@@ -238,7 +238,6 @@ export const SalesOrder = {
     'client',
     'state',
     'value',
-    'client._id',
     'createdAt',
     'updatedAt',
     '_reference'

src/database/models/Shipment.js

@@ -147,7 +147,6 @@ export const Shipment = {
     'order',
     'state',
     'courierService',
-    'order._id',
     'taxRate',
     'createdAt',
     'updatedAt',

src/database/models/StockEvent.js

@@ -9,14 +9,8 @@ export const StockEvent = {
   icon: StockEventIcon,
   actions: [],
   columns: ['_reference', 'owner', 'parent', 'value', 'createdAt', 'updatedAt'],
-  filters: [
-    'owner._id',
-    'parent._id',
-    'createdAt',
-    'updatedAt',
-    '_reference'
-  ],
-  sorters: ['createdAt','updatedAt'],
+  filters: ['owner', 'parent', 'createdAt', 'updatedAt', '_reference'],
+  sorters: ['createdAt', 'updatedAt'],
   properties: [
     {
       name: '_id',