Restructure Command Bar and Side Panel around new Actions tab (Edit Contentlet)

[erickgonzalez]

Description

Restructure the Command Bar and Side Panel of the new Edit Contentlet around a new Actions tab.

• The Info tab is replaced by the Actions tab — the home of lock/unlock, workflow actions, locales, workflow info, and details.
• The Settings tab is removed; Permissions, Rules, and View References move to the ... menu, consistent with the rest of the platform.

🎥 A design (video/link) will be attached as a comment and is the source of truth for Command Bar button positions and the Side Panel layout.

ℹ️ The Locales section content is covered by a separate issue (#35889). This issue only requires that the Locales section be collapsible like the others.

Command Bar

• Remove the Settings tab.
• Move Permissions, Rules, and View References to the ... menu.
• Reposition the buttons per the attached design.
• Show the content status chip.
• Show the Preview button only when: the content is a base type Page or has a detail page, and it is existing content (not new).
• The Command Bar stays sticky to the top on scroll.

Side Panel — Actions

Tabs: Actions · History · Comments.

Lock / Unlock redesign (behavior unchanged from current — visual/placement only):

• If content is locked by another user, a banner is shown at the top of the viewport identifying who holds the lock.
• If the user has permission to release another user's lock, a Release Lock button replaces the Lock button, workflow actions for unlocked content shows up, and a confirmation dialog is shown before stealing the lock.
• If the user lands on locked content without release permission, they can view the content but cannot perform any workflow action.

lockUnlock-WorkflowActions.mp4

Workflow Actions:

• Moved into the Actions tab.
• Error banner behavior is unchanged.
• Actions are driven by content status/step (current behavior).

Collapsible sections (state persisted in localStorage):

• Locales section (content is Build locale-management component for Edit Contentlet (isolated: Storybook + tests) #35889 — here it only needs to collapse).
• Workflow Info — displays Step, Workflow, Assignee.
• Content Details — displays Content Type (linked), Modified By, Modified (date).

Other:

• Copy Identifier action.
• View as JSON link.

workflowDetails.mp4

Acceptance Criteria

Command Bar

• The Settings tab is removed from the Command Bar
• Permissions, Rules, and View References are available from the ... menu
• The content status chip is shown in the Command Bar
• Command Bar buttons are repositioned per the attached design
• The Preview button is shown for a base type Page
• The Preview button is shown for content that has a detail page
• The Preview button is hidden for content that is neither a Page nor has a detail page
• The Preview button is hidden for new (unsaved) content, even when it would otherwise qualify
• The Command Bar remains sticky to the top when the content area is scrolled

Side Panel — tabs

• The Side Panel shows three tabs: Actions, History, Comments
• The Info tab no longer exists (replaced by Actions)
• Hovering a tab shows its full name (Actions · History · Comments)

Lock / Unlock

• When content is locked by another user, a banner at the top of the viewport identifies who holds the lock
• A user with release permission sees a Release Lock button (in place of Lock)
• Clicking Release Lock opens a confirmation dialog before stealing the lock
• A user without release permission can view the locked content but cannot perform any workflow action
• Lock/unlock behavior is otherwise unchanged from the current implementation

Workflow Actions

• Workflow actions are rendered inside the Actions tab
• Available workflow actions reflect the content's current status/step (unchanged logic)
• The workflow error banner behaves exactly as it does today

Collapsible sections + persistence

• The Locales section is collapsible
• The Workflow Info section is collapsible and shows Step, Workflow, and Assignee
• The Content Details section is collapsible and shows Content Type (with a link to the content type), Modified By, and Modified date
• Collapsing/expanding any section persists its state in localStorage
• On reload, each section restores its previously persisted collapsed/expanded state

Other actions

• A Copy Identifier action copies the contentlet identifier
• A View as JSON link is available

Priority

High

Additional Context

Part of the new Edit Contentlet work (dotCMS: New Edit Contentlet). The attached design governs Command Bar button positions and Side Panel layout. The Locales section's content is tracked separately in #35889; only its collapsibility is in scope here.

[github-actions]

PRs linked to this issue

• feat(edit-content): restructure command bar & side panel around Actions tab (#35892) by @oidacra