Add partSku field to GCodeFile model for enhanced object filtering

- Introduced a new 'partSku' field in the GCodeFile model, which is required and supports object type filtering.
- Implemented a masterFilter function to facilitate filtering based on the associated part ID, improving data management and retrieval.

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

@@ -278,8 +278,8 @@ const ControlPrinter = ({ slicerIntegration = false }) => {
         </Flex>
 
         <AlertsDisplay
-          alerts={objectFormState.objectData?.alerts}
+          object={objectFormState.objectData}
-          printerId={printerId}
+          objectType='printer'
         />
 
         <ScrollBox>

src/components/Dashboard/common/AlertsDisplay.jsx

@@ -1,27 +1,36 @@
 import PropTypes from 'prop-types'
-import { createElement } from 'react'
+import { createElement, useContext } from 'react'
 import { Flex, Alert, Button, Dropdown } from 'antd'
 import ExclamationOctagonIcon from '../../Icons/ExclamationOctagonIcon'
 import InfoCircleIcon from '../../Icons/InfoCircleIcon'
-import { CaretDownOutlined } from '@ant-design/icons'
+import XMarkIcon from '../../Icons/XMarkIcon'
-
 import { getModelByName } from '../../../database/ObjectModels'
 import { useNavigate } from 'react-router-dom'
+import ActionsIcon from '../../Icons/ActionsIcon'
+import { ApiServerContext } from '../context/ApiServerContext'
 
 const AlertsDisplay = ({
-  alerts = [],
+  object,
-  printerId,
+  objectType,
   showDismiss = true,
   showActions = true
 }) => {
+  const alerts = object?.alerts ?? []
+  const objectId = object?._id
   const getAlertType = (type, priority) => {
     if (type === 'error' || priority === '9') return 'error'
     if (type === 'warning' || priority === '8') return 'warning'
     return 'info'
   }
 
-  const printerModel = getModelByName('printer')
+  const model = objectType ? getModelByName(objectType) : null
   const navigate = useNavigate()
+  const { updateObject } = useContext(ApiServerContext)
+
+  const handleDismissAlert = (alertId) => {
+    const updatedAlerts = alerts.filter((a) => a._id !== alertId)
+    updateObject(objectId, objectType, { alerts: updatedAlerts })
+  }
   const getAlertIcon = (type, priority) => {
     if (type === 'error' || priority === '9') return <ExclamationOctagonIcon />
     if (type === 'warning' || priority === '8')
@@ -103,7 +112,7 @@ const AlertsDisplay = ({
   }
 
   const alertElements = alerts.map((alert, index) => {
-    const printerActions = printerModel?.actions || []
+    const objectActions = model?.actions || []
 
     const alertActionKeys = Array.isArray(alert?.actions)
       ? alert.actions
@@ -116,7 +125,7 @@ const AlertsDisplay = ({
       : []
 
     const allowedKeys = new Set(alertActionKeys)
-    const filteredActions = filterActionsByKeys(printerActions, allowedKeys)
+    const filteredActions = filterActionsByKeys(objectActions, allowedKeys)
 
     const findActionByKey = (actions, key) => {
       if (!Array.isArray(actions)) return null
@@ -144,7 +153,7 @@ const AlertsDisplay = ({
         const action = findActionByKey(filteredActions, key)
 
         if (action?.url) {
-          navigate(action.url(printerId))
+          navigate(action.url(objectId))
         } else {
           console.warn('No action found for key:', key)
         }
@@ -155,20 +164,46 @@ const AlertsDisplay = ({
       <Alert
         key={`${alert.createdAt}-${index}-${alert._id}`}
         message={alert.message}
-        style={{ padding: '4px 10px 4px 8px' }}
+        style={{ padding: '4px 5px 4px 10px', minHeight: '35px' }}
         type={getAlertType(alert.type, alert.priority)}
         icon={getAlertIcon(alert.type, alert.priority)}
         showIcon
-        closable={showDismiss && alert.canDismiss}
+        closable={false}
         onClose={() => {}}
         action={
-          showActions ? (
+          <Flex gap='1px'>
+            {showActions && filteredActions.length >= 0 && (
               <Dropdown menu={menu} on>
-              <Button size='small' type='text' style={{ marginLeft: '5px' }}>
+                <Button
-                <CaretDownOutlined />
+                  size='small'
-              </Button>
+                  type='text'
+                  style={{ marginLeft: '5px' }}
+                  icon={
+                    <ActionsIcon
+                      style={{ fontSize: '12px', marginBottom: '3.5px' }}
+                    />
+                  }
+                />
               </Dropdown>
-          ) : null
+            )}
+            {showDismiss && alert.canDismiss && (
+              <Button
+                size='small'
+                type='text'
+                style={{ marginLeft: '5px' }}
+                onClick={() => handleDismissAlert(alert._id)}
+                icon={
+                  <XMarkIcon
+                    style={{
+                      fontSize: '10px',
+                      marginBottom: '5px',
+                      marginLeft: '0.5px'
+                    }}
+                  />
+                }
+              />
+            )}
+          </Flex>
         }
       />
     )
@@ -182,20 +217,24 @@ const AlertsDisplay = ({
 }
 
 AlertsDisplay.propTypes = {
-  printerId: PropTypes.string.isRequired,
+  object: PropTypes.shape({
-  showActions: PropTypes.bool.isRequired,
+    _id: PropTypes.string.isRequired,
-  showDismiss: PropTypes.bool.isRequired,
     alerts: PropTypes.arrayOf(
       PropTypes.shape({
         canDismiss: PropTypes.bool.isRequired,
         _id: PropTypes.string.isRequired,
+        code: PropTypes.string,
         type: PropTypes.string.isRequired,
         createdAt: PropTypes.string.isRequired,
         updatedAt: PropTypes.string.isRequired,
         message: PropTypes.string,
         actions: PropTypes.arrayOf(PropTypes.string)
       })
-  ).isRequired
+    )
+  }).isRequired,
+  objectType: PropTypes.string.isRequired,
+  showActions: PropTypes.bool,
+  showDismiss: PropTypes.bool
 }
 
 export default AlertsDisplay

src/components/Dashboard/common/ObjectChildTable.jsx

@@ -538,7 +538,7 @@ const ObjectChildTable = ({
         dataSource={rollupDataSource}
         showHeader={false}
         columns={rollupColumns}
-        loading={{ spinning: loading, indicator: null }}
+        loading={{ spinning: loading, indicator: <></> }}
         pagination={false}
         size={size}
         rowKey={resolvedRowKey}

src/components/Dashboard/common/ObjectProperty.jsx

@@ -553,8 +553,8 @@ const ObjectProperty = ({
           if (value != null && value?.length != 0) {
             return (
               <AlertsDisplay
-                alerts={value}
+                object={objectData}
-                printerId={objectData._id}
+                objectType={objectType}
                 showDismiss={false}
                 showActions={false}
               />

src/components/Dashboard/common/ObjectSelect.jsx

@@ -720,7 +720,7 @@ const ObjectSelect = ({
 
   // --- Main TreeSelect UI ---
   return (
-    <div style={style}>
+    <div style={{ ...style, position: 'relative' }}>
       <TreeSelect
         key={treeVersion}
         treeDataSimpleMode={false}

src/database/models/GCodeFile.js

@@ -288,6 +288,19 @@ export const GCodeFile = {
           required: true,
           showHyperlink: true
         },
+        {
+          name: 'partSku',
+          label: 'Part SKU',
+          type: 'object',
+          objectType: 'partSku',
+          required: true,
+          showHyperlink: true,
+          masterFilter: (objectData) => {
+            const partId = objectData?.part?._id
+            if (partId == null) return {}
+            return { part: partId }
+          }
+        },
         {
           name: 'quantity',
           label: 'Quantity',