add: executions:update permissions check in UI

Author: 0xi4o

packages/ui/src/views/agentexecutions/ExecutionDetails.jsx

@@ -49,6 +49,9 @@ import executionsApi from '@/api/executions'
 // Hooks
 import useApi from '@/hooks/useApi'
 
+// RBAC
+import { Available } from '@/ui-component/rbac/available'
+
 const getIconColor = (status) => {
     switch (status) {
         case 'FINISHED':
@@ -768,39 +771,43 @@ export const ExecutionDetails = ({ open, isPublic, execution, metadata, onClose,
                         )}
 
                         {!isPublic && !localMetadata.isPublic && (
-                            <Chip
-                                sx={{ ml: 1, pl: 1 }}
-                                icon={
-                                    updateExecutionApi.loading ? (
-                                        <IconLoader size={15} className='spin-animation' />
-                                    ) : (
-                                        <IconShare size={15} />
-                                    )
-                                }
-                                variant='outlined'
-                                label={updateExecutionApi.loading ? 'Updating...' : 'Share'}
-                                className={'button'}
-                                onClick={() => onSharePublicly()}
-                                disabled={updateExecutionApi.loading}
-                            />
+                            <Available permission='executions:update'>
+                                <Chip
+                                    sx={{ ml: 1, pl: 1 }}
+                                    icon={
+                                        updateExecutionApi.loading ? (
+                                            <IconLoader size={15} className='spin-animation' />
+                                        ) : (
+                                            <IconShare size={15} />
+                                        )
+                                    }
+                                    variant='outlined'
+                                    label={updateExecutionApi.loading ? 'Updating...' : 'Share'}
+                                    className={'button'}
+                                    onClick={() => onSharePublicly()}
+                                    disabled={updateExecutionApi.loading}
+                                />
+                            </Available>
                         )}
 
                         {!isPublic && localMetadata.isPublic && (
-                            <Chip
-                                sx={{ ml: 1, pl: 1 }}
-                                icon={
-                                    updateExecutionApi.loading ? (
-                                        <IconLoader size={15} className='spin-animation' />
-                                    ) : (
-                                        <IconWorld size={15} />
-                                    )
-                                }
-                                variant='outlined'
-                                label={updateExecutionApi.loading ? 'Updating...' : 'Public'}
-                                className={'button'}
-                                onClick={() => setShowShareDialog(true)}
-                                disabled={updateExecutionApi.loading}
-                            />
+                            <Available permission='executions:update'>
+                                <Chip
+                                    sx={{ ml: 1, pl: 1 }}
+                                    icon={
+                                        updateExecutionApi.loading ? (
+                                            <IconLoader size={15} className='spin-animation' />
+                                        ) : (
+                                            <IconWorld size={15} />
+                                        )
+                                    }
+                                    variant='outlined'
+                                    label={updateExecutionApi.loading ? 'Updating...' : 'Public'}
+                                    className={'button'}
+                                    onClick={() => setShowShareDialog(true)}
+                                    disabled={updateExecutionApi.loading}
+                                />
+                            </Available>
                         )}
 
                         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', alignContent: 'center' }}>

packages/ui/src/views/agentexecutions/ShareExecutionDialog.jsx

@@ -14,6 +14,7 @@ import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackba
 // API
 import executionsApi from '@/api/executions'
 import useApi from '@/hooks/useApi'
+import { Available } from '@/ui-component/rbac/available'
 
 const ShareExecutionDialog = ({ show, executionId, onClose, onUnshare }) => {
     const portalElement = document.getElementById('portal')
@@ -104,9 +105,11 @@ const ShareExecutionDialog = ({ show, executionId, onClose, onUnshare }) => {
 
                 {/* Actions */}
                 <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-                    <Button color='error' onClick={handleUnshare} sx={{ mr: 1 }}>
-                        Unshare
-                    </Button>
+                    <Available permission='executions:update'>
+                        <Button color='error' onClick={handleUnshare} sx={{ mr: 1 }}>
+                            Unshare
+                        </Button>
+                    </Available>
                     <Button onClick={onClose}>Close</Button>
                 </Box>
             </DialogContent>