social-media/docs/TASKS/content/007-content-comment-composer-toolbar.md

Task: Polish content detail comment composer

Goal

Make the content detail production comments composer feel like a collaboration input instead of a detached form.

Scope

• Show the current user's avatar inside the comment composer.
• Put the comment textarea to the right of the avatar.
• Move the post action into the composer bottom row.
• Add bottom-row controls for internal comment intent, media references, and member mentions.
• Upload comment attachments from the user's computer to workspace blob storage.
• Show uploaded comment attachments inline in the comment thread.
• Add the minimal comments API contract and persistence needed for inline attachments.

Relevant Files

• frontend/src/features/content/views/ContentItemDetailView.vue
• frontend/src/features/content/components/ContentCommentComposer.vue
• frontend/src/features/content/components/ContentCommentFeed.vue
• frontend/src/features/content/stores/contentItemDetailStore.js
• backend/src/Socialize.Api/Modules/Comments/
• shared/openapi/openapi.json

Validation

cd frontend
npm run build
cd ..
dotnet build backend/src/Socialize.Api/Socialize.Api.csproj -v minimal
dotnet test backend/tests/Socialize.Tests/Socialize.Tests.csproj --no-build -v minimal