- Add Accordion component from Mantine to wrap each step content
- Extract first line starting with '#' as section title
- Show chevron icon when section is collapsed
- Show check icon when code block is expanded
- Style Accordion to match VSCode theme
- Remove original toggle button and collapse component
- Create Step component to wrap code snippets in collapsible box
- Render Step instead of default code block for 'step' language
- Pass code snippet as children prop to Step
- Step renders language tag and toggle button
- Create LanguageCorner component to display language tag
- Update MessageMarkdown to render LanguageCorner
- Pass language prop from Message to LanguageCorner
- Import observer and store hook
- Observe chat panel width from store
- Set control text width based on chat width
- Allows context text to wrap responsively
- Extract chat panel width state into Chat store
- Remove width prop drilling from parent components
- Use chat panel width via hook instead of props
- Pass className prop to MessageMarkdown for width styling
- Extend MessageMarkdown props to allow className
- Update MessageBody to get width styles
- Adjust the styling of the rightSection in the InputMessage component
- Remove duplicate Indicator and ActionIcon for the context menus
- Add marginLeft to the send button for proper spacing
- Update the styling of the context menu dropdown
- Remove duplicate padding style for menu items
- Add menuStyles object to define the styles for the context menu
- Add buttonStyles object to define the styles for the model selection button
- Apply buttonStyles to the model selection button in the InputMessage component
- Add buttonStyles object to define the styles for the model selection button
- Apply buttonStyles to the model selection button in the InputMessage component
- Update the styling of the context menu dropdown
- Remove duplicate padding style for menu items
- Add menuStyles object to define the styles for the context menu
- Adjust the styling of the rightSection in the InputMessage component
- Remove duplicate Indicator and ActionIcon for the context menus
- Add marginLeft to the send button for proper spacing
- Update InputMessage component to include modelMenus in the input object
- Add fetchModelMenus action to InputStore to fetch model menus
- Update ChatStore to set the default chatModel to 'GPT-3.5'
- Remove commented out borderBottom and boxShadow styles.
- Update borderBottom style to use a solid line with color #ced4da.
- Adjust padding of the Flex component for better alignment.
- Import Box component from "@mantine/core".
- Remove unused imports and dependencies.
- Update the returned JSX structure and layout.
- Adjust styling and spacing of components.
- Remove unused code and dependencies.
- Import necessary components from @mantine/core and @tabler/icons-react.
- Remove unused imports and dependencies.
- Update the returned JSX structure and layout.
- Adjust styling and spacing of components.
- Remove unused code and dependencies.
- Import CurrentMessage component from "@/views/components/CurrentMessage".
- Remove unused chatPanelWidth prop.
- Wrap the returned JSX in a Stack component for spacing and margin.
- Add CurrentMessage component at the end of the Stack.
- Adjust styling and layout of components.
- Remove unused code and dependencies.
- Import Chip, Group, Button, UnstyledButton, and Menu components from Mantine/core.
- Import IconDatabase, IconTextPlus, and IconRobot from @tabler/icons-react.
- Remove handlePlusClick function and its usage.
- Remove contextMenusNode and its usage.
- Remove unused onClose and onOpen props from Popover component.
- Update placeholder text in Textarea component.
- Adjust styling and layout of components.
- Add changeModel function to handle chat model selection.
- Update return statement to use Stack and Group components for layout.
- Update ActionIcon and Button components with new props and styling.
- Remove unused code and dependencies.
