fix(lightspeed): improve chat history sidebar UI and delete modal styling

[its-mitesh-kumar]

Description

1. Add icons to the chat action menu (Rename, Pin/Unpin, Delete)

2. Fix sidebar icon alignment

   • Drawer Collapse Icon and sort icon on same vertical line
   • New Chat Button and Drawer Collapse Icon on same horizontal line
   • New Chat, Search Box, Pinned Chat, Chat on same vertical line.

3. Improve the delete confirmation modal with rounded styling and chat name in the title (100 characters), removed from your Lightspeed Activity from description.

4. Keep the "New Chat" button always visible but disabled when a new chat is open

5. Update empty state messages for pinned and recent chats, updated the styles.

Fixed

• https://redhat.atlassian.net/browse/RHDHBUGS-3066

UI after Fix

Light Theme

S_.2026-06-11.at.7.20.38.AM.mov

Dark Theme

S_.2026-06-11.at.7.26.04.AM.mov

✔️ 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)

[rhdh-gh-app]

Changed Packages

Package Name	Package Path	Changeset Bump	Current Version
@red-hat-developer-hub/backstage-plugin-lightspeed	workspaces/lightspeed/plugins/lightspeed	patch	v2.9.1

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 54.01%. Comparing base (df49416) to head (4ce8fd2).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3366      +/-   ##
==========================================
- Coverage   54.01%   54.01%   -0.01%     
==========================================
  Files        2409     2409              
  Lines       87709    87702       -7     
  Branches    24285    24284       -1     
==========================================
- Hits        47377    47370       -7     
  Misses      40025    40025              
  Partials      307      307              

Flag	Coverage Δ		*Carryforward flag
adoption-insights	83.58% <ø> (ø)		Carriedforward from df49416
ai-integrations	70.03% <ø> (ø)		Carriedforward from df49416
app-defaults	69.60% <ø> (ø)		Carriedforward from df49416
augment	46.39% <ø> (ø)		Carriedforward from df49416
bulk-import	72.69% <ø> (ø)		Carriedforward from df49416
cost-management	17.48% <ø> (ø)		Carriedforward from df49416
dcm	60.27% <ø> (ø)		Carriedforward from df49416
extensions	62.17% <ø> (ø)		Carriedforward from df49416
global-floating-action-button	74.30% <ø> (ø)		Carriedforward from df49416
global-header	61.63% <ø> (ø)		Carriedforward from df49416
homepage	52.60% <ø> (ø)		Carriedforward from df49416
install-dynamic-plugins	56.23% <ø> (ø)		Carriedforward from df49416
konflux	91.01% <ø> (ø)		Carriedforward from df49416
lightspeed	68.45% <100.00%> (-0.04%)	⬇️
mcp-integrations	85.46% <ø> (ø)		Carriedforward from df49416
orchestrator	37.33% <ø> (ø)		Carriedforward from df49416
quickstart	62.09% <ø> (ø)		Carriedforward from df49416
sandbox	79.56% <ø> (ø)		Carriedforward from df49416
scorecard	83.93% <ø> (ø)		Carriedforward from df49416
theme	64.54% <ø> (ø)		Carriedforward from df49416
translations	8.49% <ø> (ø)		Carriedforward from df49416
x2a	78.79% <ø> (ø)		Carriedforward from df49416

*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 df49416...4ce8fd2. 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.

[its-mitesh-kumar]

/cc @ShiranHi @HusneShabbir @rohitratannagar

[HusneShabbir]

Wouldn't it be better to use the same pin icon across the UI for consistency?

[ShiranHi]

@its-mitesh-kumar thanks for these great improvements!
I have a few quick comments and questions:

1. Can we reduce the left padding in each section of the chat history panel to align it better with the prototype?

2. Delete Button Color: In delete mode, the dark theme red button color looks like it might not be aligned with [PatternFly standards]

A couple of other notes (not sure if they belong in this specific ticket):

1. Can we align the pencil icon inside the "New chat" button?

2. The chat text field shouldn't have a background

[its-mitesh-kumar]

1.Can we reduce the left padding in each section of the chat history panel to align it better with the prototype?

@ShiranHi We already have a bug for it https://redhat.atlassian.net/browse/RHDHBUGS-3247.

[its-mitesh-kumar]

@ShiranHi addressed your 2nd comment. I am attaching the screen recording.

S_.2026-06-11.at.2.45.48.PM.mov

[karthikjeeyar]

Agree with @HusneShabbir there are two different icons in the play.

Pin/Unpin menu items: ThumbtackIcon from @patternfly/react-icons
Pinned chat sidebar indicator: PushPinIcon from @mui/icons-material

Use PF icons everywhere for consistency and avoid mix matching multiple frameworks as much as possible.

[karthikjeeyar]

/approve
/lgtm

[HusneShabbir]

/lgtm

[sonarqubecloud]

Quality Gate passed

Issues
7 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

[openshift-ci]

New changes are detected. LGTM label has been removed.