Skip to content

fix(intelligent-assistant): align Chat/Notebooks shell with PatternFly defaults - #5003

Merged
karthikjeeyar merged 7 commits into
redhat-developer:mainfrom
ciiay:rhdhbugs-3733-pf-align-shared-shell
Sep 28, 2026
Merged

karthikjeeyar merged 7 commits into
redhat-developer:mainfrom
ciiay:rhdhbugs-3733-pf-align-shared-shell

Conversation

@ciiay

@ciiay ciiay commented Sep 28, 2026 •

Copy link
Copy Markdown
Member

Description

Align the Intelligent Assistant Chat and Notebooks shell with stock PatternFly Chatbot / Drawer APIs so PF updates stop fighting custom CSS. Removes footer/header chrome overrides where props suffice, shares plain icon-button rails, sets docked drawer width to PF's 480px (30rem), and fixes sticky hover on history close/expand controls (MenuToggle aria-expanded, focus trap landing on DrawerCloseButton, and PF :focus matching :hover).

Fixed

  • RHDHBUGS-3733 — PF update causes style override failures in Intelligent Assistant

UI after changes

rhdhbugs_3733.mp4

Test Plan

  • Open Intelligent Assistant in docked and fullscreen modes
  • Chat: history expand/collapse chrome clears when pointer leaves (no sticky hover)
  • Chat: history close (X) does not look hovered when the panel opens
  • Notebooks: sidebar collapse/expand icon is centered in the plain-button hit target
  • Chat and Notebooks footers/message bars align; no extra vertical divider in fullscreen history
  • Docked drawer width matches PatternFly Chatbot (~480px)

Checklist

  • A changeset describing the change and affected packages. (more info)
  • Added or Updated documentation
  • Tests for new functionality and regression tests for bug fixes
  • Screenshots attached (for UI changes)

Note

This bug fix was identified and implemented using the bug-fix and raise-pr agent skills. Please verify the fix thoroughly before merging.

…y defaults

Fixes: https://redhat.atlassian.net/browse/RHDHBUGS-3733
Signed-off-by: Yi Cai <yicai@redhat.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@rhdh-gh-app

rhdh-gh-app Bot commented Sep 28, 2026

Copy link
Copy Markdown

Changed Packages

Package Name Package Path Changeset Bump Current Version
@red-hat-developer-hub/backstage-plugin-intelligent-assistant workspaces/intelligent-assistant/plugins/intelligent-assistant patch v5.3.3

@codecov

codecov Bot commented Sep 28, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 35.44304% with 51 lines in your changes missing coverage. Please review.
✅ Project coverage is 63.65%. Comparing base (262900c) to head (c0d654e).
⚠️ Report is 9 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #5003      +/-   ##
==========================================
- Coverage   63.67%   63.65%   -0.02%     
==========================================
  Files        2705     2705              
  Lines      106588   106578      -10     
  Branches    30023    30034      +11     
==========================================
- Hits        67865    67843      -22     
- Misses      36921    36933      +12     
  Partials     1802     1802              
Flag Coverage Δ *Carryforward flag
adoption-insights 84.77% <ø> (ø) Carriedforward from 7c8cfa9
ai-integrations 87.10% <ø> (ø) Carriedforward from 7c8cfa9
app-defaults 68.03% <ø> (ø) Carriedforward from 7c8cfa9
augment 46.67% <ø> (ø) Carriedforward from 7c8cfa9
boost 92.39% <ø> (ø) Carriedforward from 7c8cfa9
bulk-import 73.12% <ø> (ø) Carriedforward from 7c8cfa9
cost-management 13.56% <ø> (ø) Carriedforward from 7c8cfa9
dcm 74.29% <ø> (ø) Carriedforward from 7c8cfa9
e2e-adoption-insights 60.00% <ø> (ø) Carriedforward from 7c8cfa9
e2e-extensions 62.31% <ø> (ø) Carriedforward from 7c8cfa9
e2e-global-header 52.40% <ø> (ø) Carriedforward from 7c8cfa9
e2e-homepage 61.11% <ø> (ø) Carriedforward from 7c8cfa9
e2e-intelligent-assistant 45.51% <ø> (-0.06%) ⬇️ Carriedforward from 7c8cfa9
e2e-orchestrator 49.49% <ø> (ø) Carriedforward from 7c8cfa9
e2e-orchestrator-plugin 49.48% <ø> (ø) Carriedforward from 7c8cfa9
e2e-quickstart 54.83% <ø> (ø) Carriedforward from 7c8cfa9
e2e-scorecard 49.77% <ø> (ø) Carriedforward from 7c8cfa9
e2e-theme 16.36% <ø> (ø) Carriedforward from 7c8cfa9
extensions 58.30% <ø> (ø) Carriedforward from 7c8cfa9
global-floating-action-button 71.18% <ø> (ø) Carriedforward from 7c8cfa9
global-header 69.10% <ø> (ø) Carriedforward from 7c8cfa9
homepage 55.16% <ø> (ø) Carriedforward from 7c8cfa9
install-dynamic-plugins 73.52% <ø> (ø) Carriedforward from 7c8cfa9
intelligent-assistant 78.53% <35.44%> (-0.19%) ⬇️
konflux 91.98% <ø> (ø) Carriedforward from 7c8cfa9
lightspeed 69.02% <ø> (ø) Carriedforward from 7c8cfa9
mcp-integrations 84.46% <ø> (ø) Carriedforward from 7c8cfa9
orchestrator 77.69% <ø> (ø) Carriedforward from 7c8cfa9
quickstart 65.83% <ø> (ø) Carriedforward from 7c8cfa9
sandbox 79.56% <ø> (ø) Carriedforward from 7c8cfa9
scorecard 88.98% <ø> (ø) Carriedforward from 7c8cfa9
theme 87.70% <ø> (ø) Carriedforward from 7c8cfa9
translations 7.91% <ø> (ø) Carriedforward from 7c8cfa9
x2a 78.48% <ø> (ø) Carriedforward from 7c8cfa9

*This pull request uses carry forward flags. Click here to find out more.


Continue to review full report in Codecov by Harness.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 262900c...c0d654e. Read the comment docs.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Keep PF focusTrap enabled so the panel stays role="dialog" for e2e/a11y, and move initial focus to New chat so DrawerCloseButton no longer looks hovered while open.

Signed-off-by: Yi Cai <yicai@redhat.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

@karthikjeeyar karthikjeeyar left a comment •

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @ciiay 🎉 I really appreciate the goal of aligning the Chat and Notebook shell with PF defaults, it should make the UI feel more consistent and improves the maintainability.

I have added one observation below, and rest all looks great!

ciiay and others added 2 commits September 28, 2026 09:33
…d bg

Bring back a lean StyledChatbotFooter so the message bar tracks available
pane width when sidebars collapse (override PF's 60rem cap) and matches
the chatbot floating background.

Signed-off-by: Yi Cai <yicai@redhat.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Use PF's 90% footer width (without the 60rem cap) so Chat message input
matches the scrollable log inset; keep 100% + side padding for compact.

Signed-off-by: Yi Cai <yicai@redhat.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

@karthikjeeyar karthikjeeyar left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good.

Image

/lgtm

…ding

Drop percentage footer width; use full pane width with spacer--lg
horizontal padding like the scrollable message log.

Signed-off-by: Yi Cai <yicai@redhat.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@openshift-ci openshift-ci Bot removed the lgtm label Sep 28, 2026
@openshift-ci

openshift-ci Bot commented Sep 28, 2026

Copy link
Copy Markdown

New changes are detected. LGTM label has been removed.

ciiay and others added 2 commits September 28, 2026 10:22
Use MessageBox padding for Notebooks welcome/footer gutters and switch New chat to PencilAltIcon so Chat and Notebooks share one clean inset.

Co-authored-by: Cursor <cursoragent@cursor.com>
…ll overrides

Drop the redundant compact footer override, tighten comments, and align the conversation Rename icon with MCP edit.

Co-authored-by: Cursor <cursoragent@cursor.com>
@sonarqubecloud

Copy link
Copy Markdown

@karthikjeeyar
karthikjeeyar merged commit b47cbf3 into redhat-developer:main Sep 28, 2026
17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants