feat(edit-content): update command bar to show all workflow actions (#35290)

## Summary

Closes #35034 and #31321

- Replaces the split-button pattern in `dot-workflow-actions` with
individual inline buttons, making all workflow actions discoverable
- First action (rightmost): default solid button — second: outlined —
third: text; actions beyond 3 collapse into an overflow popup menu
(`p-menu` with `appendTo="body"`)
- SEPARATOR actions are filtered out automatically
- Removed `groupActions` and `SplitButton` — component is now purely
computed-signal driven


## IMAGES

BEFORE

<img width="1586" height="743" alt="Screenshot 2026-04-14 at 2 37 36 PM"
src="https://github.com/user-attachments/assets/a45b6b40-53d4-436f-ad2c-10179e26148b"
/>

NOW

<img width="1272" height="693" alt="Screenshot 2026-04-14 at 2 37 42 PM"
src="https://github.com/user-attachments/assets/75b6ea9b-df9b-472c-8e06-0348fbf12ce8"
/>

## Test plan

- [ ] Verify workflow actions render as individual buttons (not hidden
in a split button)
- [ ] Verify first action is primary, second outlined, third text
- [ ] Verify overflow menu appears when there are more than 3 actions
- [ ] Verify clicking overflow menu items fires the correct action
- [ ] Verify SEPARATOR actions are not rendered
- [ ] Verify loading spinner appears only on the primary button
- [ ] Verify disabled state disables all buttons


In this PR we are also closing the bug with long workflows names

<img width="1167" height="577" alt="Screenshot 2026-04-14 at 2 43 52 PM"
src="https://github.com/user-attachments/assets/3c47d5c7-d39c-469d-9eb4-28416e70cf56"
/>

Author: adrianjm-dotCMS

core-web/apps/dotcms-ui-e2e/src/pages/newEditContentForm.page.ts

@@ -67,12 +67,15 @@ export class NewEditContentFormPage {
     }
 
     /**
-     * Clicks the primary workflow action button (Save or Publish) and waits for the API response.
-     * New content shows "Save", existing content shows "Publish".
+     * Clicks the workflow action that persists the content (Save or Publish) and waits for the API response.
+     * Prefer "Save" when both Save and Publish are visible — the new command bar can show multiple
+     * workflow buttons at once, so a single regex locator would match 2+ roles and break strict mode.
      */
     async save() {
-        // Match either Save or Publish — the primary action button
-        const actionButton = this.page.getByRole('button', { name: /^(Save|Publish)$/ });
+        const saveButton = this.page.getByRole('button', { name: 'Save' });
+        const publishButton = this.page.getByRole('button', { name: 'Publish' });
+        const actionButton = (await saveButton.isVisible()) ? saveButton : publishButton;
+
         await expect(actionButton).toBeVisible();
 
         const responsePromise = this.page.waitForResponse((response) => {

core-web/libs/edit-content/src/lib/components/dot-edit-content-form/dot-edit-content-form.component.html

@@ -139,8 +139,7 @@
                             identifier: currentIdentifier
                         })
                     "
-                    [actions]="actions"
-                    [groupActions]="true" />
+                    [actions]="actions" />
             }
         }
 

core-web/libs/ui/src/lib/components/dot-workflow-actions/dot-workflow-actions.component.html

@@ -1,28 +1,30 @@
-@for (action of $groupedActions(); track $index) {
-    @let mainAction = action.mainAction;
-    @let subActions = action.subActions;
-    @if (subActions.length) {
-        <p-splitButton
-            (onClick)="mainAction?.command({ originalEvent: $event })"
-            [disabled]="loading() || disabled()"
-            [size]="getButtonSize()"
-            [model]="subActions"
-            [outlined]="!$first"
-            [label]="mainAction.label" />
-    } @else {
-        <p-button
-            (onClick)="mainAction?.command({ originalEvent: $event })"
-            [loading]="loading()"
-            [disabled]="disabled()"
-            [size]="getButtonSize()"
-            [variant]="!$first ? 'outlined' : undefined"
-            [label]="mainAction.label" />
-    }
-} @empty {
+@if ($flatActions().length === 0) {
     <p-button
         [loading]="loading()"
         [disabled]="!loading()"
         [size]="getButtonSize()"
         [label]="(loading() ? 'Loading' : 'edit.ema.page.no.workflow.action') | dm"
         data-testId="empty-button" />
+} @else {
+    @if ($overflowActions().length) {
+        <p-menu #overflowMenu [model]="$overflowActions()" [popup]="true" appendTo="body" />
+        <p-button
+            (onClick)="overflowMenu.toggle($event)"
+            [rounded]="true"
+            [size]="getButtonSize()"
+            [disabled]="loading() || disabled()"
+            icon="pi pi-ellipsis-v"
+            [variant]="'outlined'"
+            data-testId="overflow-button" />
+    }
+    @for (action of $visibleActions(); track action.id; let idx = $index; let first = $first) {
+        <p-button
+            (onClick)="fireAction(action)"
+            [loading]="first && loading()"
+            [disabled]="loading() || disabled()"
+            [size]="getButtonSize()"
+            [variant]="getVariant(idx)"
+            [label]="action.name"
+            [attr.data-testId]="'action-button-' + action.id" />
+    }
 }