Summary

Implement the initial Issue Management UI for the Sztab platform, fully aligned with the emerging Sztab Visual Grammar guidelines defined during SZ-48 (Project & Branch Management UI). This work establishes the foundation for Issue workflows and prepares the system for advanced filtering, relationships, and interest lists in later milestones.

Scope

This issue focuses on:

1. Rendering the Issue list page for all issues within a project, following updated typography, spacing, card layout, and iconography patterns.
2. Displaying Issue attributes:
   • hierarchical issue key (ORG-PROJ-XXXXXX)
   • title
   • author
   • status
   • priority & severity (badges)
   • assigned-to
   • created/updated timestamps
3. Implementing the Issue creation modal:
   • title, description
   • project reference (pre-filled)
   • priority, severity
   • assigned-to dropdown
   • optional parent issue (for "related defects")
4. Implementing the Issue editing modal:
   • update metadata
   • reassign user
   • update status flow
5. Adding affordances adhering to Sztab Visual Grammar:
   • consistent spacing tokens
   • Tailwind color usage rules
   • iconography patterns (lucide-react)
   • consistent modals for Create/Edit
   • toaster notifications using the refined toast style from SZ-48
6. Including Issue list actions:
   • Edit icon
   • Delete icon (with confirmation modal)
7. Wiring frontend to backend:
   • GET /api/issues?projectId=…
   • POST /api/issues
   • PUT /api/issues/{id}
   • DELETE /api/issues/{id}

Out of Scope for This Issue

The following will be implemented in separate issues:

• "Interest list" (watchers)
• Advanced filtering DSL
• Regex search on headline/description
• Related-defects graph
• Issue favorites/pinning
• UI integration with issue–branch–PR workflow

Acceptance Criteria

• User can view issues for a project in a clean, consistent list layout.
• User can create a new issue using the standardized modal.
• User can update basic issue metadata via Edit modal.
• User can delete an issue with confirmation.
• Visual style fully matches the patterns established in SZ-48.
• Code compiles and UI wiring follows existing conventions.