Files
social-media/docs/TASKS/content/008-multi-channel-preview-editor.md
Jonathan Bourdon fc760736f8
All checks were successful
deploy-socialize / image (push) Successful in 52s
deploy-socialize / deploy (push) Successful in 20s
feat: refine content editor layout
2026-05-09 11:50:34 -04:00

2.2 KiB

Task: Redesign content editor for shared multi-channel previews

Feature

docs/FEATURES/channels.md

Goal

Make content creation feel like planning a real social post instead of filling out legacy form fields.

The editor should use one shared content body for every selected target channel, show selectable target channels as a vertical tab-style list, and preview the same content in platform-shaped cards for networks such as YouTube and X.

Scope

  • Keep content item editing in frontend/src/features/content/views/ContentItemDetailView.vue.
  • Replace per-channel caption editing with a shared caption and shared hashtags.
  • Let configured workspace channels be selected or unselected as targets.
  • Show target channels as a single vertical tab rail and render preview cards that look closer to social platform previews.
  • Convert shared hashtags into chip-style entry with suggestions from already used hashtags.
  • Show a workspace hashtag feed so authors can reuse existing tags.
  • Keep the editor focused on post text and target channels by removing confusing title, calendar, change summary, and base-caption fields.
  • Make target preview tabs compact.
  • Move the create content entry point into the top app menu bar.
  • Remove the asset-management tab from the content detail production panel.
  • Preserve existing save payloads and backend contracts.

Validation

cd frontend
npm run build

Acceptance Criteria

  • Content authors select target channels with checkbox-like controls.
  • The same shared content appears on every selected channel preview.
  • The editor includes platform-specific preview treatment for YouTube and X/Twitter.
  • Saving still creates or revises a content item with the selected targets.
  • Hashtags commit to removable chips as they are entered.
  • Already used hashtags are available as suggestions.
  • The editor shows a workspace hashtag feed with usage counts.
  • The editor no longer shows title, calendar, change summary, or base-caption fields.
  • Target channel tabs use compact icon-only buttons with channel names as accessible labels and tooltips.
  • Create content is available from the top app menu bar.
  • Assets are no longer shown in the content detail production panel.