Commit c8f0b8f
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- AIGovHub/frontend
- src/components
- ui
12 files changed
+1453
-346
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
15 | 15 | | |
16 | 16 | | |
17 | 17 | | |
| 18 | + | |
| 19 | + | |
18 | 20 | | |
| 21 | + | |
19 | 22 | | |
20 | 23 | | |
21 | 24 | | |
| |||
0 commit comments