Ahmed Darrazi
f592e5f55b
feat: Policy Explorer UX Upgrade (003)
...
Implemented MVP with all core features:
- Browse 50 newest policies on load with null filtering
- Click row to view details in slide-over sheet
- JSON detection and pretty formatting
- Search with real-time filtering
- Badge colors for policy types (Security=red, Compliance=blue, Config=gray, App=outline)
- Navigation consolidated to 'Policy Explorer'
New components:
- PolicyTable.tsx - table with badges and hover effects
- PolicySearchContainer.tsx - search state management
- PolicyDetailSheet.tsx - JSON detail view with formatting
- PolicyExplorerClient.tsx - client wrapper
- lib/utils/policyBadges.ts - badge color mapping
Updated:
- lib/actions/policySettings.ts - added getRecentPolicySettings() with null filtering
- app/(app)/search/page.tsx - converted to Server Component
- config/nav.ts - renamed Search to Policy Explorer, removed All Settings
- components/search/EmptyState.tsx - updated messaging
Tasks complete: 36/47 (MVP ready)
- Phase 1-7: All critical features implemented
- Phase 8: Core polish complete (T041), optional tasks remain
TypeScript: ✅ No errors
Status: Production-ready MVP
2025-12-07 02:28:15 +01:00
Ahmed Darrazi
ae999e925d
Generate task breakdown for Policy Explorer UX Upgrade
...
47 tasks organized across 8 phases by user story:
Phase 1: Setup (3 tasks)
- Install Shadcn Sheet and Badge components
- Create component directory structure
Phase 2: Foundation (5 tasks) ⚠️ BLOCKING
- getRecentPolicySettings() Server Action
- Extend searchPolicySettings() with limit param
- Null-value filtering in backend
- Type exports
Phase 3: User Story 1 - Browse Recent (8 tasks) 🎯 MVP
- PolicyTable component with click handlers
- PolicySearchContainer client wrapper
- Refactor page to Server Component
- 50 newest policies on load, no empty state
Phase 4: User Story 2 - Detail Sheet (9 tasks) 🎯 MVP
- PolicyDetailSheet component
- JSON detection and formatting
- Click-to-open sheet integration
- Handle long content and errors
Phase 5: User Story 3 - Search (6 tasks) P2
- Integrate SearchInput component
- Search state management
- Null filtering in results
Phase 6: User Story 4 - Visual (5 tasks) P3
- Badge color mapping
- Badge rendering for policy types
- Hover effects verification
Phase 7: Navigation (4 tasks)
- Update config/nav.ts
- Remove 'All Settings' menu item
- Consolidate to single 'Policy Explorer'
Phase 8: Polish (7 tasks)
- Responsive layout
- Loading states
- Performance validation (<2s load, <300ms sheet)
- Accessibility and cross-browser testing
MVP Scope: Phases 1-4 (25 tasks)
Total: 47 tasks with dependency graph and parallel execution opportunities
2025-12-07 02:12:31 +01:00
Ahmed Darrazi
414eb709b9
Add implementation plan for Policy Explorer UX Upgrade
...
Phase 0 (Research): 6 key decisions to make
- Server/Client composition pattern for initial data + search
- Null filtering strategy (backend vs frontend)
- JSON formatting approach (native vs syntax highlighter)
- Badge color mapping for policy types
- Route strategy (/search redirect vs replacement)
- Sheet component state management
Phase 1 (Design): API contracts and component design
- getRecentPolicySettings() Server Action (new)
- searchPolicySettings() extension with limit param
- PolicyDetailSheet component (Shadcn Sheet)
- PolicyTable component with click handlers
- PolicySearchContainer client wrapper
Phase 2 (Implementation): 44 tasks across 7 epics
- Epic 1: Backend Server Actions (P1, T001-T005)
- Epic 2: Detail Sheet component (P1, T006-T011)
- Epic 3: Table & Search components (P1, T012-T018)
- Epic 4: Page refactor (P1, T019-T024)
- Epic 5: Navigation update (P2, T025-T029)
- Epic 6: Visual improvements (P3, T030-T034)
- Epic 7: Testing & validation (T035-T044)
Constitution compliance: ✅ All checks pass
Performance targets: <2s initial load, <300ms detail sheet, <2s search
No database changes required - extends existing schema
2025-12-07 02:09:53 +01:00
Ahmed Darrazi
06341038ea
Add specification for Policy Explorer UX Upgrade
...
- Feature 003: Transform global search into full Policy Explorer
- Show 50 newest policies by default (no empty state)
- Filter out null values automatically
- Add clickable rows with detail sheet for JSON formatting
- Improve visual hierarchy with policy type badges
- Consolidate navigation (remove 'All Settings')
Spec includes 4 prioritized user stories (P1/P2/P3), 11 functional requirements, and 6 measurable success criteria. All requirements are testable and technology-agnostic.
Checklist validation: All items pass ✅
2025-12-07 02:06:19 +01:00
Ahmed Darrazi
156df400f0
merge: Integrate 001-global-policy-search spec clarifications
Trigger Cloudarix Deploy / call-webhook (push) Successful in 1s
2025-12-07 01:55:27 +01:00
Ahmed Darrazi
f3d074e105
docs: Add clarifications to 001-global-policy-search spec
2025-12-07 01:50:13 +01:00
Ahmed Darrazi
bd7758191e
Switch to development branch and update deployment workflow
Trigger Cloudarix Deploy / call-webhook (push) Successful in 1s
2025-12-06 20:42:10 +01:00
Ahmed Darrazi
88c1474884
Add specification for 002-manual-policy-sync feature
2025-12-06 13:35:54 +01:00
Ahmed Darrazi
d156244f6c
Feature: Global Search & Seed Data complete
2025-12-05 22:06:22 +01:00