mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-03-01 12:23:51 +08:00
feat: Enhance Project Overview and Review Session pages with improved UI and functionality
- Updated ProjectOverviewPage to enhance the guidelines section with better spacing, larger icons, and improved button styles. - Refactored ReviewSessionPage to unify filter controls, improve selection actions, and enhance the findings list with a new layout. - Added dimension tabs and severity filters to the SessionsPage for better navigation and filtering. - Improved SessionDetailPage to utilize a mapping for status labels, enhancing internationalization support. - Refactored TaskListTab to remove unused priority configuration code. - Updated store types to better reflect session metadata structure. - Added a temporary JSON file for future use.
This commit is contained in:
@@ -28,10 +28,19 @@ import { TaskDrawer } from '@/components/shared/TaskDrawer';
|
||||
import { Button } from '@/components/ui/Button';
|
||||
import { Badge } from '@/components/ui/Badge';
|
||||
import { TabsNavigation, type TabItem } from '@/components/ui/TabsNavigation';
|
||||
import type { TaskData } from '@/types/store';
|
||||
import type { TaskData, SessionMetadata } from '@/types/store';
|
||||
|
||||
type TabValue = 'tasks' | 'context' | 'summary' | 'impl-plan' | 'conflict' | 'review';
|
||||
|
||||
// Status label keys for i18n (maps snake_case status to camelCase translation keys)
|
||||
const statusLabelKeys: Record<SessionMetadata['status'], string> = {
|
||||
planning: 'sessions.status.planning',
|
||||
in_progress: 'sessions.status.inProgress',
|
||||
completed: 'sessions.status.completed',
|
||||
archived: 'sessions.status.archived',
|
||||
paused: 'sessions.status.paused',
|
||||
};
|
||||
|
||||
/**
|
||||
* SessionDetailPage component - Main session detail page with tabs
|
||||
*/
|
||||
@@ -159,7 +168,7 @@ export function SessionDetailPage() {
|
||||
</div>
|
||||
</div>
|
||||
<Badge variant={session.status === 'completed' ? 'success' : 'secondary'}>
|
||||
{formatMessage({ id: `sessions.status.${session.status}` })}
|
||||
{formatMessage({ id: statusLabelKeys[session.status] })}
|
||||
</Badge>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user