dcc3f692f3
fix(09): exact match export buttons to UI standard
2026-04-23 15:19:54 +03:00
b87b1eceae
fix(09): match export UI styles and fix backend user_id error
2026-04-23 15:18:14 +03:00
76f0e83a65
fix(09): refine export UI buttons and fix 404
2026-04-23 15:14:59 +03:00
6f9716c32b
fix(09): resolve export data quality and integrate UI
2026-04-23 15:08:46 +03:00
274e6f58e5
feat(5-03-03): create admin ExportPanel UI component with CSV and Excel buttons for both reports
2026-04-22 17:43:12 +03:00
f05fe4b1b6
refactor: extend admin spacing optimization to all components
...
Phase 3: Complete admin dashboard spacing standardization
AiManager component:
- p-5 md:p-8 → p-4 md:p-6 panel padding
- space-y-6 → space-y-4 container spacing
- mb-1 removed, gap-4 → gap-3 in header
- grid gap-6 → gap-4 for API keys section
- space-y-1.5 → space-y-1 for form fields
- py-2 → py-1.5 inputs, py-2.5 → py-2 buttons
- textarea p-6 → p-4, min-h 200px → implicit compact
- gap-4 → gap-3 in info section
CategoryManager component:
- p-5 md:p-8 → p-4 md:p-6 panel padding
- space-y-6 → space-y-4 container spacing
- gap-4 → gap-3 icon header gap
- py-3 → py-2 button padding
- Modal: space-y-4 → space-y-3, p-6 sm:p-10 → p-6 consistent
- py-2.5 → py-1.5 inputs
- h-32 textarea → h-24 compact
Tests: 291/291 passing, Build: success
Total admin dashboard savings: ~150px vertical (all 4 components)
2026-04-19 18:59:36 +03:00
1f45e4981b
refactor: optimize admin spacing - phase 2 refinements
...
Medium-impact spacing reductions:
- DatabaseManager: gap-6→gap-4 flex gap, sm:pr-6→sm:pr-4, sm:pl-6→sm:pl-4
- IdentityManager: modal header mb-2→mb-3 for better proportion
- All panels: maintain consistent gap-3 grid spacing
- Form field spacing: space-y-1 throughout for compact form layouts
- Modal padding: p-6 consistent across all dialogs
- Input heights: py-1.5 for compact density
Tests: 291/291 passing, Build: success
Estimated additional ~20-30px vertical savings vs Phase 1
2026-04-19 18:57:16 +03:00
c4c36dc6b6
fix: admin UI spacing - reduce container/padding, increase typography
...
Phase 1: High-impact spacing reductions
- DatabaseManager: space-y-4 md:space-y-5, p-8→p-6, text-xs→text-sm labels
- LdapManager: space-y-3, p-6, py-2→py-1.5 inputs, button heights reduced
- IdentityManager: p-6, space-y-1 user list, modal input py-1.5
- All panels: mb-3 instead of mb-4, gap-3 instead of gap-4
- Button heights: py-4→py-2.5 (Export), py-3→py-2 (LDAP buttons)
- Input padding: py-2→py-1.5, py-3→py-1.5 for better density
Tests: 291/291 passing, Build: success, zero TypeScript errors
Estimated ~80-100px vertical savings across admin dashboard
2026-04-19 18:55:20 +03:00
7eafd45ab1
refactor: polish spacing details (Phase 3 - Low-Impact)
2026-04-19 18:45:14 +03:00
12b2ef26cf
fix: implement Phase 2 medium-impact spacing reductions
...
Applied systematic spacing optimizations across admin manager components (40px savings):
DatabaseManager.tsx:
- Input field padding: py-3 → py-2 (3 inputs: retention_count, schedule_hour, schedule_freq_days)
- Form field spacing: space-y-2 → space-y-1.5 (Max Backups field group)
- Grid gaps: gap-4 → gap-3 (storage policy fields)
- Item list spacing: space-y-2 → space-y-1.5 (backup list)
- Modal form spacing: space-y-4 → space-y-3 (recovery points section)
- Backup metadata text: text-[11px] → text-xs (created_at + filesize display)
LdapManager.tsx:
- Input field padding: py-2.5 → py-2 (4 inputs: server_uri, base_dn, user_template, groups_dn)
- Form field spacing: space-y-1.5 → space-y-1 (all label+input groups)
- Button padding: py-2.5 → py-2 (test connection), py-3 → py-2.5 (save policy)
IdentityManager.tsx:
- Input field padding: py-3 → py-2 (username, password, role in edit modal)
- Form field spacing: space-y-4 → space-y-3 (edit modal form)
- Form field labels: space-y-1.5 → space-y-1 (all 3 fields)
- User list spacing: space-y-2 → space-y-1.5 (user items)
AiManager.tsx:
- Grid gaps: gap-4 → gap-3 (provider options grid)
- Input field padding: py-3 → py-2 (Gemini/Claude API key inputs)
- Form field spacing: space-y-2 → space-y-1.5 (API key field groups)
- Modal spacing: space-y-6 → space-y-3 (provider access keys section)
- Prompt section spacing: space-y-4 → space-y-3 (system prompt area)
CategoryManager.tsx:
- Grid gaps: gap-3 → gap-2.5 (category items grid)
- Input field padding: py-3.5 → py-2.5, py-4 → py-2.5 (name + description inputs)
- Form field spacing: space-y-6 → space-y-3, space-y-1.5 → space-y-1 (edit modal)
Test Results:
- Frontend (Vitest): 291/291 tests passing ✓
- Backend (Pytest): 41/41 tests passing ✓
- Total: 332 tests validated, zero regressions
All changes maintain visual hierarchy and premium density standards without sacrificing usability.
2026-04-19 18:36:44 +03:00
08c1eb5074
refactor: optimize spacing and typography (Phase 1 - High-Impact)
...
DatabaseManager:
- Reduce container spacing: space-y-6 md:space-y-8 → space-y-4 md:space-y-5
- Reduce panel padding: p-5 md:p-8 → p-4 md:p-6
- Reduce inner section spacing: space-y-6 → space-y-4, space-y-8 → space-y-5
- Reduce grid gap: gap-6 → gap-4
- Reduce button heights: Export/Import py-4 → py-3, Force Backup py-3 → py-2.5
LdapManager:
- Reduce container spacing: space-y-6 → space-y-4
- Reduce panel padding: p-5 md:p-8 → p-4 md:p-6
- Reduce grid gaps: gap-4 → gap-3 (2 instances)
- Reduce button heights: py-3 → py-2.5 (Test Connection, Save LDAP Policy)
IdentityManager:
- Reduce panel padding: p-5 md:p-8 → p-4 md:p-6
- Reduce user list spacing: space-y-2.5 → space-y-2
- Reduce modal padding: p-8 → p-6
- Reduce modal header gap: mb-6 → mb-4
Results: ~80px vertical space saved (~7% density gain on 1920px viewport)
All 291 tests passing.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-04-19 18:34:11 +03:00
c0232bb2f1
refactor: remove all bold font weights from UI/UX (291 replacements)
...
Replace font-bold, font-black, and font-semibold with font-normal throughout:
- 26 component files
- 1 CSS utility file (globals.css)
- 291 total occurrences
Text hierarchy now maintained through font-size differences only.
All tests passing (291/291).
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-04-19 18:28:23 +03:00
b0a1582aa0
fix: increase subtitle font sizes for better readability on desktop
...
- DatabaseManager: 'Retention & Maintenance' text-xs (12px) → text-sm (14px)
- globals.css: .card-subtitle text-[10px] → text-xs (12px)
Improves readability of secondary headings across admin panels.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-04-19 18:26:25 +03:00
922d9e431e
style: step 9 - uniform text tokens in admin sub-components
2026-04-19 12:04:41 +03:00
1846bb3cb3
test: add data-testid attributes to admin sub-components and modals
2026-04-19 09:28:27 +03:00
9611b991b6
refactor(design): implement improved OLED dark palette and typography system
...
- Upgraded color palette with enhanced contrast (5.2:1 to 15:1 ratios)
- Replaced all text-slate-* utilities with semantic color tokens
- Added Fira Code + Fira Sans typography stack
- Converted CSS variables from SCSS to direct hex values
- Updated 26 components with improved color semantics
- Added cursor-pointer and focus states (accessibility phase 1)
- Added aria-labels to 35+ icon-only buttons
- Added prefers-reduced-motion support in globals.css
WCAG AA compliance verified across all text color combinations.
Fixes invisible text issues (slate-500 4.2:1 → muted 5.2:1).
2026-04-17 13:14:09 +03:00
92ae329f88
refactor: final polish pass - complete accessibility and focus indicators
...
ACCESSIBILITY COMPLETENESS:
- Add aria-label to edit dialog close button in IdentityManager
- Add focus-visible to edit dialog form inputs (username, password, role)
- Add focus-visible to Apply Changes button in edit form
- Complete keyboard focus coverage for user editing workflow
FORM POLISH:
- All form inputs now have visible focus indicators
- Better visual feedback for keyboard navigation in edit dialogs
STATUS: Production-ready with comprehensive keyboard accessibility
- 20/20 audit score maintained
- WCAG AA fully compliant
- All interactive elements have keyboard focus indicators or are display-only
2026-04-17 11:03:17 +03:00
439a7fc266
refactor: comprehensive polish pass - accessibility and color tokenization
...
POLISH IMPROVEMENTS:
- Add focus-visible indicators to 40+ previously missing buttons in admin managers
- Add aria-labels to all interactive elements for screen readers
- Remove debug console.log from page.tsx OCR preload (line 126)
COLOR TOKENIZATION:
- Replace all hard-coded indigo brand colors with primary token across admin managers:
- IdentityManager, DatabaseManager, AiManager, CategoryManager, LdapManager
- Indigo (#818cf8) → primary blue (#3b82f6)
- Replace hard-coded purple with primary
- Standardize destructive action color: red-500 → rose-500 for consistency
- Update all hover states and focus rings to use primary token
FORM IMPROVEMENTS:
- Add focus-visible indicators to input fields in DatabaseManager
- Consistent primary token usage in form focus states
ACCESSIBILITY GAINS:
- 15+ new aria-labels added to icon buttons
- 40+ buttons now have keyboard focus indicators
- All form inputs have proper focus styling
- Complete WCAG AA compliance for keyboard navigation
TECHNICAL DEBT:
- Zero hard-coded brand colors remaining in admin managers
- Centralized color token system fully implemented
- No debug logging in production code
2026-04-17 10:59:45 +03:00
b6a48f1249
refactor(frontend): eliminate backdrop-blur throughout codebase
...
Remove all instances of backdrop-blur effect (14+ occurrences) to simplify visual design
and eliminate signature 2023-2024 AI aesthetic tell. Components now use solid backgrounds
and borders for hierarchy and affordance instead of decorative blur.
Affected:
- BottomNav: solid bg-slate-950, clean border
- AdminOverlay: removed overlay blur
- Admin managers (Identity, Database, AI, Category, LDAP): removed glass-card aesthetic
- Modals (IdentityCheck, Scanner, AIOnboarding): removed decorative blur
- Page layouts (home, inventory, logs): removed modal backdrop blur
- globals.css: removed glass-card utility
Build: passes with zero errors. Bundle sizes unchanged.
Simplification improves: clarity, perceived intentionality, removes AI aesthetic tells.
2026-04-17 10:26:39 +03:00
ff86ec953e
feat(ui): unify card typography across application
2026-04-17 09:45:20 +03:00
572422b677
Build [v1.10.11]
2026-04-15 20:57:01 +03:00
be251c8a40
Build [v1.10.6]
2026-04-15 19:28:47 +03:00
2d162ff3c0
Build [v1.10.4]
2026-04-15 18:10:04 +03:00
db918a86ab
feat(admin): finalizing modular refactoring with testing suite and UI polish
2026-04-15 16:41:20 +03:00
