Skip to content

Conversation

@chadgauth
Copy link
Contributor

@chadgauth chadgauth commented Feb 24, 2025

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. Storybook stories have been added to visually test the components. Tested with the extension host as well, with images added. Bug fix for the shift to drag and drop.

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

Screenshot 2025-02-26 at 11 03 40 AM

This PR enhances the user experience and developer workflow by improving the chat interface, providing clearer guidance, fixing a critical bug, and adding Storybook documentation.

Animation:
Screen Recording 2025-02-24 at 1 32 39 AM

Related Issues

Fixes the chat disabling issue that will not let you change mode or modal on a failure.

Reviewers

@roovet


Important

Redesigns chat window, fixes chat disabling and HTML bugs, and adds Storybook components for improved UI and testing.

  • Chat Window Redesign:
    • Redesigned chat window layout in ChatTextArea.tsx, ChatTextAreaLayout.tsx, and ChatTextAreaSelections.tsx.
    • Updated styles in ChatTextArea.module.css for better UI consistency.
  • Bug Fixes:
    • Fixed chat disabling issue in ChatView.tsx by adjusting message handling logic.
    • Corrected HTML bug related to drag-and-drop in ChatTextAreaInput.tsx.
  • Storybook Integration:
    • Added Storybook stories for components like Announcement, AutoApproveMenu, BrowserSessionRow, ChatRow, ChatTextArea, ChatView, ContextMenu, ReasoningBlock, TaskHeader, CodeAccordian, CodeBlock, and MarkdownBlock.
    • Configured Storybook in .storybook/main.ts and .storybook/preview.tsx.
    • Mocked context in preview-context.tsx for Storybook testing.
  • Miscellaneous:
    • Updated package.json to include new dependencies for Storybook and other tools.
    • Adjusted vite.config.ts to support Storybook environment.

This description was created by Ellipsis for e46822f9e64d96d1b4db690ab08014be84b2cda2. It will automatically update as commits are pushed.

@changeset-bot
Copy link

changeset-bot bot commented Feb 24, 2025

🦋 Changeset detected

Latest commit: c5982f0

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

@dosubot dosubot bot added size:XXL This PR changes 1000+ lines, ignoring generated files. bug Something isn't working documentation Improvements or additions to documentation enhancement New feature or request labels Feb 24, 2025
@dosubot dosubot bot added size:XS This PR changes 0-9 lines, ignoring generated files. and removed size:XXL This PR changes 1000+ lines, ignoring generated files. labels Feb 24, 2025
@dosubot dosubot bot added size:XXL This PR changes 1000+ lines, ignoring generated files. and removed size:XS This PR changes 0-9 lines, ignoring generated files. labels Feb 24, 2025
@hannesrudolph
Copy link
Collaborator

Maybe we should change the MCP button too? @chadgauth can you jump on discord?

@chadgauth
Copy link
Contributor Author

@hannesrudolph updated and merged in changes

@chadgauth chadgauth closed this Feb 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working documentation Improvements or additions to documentation enhancement New feature or request size:XXL This PR changes 1000+ lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants