# Task: Extract content detail approval stepper ## Feature `docs/FEATURES/approval-workflow.md` ## Goal Move the approval area in `ContentItemDetailView` into a small feature-owned component that can show approval requests and multi-level workflow steps as a vertical stepper. ## Scope - Extract the approval panel from `frontend/src/features/content/views/ContentItemDetailView.vue`. - Render approval requests or workflow steps as circles in a vertical column connected by a dashed line. - Show approval state, expected approver, due date, and recorded decisions in a hover/focus popup. - Remove manual approval request creation from the content detail UI and backend API. - Record the single documented v1 approval decision directly as `Approved`; approval discussion belongs in the content comments thread. - Align the backend submit-decision request so approval comments are not accepted on new decisions. - Remove temporary test text from content views. ## Validation Commands ```bash dotnet build backend/Socialize.slnx dotnet test backend/Socialize.slnx cd frontend && npm run build ```