✨ Resolution page v2

[rszwajko]

Changes:

1. show Resolutions page from Issue tree view via conext button
2. track solution state and collect log messages
3. use chat-like layout
4. support Markdown
5. support light/dark mode

Part of: #171
Resolves: #176
Resolves: #181
Resolves: #178

[rszwajko]

Resolution page in light mode

Analysis page in light mode with markdown

Resolution page in dark mode

Opening Resolution page from Issue tree view

[rszwajko]

Updated styles for file changes

[djzager]

This is really awesome to see! Nice work.

The only issue I see is in Dark Mode, the white text on blue label is hard to read. I'm not sure if the right way to fix it is to change what "blue" is in dark mode, or to change the color on the label when in dark mode.

[rszwajko]

@djzager

The only issue I see is in Dark Mode, the white text on blue label is hard to read

yep. check the latest commit - I've switched to black.

[ibolton336]

Noticing an issue with styling. A new media query that adds spacing for a sidebar in the page component is added maybe by the pf virtual assistant library.

The page component is no longer center aligned and a large space to left is visible when viewing analysis results. Seems related to a media query affecting the width of the page component.

Was able to find a fix:

• In App.tsx, add in the App.css import.
• Remove the existing stale css in app.css and replace with:

@media (min-width: 75rem) {
  .pf-v6-c-page {
    grid-template-columns: 1fr !important;
    grid-template-areas: 
      "header"
      "main";
  }
}

[rszwajko]

@sjd78 @ibolton336
The layout problems seems related to missing sidebar - after providing a dummy hidden sidebar it looks OK without any tweaks.
Additionally in the latest commit:

1. I've fixed double scrollbars by moving "Run analysis" button to the masthead and removing manual height calculation.
2. Removed "Cancel" button as suggested in Canceling fix generation doesn't do anything #178

[rszwajko]

Scrollbars and buttons in the masthead

[rszwajko]

Force pushed to rebase on top of current HEAD.

[sjd78]

The screen shots look pretty good. I expect some followup tweaking as it gets more use, but it is a solid base. Code structure is reasonable. I only found one lingering console.log that could be kept if it makes sense.

Fighting to get the vscode themes to line up with PF6 styles will be ongoing. Looks a good at least 90% of the way there and that feels good enough at this point.