enable change select on failure

[chadgauth]

Description

This pull request redesigns the chat window, updates the start screen text, fixes a chat disabling issue, and includes an HTML bug fix. Storybook stories have been added for most components to improve component documentation and development workflow.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

The changes have been tested by manually reviewing the UI changes in the chat window and verifying the fix for the chat disabling issue. Tested with the extension host, and adding images.

Checklist:

• My code follows the patterns of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

Additional context

This PR enhances the user experience and developer workflow by improving the chat interface, providing clearer guidance.

Animation:

---

Important

Redesigns chat interface, updates start screen, fixes chat disabling, and adds Storybook stories for improved documentation.

• UI Redesign:
  • Redesigns chat window and updates start screen text in ChatView.tsx.
  • Adds ChatTextArea, ChatTextAreaInput, ChatTextAreaActions, ChatTextAreaSelections, and ChatTextAreaLayout components.
  • Updates styles in ChatTextArea.module.css.
• Functionality:
  • Fixes chat disabling issue in ChatView.tsx.
  • Adds defaultExtensionState to ExtensionMessage.ts for consistent state management.
• Testing:
  • Adds tests for ChatTextArea and ChatView in ChatTextArea.test.tsx and ChatView.test.tsx.
  • Updates ClineProvider.test.ts to use defaultExtensionState.
• Miscellaneous:
  • Changes icon for MCP Servers command in package.json.
  • Adds Storybook stories for components to improve documentation and workflow.

^{This description was created by for 4c50dcd. It will automatically update as commits are pushed.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 4c50dcd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
roo-cline	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[ellipsis-dev]

This pull request is quite large, with 20 files changed, 1018 lines added, and 661 lines removed. It includes a mix of new features, refactoring, and fixes across various components and modules.

To improve the review process and maintainability, it might be beneficial to split this pull request into smaller, more focused ones. Here are some suggestions on how to split the changes:

1. New Features: Consider creating a separate pull request for the new features introduced, such as the new React components (ChatTextArea, ChatTextAreaActions, ChatTextAreaLayout, etc.) and the associated CSS styling.

2. Refactoring: The refactoring changes, such as those in ClineProvider.test.ts and ExtensionStateContext.tsx, could be grouped into another pull request.

3. Fixes: Any bug fixes, like the update to the MCP Servers icon identifier in package.json and the key prop addition in Thumbnails.tsx, could be isolated into their own pull request.

By splitting the pull request, it will be easier to review and test each set of changes independently, ensuring a smoother integration process. Let me know if you have any questions or need further assistance!

[ellipsis-dev]

The HTML escaping in the highlight update uses replace(/[<>&]/g, ...) and currently only replaces '&' with '&' while leaving '<' and '>' unchanged. For consistency and to prevent potential HTML injection issues, consider replacing '<' with '<' and '>' with '>'.

Suggested change

	.replace(/[<>&]/g, (c) => ({ "<": "<", ">": ">", "&": "&amp;" })[c] || c)
	.replace(/[<>&]/g, (c) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[c] || c)