Suggested Edit Location Sidebar (In 1st image): Here all suggested subsequent locations will be displayed in a tree view, with their file path as the root node and precise line location as the leaf node. Click on each location will jump to the corresponding location, with the code highlighted in red (replace, delete) or green (insert);

Edit Description Input Box (In 1st image): Users may enter the edit description via this box (optional), which will disappear after hitting Enter or Excape key;

Function shorcut key: Users may click shortcut key to activate corresponding service, including: recommend subsequent edit, generate edit solution, enter edit description, etc. As shown here, it provides services: select between different edit solutions, accept edit solution and reject edit solution;

Edit Diff View (In 1st image): User may compare the edit different in the diff view, and can further modify the recommended edit solution on the right panel;

Connection status: Indicating the communication status between the front end and the backend;

Suggested Code Actions Sidebar (In 2nd image): Here all suggested subsequent edit location with edit solution provided by LSP will be displayed in a tree-view;

Edit Composition Preview (In 2nd image): Suggested edit solution of edit compositions will be displayed here. User can accept all of them by one click, or address them one-by-one.