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
17 lines
537 B
TypeScript
17 lines
537 B
TypeScript
import { SidebarLink } from "@/components/SidebarItems";
|
|
import { Cog, Globe, User, HomeIcon, Search, Database } from "lucide-react";
|
|
|
|
type AdditionalLinks = {
|
|
title: string;
|
|
links: SidebarLink[];
|
|
};
|
|
|
|
export const defaultLinks: SidebarLink[] = [
|
|
{ href: "/dashboard", title: "Home", icon: HomeIcon },
|
|
{ href: "/search", title: "Policy Explorer", icon: Search },
|
|
{ href: "/account", title: "Account", icon: User },
|
|
{ href: "/settings", title: "Settings", icon: Cog },
|
|
];
|
|
|
|
export const additionalLinks: AdditionalLinks[] = [];
|