fix: make warehouse connection test failures more visible

[Zaimwa9]

• I have read the Contributing Guide.
• I have added information to docs/ if required so people know about the feature.
• I have filled in the "Changes" section below.
• I have filled in the "How did you test this code" section below.

Changes

Contributes to #8112

The ClickHouse connection test failure banner now:

• uses error styling (red) instead of a warning
• spans the full form width
• puts the "You can save anyway…" hint on its own line

How did you test this code?

Manually against a ClickHouse Cloud instance, triggering each failure detail (unreachable host, wrong port, bad credentials, missing database, missing events table, internal host) plus the success path. Unit tests updated for the new line break.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flagsmith-frontend-preview	Ready	Preview	Aug 3, 2026 9:58am
flagsmith-frontend-staging	Ready	Preview	Aug 3, 2026 9:58am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Ignored		Aug 3, 2026 9:58am

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 94241677-c9ad-4535-b826-0ab7b0e42882

📥 Commits

Reviewing files that changed from the base of the PR and between fc33002 and 63ef50e.

📒 Files selected for processing (4)

• frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ClickHouseConfigForm.tsx
• frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ConfigForm.scss
• frontend/web/components/pages/environment-settings/tabs/warehouse-tab/__tests__/warehouseFormUtils.test.ts
• frontend/web/components/pages/environment-settings/tabs/warehouse-tab/warehouseFormUtils.ts

---

📝 Walkthrough

Walkthrough

The warehouse connection test now renders failures through ErrorMessage with error styling. The form preserves line breaks in failure text. getTestFailureWarning places save guidance on a separate line. Tests cover missing-table and general connection failures.

Estimated code review effort: 2 (Simple) | ~10 minutes

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Docker builds report

Image	Build Status	Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-8207	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-8207	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith:pr-8207	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-api:pr-8207	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-private-cloud:pr-8207	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-frontend:pr-8207	Finished ✅	Results ✅

[github-actions]

✅ private-cloud · depot-ubuntu-latest-arm-16 — run #18943 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 1 minute, 2 seconds
 63ef50e
 🔄 Run: #18943 (attempt 1)

🗂️ Previous results

✅ private-cloud · depot-ubuntu-latest-16 — run #18943 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 2 passed

Details

 2 tests across 2 suites
 32 seconds
 63ef50e
 🔄 Run: #18943 (attempt 1)

✅ oss · depot-ubuntu-latest-arm-16 — run #18943 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 41.6 seconds
 63ef50e
 🔄 Run: #18943 (attempt 1)

✅ oss · depot-ubuntu-latest-16 — run #18943 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 33.5 seconds
 63ef50e
 🔄 Run: #18943 (attempt 1)

[github-actions]

Visual Regression

19 screenshots compared. See report for details.
View full report