fix(ui): apply the revamped workflow-details header only in AI mode

[anuj-kumary]

Description

Follow-up to #31158 (Revamped workflow details header page).

The revamped HeaderShell + HeaderBreadcrumb workflow-details header is currently rendered in classic (non-AI) mode too. It should only apply to the AI experience — classic mode should keep the original TitleBreadcrumb + WorkflowHeader card.

Changes

• WorkflowHeader: new isAiMode prop. Renders the HeaderShell gradient header when true, and the original Card layout otherwise. The edit-display-name modal and the control/badge subcomponents are shared between both layouts (no duplication of logic).
• WorkflowBuilder: renders the legacy TitleBreadcrumb above the header in classic mode, and passes isAiMode + the AI HeaderBreadcrumb (governance → Workflows → name) to WorkflowHeader only when in AI mode. PageLayoutV1 compact variant and the removed grey background remain AI-only (unchanged from Revamped workflow details header page #31158).
• Tests: added an AI-mode render test alongside the existing classic-mode tests.

Behaviour

Mode	Header
Classic (non-AI)	Original TitleBreadcrumb + white WorkflowHeader card (as before #31158)
AI	Revamped gradient HeaderShell with governance HeaderBreadcrumb

All existing header test-ids (workflow-header, workflow-title, workflow-description, edit-workflow-title-button, edit-workflow-button, system-workflow-badge) are preserved in both layouts.

Tests

• WorkflowHeader Jest suite: 8/8 pass (classic + new AI-mode test).

🤖 Generated with Claude Code

[github-actions]

❌ PR checklist incomplete

This PR cannot be merged until the following are addressed on its linked issue:

• No GitHub issue is linked. Link an issue in the Development section of the PR (or add Fixes #12345 to the description). For a same-org cross-repo issue, add Fixes open-metadata/<repo>#123 to the description.

The fields live on the linked issue in the Shipping project (open the issue → right sidebar → Projects). After you set them, re-run this check (or push a commit) — issue/project changes do not re-trigger it automatically.

Maintainers can bypass this check by adding the skip-pr-checks label.

[github-actions]

Hi there 👋 Thanks for your contribution!

The OpenMetadata team will review the PR shortly! Once it has been labeled as safe to test, the CI workflows
will start executing and we'll be able to make sure everything is working as expected.

Let us know if you need any help!

[gitar-bot]

Code Review ✅ Approved

Restricts the revamped workflow-details header to AI mode only while preserving the original layout and test IDs for classic mode. No issues found.

Options

Display: compact → Showing less information.

Comment with these commands to change the behavior for this request:

Compact

gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Powered by Gitar — free for open source}

[github-actions]

Jest test Coverage

UI tests summary

Lines	Statements	Branches	Functions
	66.24% (78224/118091)	50.25% (47253/94029)	51.45% (14230/27656)

[github-actions]

Hi there 👋 Thanks for your contribution!

The OpenMetadata team will review the PR shortly! Once it has been labeled as safe to test, the CI workflows
will start executing and we'll be able to make sure everything is working as expected.

Let us know if you need any help!

[github-actions]

⚠️ UI Checkstyle passed — lint findings in changed files

🔍 ESLint findings in this PR's files — 0 error(s), 10 warning(s)

Errors block the build. Warnings do not yet — they are rules whose backlog is still
being worked down, listed so this PR does not add to it. See docs/ui-code-quality-gate.md.

0 error(s), 10 warning(s) across 3 changed file(s).

Count	Rule
4	sonarjs/no-duplicate-string
2	sonarjs/cyclomatic-complexity
2	react-hooks/exhaustive-deps
1	i18next/no-literal-string
1	sonarjs/no-nested-conditional

All findings

	Location	Rule	Message
🟡	src/components/WorkflowDefinitions/WorkflowBuilder/WorkflowHeader.test.tsx:140:10	sonarjs/no-duplicate-string	Define a constant instead of duplicating this literal 3 times.
🟡	src/components/WorkflowDefinitions/WorkflowBuilder/WorkflowHeader.test.tsx:206:31	sonarjs/no-duplicate-string	Define a constant instead of duplicating this literal 3 times.
🟡	src/components/WorkflowDefinitions/WorkflowBuilder/WorkflowHeader.test.tsx:247:28	sonarjs/no-duplicate-string	Define a constant instead of duplicating this literal 3 times.
🟡	src/components/WorkflowDefinitions/WorkflowBuilder/WorkflowHeader.test.tsx:286:54	i18next/no-literal-string	disallow literal string: crumb
🟡	src/components/WorkflowDefinitions/WorkflowBuilder/WorkflowHeader.tsx:49:4	sonarjs/cyclomatic-complexity	{"message":"Function has a complexity of 14 which is greater than 10 authorized.","cost":4,"secondaryLocations":[{"line":49,"column":3,"endLine":49,"endColumn":
🟡	src/pages/WorkflowDefinitions/WorkflowBuilder/WorkflowBuilder.tsx:77:4	sonarjs/cyclomatic-complexity	{"message":"Function has a complexity of 23 which is greater than 10 authorized.","cost":13,"secondaryLocations":[{"line":77,"column":3,"endLine":77,"endColumn"
🟡	src/pages/WorkflowDefinitions/WorkflowBuilder/WorkflowBuilder.tsx:334:6	react-hooks/exhaustive-deps	React Hook useEffect has missing dependencies: 'edges' and 'nodes'. Either include them or remove the dependency array.
🟡	src/pages/WorkflowDefinitions/WorkflowBuilder/WorkflowBuilder.tsx:398:5	react-hooks/exhaustive-deps	React Hook useCallback has missing dependencies: 't' and 'workflowLogic'. Either include them or remove the dependency array.
🟡	src/pages/WorkflowDefinitions/WorkflowBuilder/WorkflowBuilder.tsx:423:22	sonarjs/no-duplicate-string	Define a constant instead of duplicating this literal 3 times.
🟡	src/pages/WorkflowDefinitions/WorkflowBuilder/WorkflowBuilder.tsx:531:23	sonarjs/no-nested-conditional	Extract this nested ternary operation into an independent statement.

---

Fix locally (fast - only checks files changed in this branch):

make ui-checkstyle-changed

[sonarqubecloud]

Quality Gate passed for 'open-metadata-ui'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

Changes have been cherry-picked to the 2.0 branch.

[github-actions]

Failed to cherry-pick changes to the 1.13 branch.
Please cherry-pick the changes manually.
You can find more details here.