Files
social-media/docs/TASKS/organizations/004-workspace-selector-organization-switcher.md

1.9 KiB

Task: Workspace selector organization switcher

Feature

docs/FEATURES/organizations.md

Goal

Keep the existing workspace selector as the primary context selector and add an organization switcher at the bottom.

Context

The current workspace selector UX is good. The missing concept is that workspaces belong to organizations. Users may have access to multiple organizations and different workspaces under each one.

Scope

  • Load the current user's accessible organizations.
  • Show the current organization at the bottom of the existing workspace selector.
  • Allow users to switch organizations.
  • Scope or group listed workspaces by the selected organization.
  • Preserve current workspace selection behavior where possible.
  • When switching organizations, select a sensible workspace for that organization or route to an organization/workspace selection state.
  • Provide links from the organization switcher to organization settings routes when the user has access.
  • Add English and French locale strings.

Constraints

  • Do not redesign the authenticated app shell.
  • Do not turn the selector into a marketing or onboarding page.
  • Preserve workspace as the primary day-to-day app context.
  • Preserve route-level auth and role checks.

Likely Files

  • frontend/src/layouts/main/**
  • frontend/src/features/workspaces/**
  • frontend/src/features/organizations/**
  • frontend/src/stores/**
  • frontend/src/locales/en.json
  • frontend/src/locales/fr.json

Done When

  • Workspace selector shows the active organization.
  • Users can switch organizations from the selector.
  • Workspace list reflects the selected organization.
  • Organization settings links appear only when permitted.
  • Existing workspace switching behavior remains usable.
  • UI strings exist in English and French.
  • Frontend build passes.

Validation Commands

cd frontend
npm run build