From 280f87b1d6324e6ba90d899c289a4f12e2e2e397 Mon Sep 17 00:00:00 2001 From: rohitratannagar Date: Mon, 10 Aug 2026 00:40:33 +0530 Subject: [PATCH 1/2] fix(intelligent-assistant): MCP settings panel fills space in docked/overlay mode The PatternFly chatbot Settings component's default CSS includes justify-content: center, overflow: scroll, and border-bottom on form rows. In docked/overlay mode these defaults caused the MCP settings panel to appear visually smaller than its container, with gray gaps visible around it. Fix by overriding the Settings wrapper with proper flex-fill behavior (flex: 1, minHeight: 0) throughout the form container chain, removing borders/overflow, and aligning content to flex-start instead of center. Fixes: RHDHBUGS-3576 Assisted-by: Composer Co-authored-by: Cursor --- .../src/components/LightSpeedChat.tsx | 17 +++++++++++++---- .../src/components/McpServersSettings.tsx | 3 ++- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/LightSpeedChat.tsx b/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/LightSpeedChat.tsx index c275ca126de..e5ca348f1a1 100644 --- a/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/LightSpeedChat.tsx +++ b/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/LightSpeedChat.tsx @@ -451,35 +451,44 @@ const useStyles = makeStyles(theme => ({ settingsFlat: { height: '100%', width: '100%', + flex: 1, + minHeight: 0, '&.pf-chatbot__settings-form-container': { background: 'var(--pf-v6-c-table--BackgroundColor, var(--pf-t--global--background--color--primary--default))', padding: 0, margin: 0, - minHeight: '100%', + minHeight: 0, + flex: 1, display: 'flex', flexDirection: 'column', + justifyContent: 'flex-start', width: '100%', maxWidth: 'none', + overflow: 'hidden', + border: 'none', }, '& .pf-chatbot__settings-form': { margin: 0, padding: 0, background: 'var(--pf-v6-c-table--BackgroundColor, var(--pf-t--global--background--color--primary--default))', - minHeight: '100%', + minHeight: 0, + flex: 1, display: 'flex', flexDirection: 'column', width: '100%', maxWidth: 'none', + border: 'none', }, '& .pf-chatbot__settings-form-row': { background: 'var(--pf-v6-c-table--BackgroundColor, var(--pf-t--global--background--color--primary--default))', - border: 0, + border: 'none', margin: 0, padding: 0, - minHeight: '100%', + minHeight: 0, + flex: 1, display: 'flex', flexDirection: 'column', width: '100%', diff --git a/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/McpServersSettings.tsx b/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/McpServersSettings.tsx index d7639a7d441..23c0f857aea 100644 --- a/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/McpServersSettings.tsx +++ b/workspaces/intelligent-assistant/plugins/intelligent-assistant/src/components/McpServersSettings.tsx @@ -70,7 +70,8 @@ const useStyles = makeStyles(theme => ({ root: { padding: 0, height: '100%', - minHeight: '100%', + minHeight: 0, + flex: 1, width: '100%', overflow: 'auto', }, From d6856b8aee091c6b2e71716471eba807dde86bc1 Mon Sep 17 00:00:00 2001 From: rohitratannagar Date: Mon, 10 Aug 2026 00:59:21 +0530 Subject: [PATCH 2/2] chore(intelligent-assistant): add changeset for RHDHBUGS-3576 fix Fixes: https://redhat.atlassian.net/browse/RHDHBUGS-3576 Signed-off-by: rohitratannagar Co-authored-by: Cursor --- .../intelligent-assistant/.changeset/gentle-foxes-swim.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 workspaces/intelligent-assistant/.changeset/gentle-foxes-swim.md diff --git a/workspaces/intelligent-assistant/.changeset/gentle-foxes-swim.md b/workspaces/intelligent-assistant/.changeset/gentle-foxes-swim.md new file mode 100644 index 00000000000..6775029f095 --- /dev/null +++ b/workspaces/intelligent-assistant/.changeset/gentle-foxes-swim.md @@ -0,0 +1,5 @@ +--- +'@red-hat-developer-hub/backstage-plugin-intelligent-assistant': patch +--- + +Fix MCP settings panel layout in docked and overlay modes to fill available space and remove gray borders