Skip to content

Commit c8f0b8f

Browse files
committed
feat: Complete UI redesign for Model Forms and Policy pages
Major UI Enhancement with shadcn/ui Components: New Components Created: - Input: Text input with proper styling and accessibility - Label: Form labels using Radix UI - Textarea: Multi-line text input - Select: Dropdown selection with Radix UI - Dialog: Modal dialogs for forms - Switch: Toggle component for boolean fields Page Redesigns: 1. ModelForm (Register New Model): - Professional card layout with hero section - Rich form labels with icons and helper text - Form validation and loading states - Improved UX with contextual information banner 2. PolicyList (Governance Policies): - Stats cards showing policy metrics - Modern table with color-coded badges - Feature-rich create policy dialog - Empty state with helpful messaging 3. PolicyViolations: - Alert banner summarizing violations - Professional table with clickable model links - Visual severity indicators - Encouraging empty state for compliance 4. ModelDetail: - Version stats cards - Clean version history table - Streamlined add version dialog - Empty state encouraging version tracking Design Improvements: - Consistent visual hierarchy across all pages - Lucide icons for better visual communication - Proper spacing and padding (follows 8px grid) - Color-coded badges for status/scope - Loading states and form validation - Responsive layouts - Professional empty states Technical: - Installed @radix-ui dependencies (label, select, dialog, switch) - All components follow shadcn/ui patterns - Maintains accessibility standards - CSS bundle: 28.19KB (optimized for production)
1 parent eaa98c9 commit c8f0b8f

File tree

12 files changed

+1453
-346
lines changed

12 files changed

+1453
-346
lines changed

AIGovHub/frontend/package-lock.json

Lines changed: 183 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

AIGovHub/frontend/package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,10 @@
1515
"@mantine/hooks": "^8.3.10",
1616
"@radix-ui/react-dialog": "^1.1.15",
1717
"@radix-ui/react-dropdown-menu": "^2.1.16",
18+
"@radix-ui/react-label": "^2.1.8",
19+
"@radix-ui/react-select": "^2.2.6",
1820
"@radix-ui/react-slot": "^1.2.4",
21+
"@radix-ui/react-switch": "^1.2.6",
1922
"@radix-ui/react-tabs": "^1.1.13",
2023
"axios": "^1.13.2",
2124
"class-variance-authority": "^0.7.1",

0 commit comments

Comments
 (0)