navidrome/ui/src/plugin/styles.js
Deluan Quintão b134f16fd5
feat(plugins): surface the valid agent names in logs and the Plugins UI (#5910)
The agent name used in the `Agents` config option comes from the .ndp file
name, not from the manifest. The Plugins UI showed the ID but never said what
it was for, so renaming a plugin file silently breaks the config with only a
Debug-level "Unknown agent ignored" line to go on.

Add a caption under the ID in the Plugins UI, and list the accepted names
alongside the rejected one in that log line.

Related to navidrome/apple-music-plugin#14
2026-08-30 11:11:35 -04:00

89 lines
2.1 KiB
JavaScript

import { makeStyles } from '@material-ui/core/styles'
export const usePluginShowStyles = makeStyles(
(theme) => ({
root: {
padding: theme.spacing(2),
maxWidth: 900,
},
section: {
marginBottom: theme.spacing(3),
},
sectionTitle: {
marginBottom: theme.spacing(1),
fontWeight: 600,
},
manifestBox: {
backgroundColor:
theme.palette.type === 'dark'
? theme.palette.grey[900]
: theme.palette.grey[100],
padding: theme.spacing(2),
borderRadius: theme.shape.borderRadius,
fontFamily: 'monospace',
fontSize: '0.85rem',
whiteSpace: 'pre-wrap',
wordBreak: 'break-word',
overflow: 'auto',
maxHeight: 400,
},
saveButton: {
marginTop: theme.spacing(2),
},
infoGrid: {
'& .MuiGrid-item': {
paddingTop: theme.spacing(0.5),
paddingBottom: theme.spacing(0.5),
},
},
infoLabel: {
fontWeight: 500,
color: theme.palette.text.secondary,
},
pathField: {
fontFamily: 'monospace',
fontSize: '0.85rem',
wordBreak: 'break-all',
},
fieldHelp: {
marginTop: theme.spacing(0.5),
display: 'block',
},
permissionsContainer: {
display: 'flex',
flexWrap: 'wrap',
gap: theme.spacing(0.5),
},
permissionChip: {
fontSize: '0.75rem',
},
tooltipContent: {
'& code': {
fontFamily: 'monospace',
fontSize: '0.8em',
backgroundColor: 'rgba(255,255,255,0.1)',
padding: '1px 4px',
borderRadius: 2,
},
},
configTable: {
'& .MuiTableCell-root': {
padding: theme.spacing(1),
},
},
configTableInput: {
fontFamily: 'monospace',
fontSize: '0.85rem',
},
configActionIconButton: {
backgroundColor: theme.palette.action.hover,
borderRadius: theme.shape.borderRadius,
padding: theme.spacing(0.5, 1),
fontWeight: 700,
'&:hover': {
backgroundColor: theme.palette.action.selected,
},
},
}),
{ name: 'NDPluginShow' },
)