feat(scenarios): add detail page, comfortable DescriptionList layout, and environment card refactor

- Add ScenarioDetailPage with DescriptionList, steps table, run/delete actions
- Add /scenarios/:id route
- Add i18n keys for scenario detail fields, steps columns, and 404 error
- Add 'comfortable' and 'inline' layout variants to DescriptionList (with compact as default stacked)
- Apply layout="comfortable" to session, environment, and scenario detail pages
- Apply layout="compact" to EnvironmentsPage card DescriptionList
- Refactor EnvironmentsPage card to use ContextMenu (view/edit/delete) with icons
- Add ScenariosPage clickable rows, Play icon (primary) and Trash2 icon (danger) action buttons
- Add Page.module.css sectionHeading and stepsSection utility classes
- Fix Notification.tsx and Table.tsx formatting (prettier)
This commit is contained in:
2026-04-09 19:16:49 +03:00
parent d342637eb6
commit a5f87b904e
14 changed files with 275 additions and 56 deletions
+4 -9
View File
@@ -11,19 +11,14 @@ export interface NotificationProps {
}
const ICONS: Record<NotificationVariant, React.ReactNode> = {
info: <Info size={16} />,
info: <Info size={16} />,
success: <CheckCircle2 size={16} />,
error: <AlertCircle size={16} />,
error: <AlertCircle size={16} />,
warning: <AlertTriangle size={16} />,
note: <StickyNote size={16} />,
note: <StickyNote size={16} />,
};
export function Notification({
variant = 'info',
title,
children,
className,
}: NotificationProps) {
export function Notification({ variant = 'info', title, children, className }: NotificationProps) {
return (
<div className={[styles.notification, styles[variant], className].filter(Boolean).join(' ')}>
<span className={styles.icon}>{ICONS[variant]}</span>