Scope

What's changed:

• Primary header action buttons now show a visible :label instead of relying on v-tooltip.bottom — the label is responsive and collapses to icon-only at smaller breakpoints
• PrivateViewHeaderBarActionButton auto-derives tooltip from label when in icon-only mode, eliminating redundant v-tooltip/:tooltip at every call site
• Introduce headerBarInline provide/inject via use-header-bar.ts so action buttons in drawers use a simplified breakpoint (always icon-only below large)
• Add secondary prop passthrough to PrivateViewHeaderBarActionButton
• Replace outlined with ghost variant and swap clear icon for undo on discard/cancel buttons (dashboard, flow views)
• Reorder dashboard edit-mode buttons: "Create Panel" (secondary) now comes before "Save"

Potential Risks / Drawbacks

—

Tested Scenarios

• Primary action buttons show label at desktop widths, collapse to icon-only with auto-tooltip on smaller breakpoints
• Drawer action buttons always show icon-only below large breakpoint (via headerBarInline)
• Conditional tooltips (e.g. "not allowed") still appear when createAllowed === false
• Ghost variant renders correctly on discard/cancel buttons in dashboard and flow views

Review Notes / Questions

• Tooltip auto-derivation logic: the activeTooltip computed prefers explicit tooltip prop → falls back to label when icon-only → hides tooltip when label is visible. This is the core behavioral change — review carefully
• "Convert conditional tooltips to only pass :tooltip for special cases" — the pattern is now :tooltip="createAllowed ? undefined : $t('not_allowed')" instead of the old v-tooltip.bottom="createAllowed ? $t('create_item') : $t('not_allowed')"
• Dashboard button reorder: "Create Panel" is now secondary and comes before "Save" in the primary slot — intentional design change

Checklist

• Added or updated tests
• Documentation PR created here or not required
• OpenAPI package PR created here or not required

Addresses CMS-2143