* feat: Add clear button to search bar
This commit introduces a clear button to the SearchBar component using the X icon from Lucide-React. When the user enters a query in the input field, the clear button appears allowing them to easily remove the search term. The clear button is hidden when there is no search term entered.
* Refactor SearchBar component to improve user experience
Changed SearchBar's input field to add padding on the left side and an absolute positioned search icon. Also, added absolute positioned X icon on the right side when there is an input value, ensuring a better user experience.
* Refactor SearchBar component to show Clear Search icon dynamically
This commit makes changes to the SearchBar React component to render the Clear Search X icon only when the input field has a value. A showClearIcon state using useState hook is added and updated every time the input value changes. The useEffect hook is used to handle the case when the user clears the input value. This allows better UX by providing clear intent to the user that the icon is clickable and will clear the search query.
* Improve UX: Add styling to clear button & export button
This commit modifies the NavLinks component to improve user experience by removing a rounded styling to the "Clear conversations" and "Export conversations" buttons. Prior to this change, the buttons had a rounded styling.
* Refactor submit button styling for improved accessibility and readability.
Changed submit button styling for better accessibility and readability, including adjustments to padding and hover effects. The new styles ensure that the button is easily clickable for all users, while also improving its visual appearance.
* hotfix
* Improve UI styling in Conversation component
Changed the background color and hover effect of the conversation link in Conversation component to make it more visually appealing. The previous background color was '#2A2B32' and now it's 'gray-800'. The 'px-4' class has also been changed to 'hover:pr-4' for better readability.
---------
Co-authored-by: Danny Avila <110412045+danny-avila@users.noreply.github.com>
* Rename .github/PULL_REQUEST_TEMPLATE/PULL-REQUEST.md to .github/pull_request_template.md
fix: Pull Request Template Location
* documents -> docs
* Update windows_install.md
Fix: Docker hyperlink
* Update linux_install.md
Fix: Layout (step 6)
* Rename docs/contributions/code_of_conduct.md to CODE_OF_CONDUCT.md
fix: Code of Conduct location according to GitHub's Guide
* Update CODE_OF_CONDUCT.md
Update: Contact info
* Update README.md
Update: Code of Conduct hyperlink in TOC
* Update CODE_OF_CONDUCT.md
Update: Link to ReadMe
* Update CONTRIBUTORS.md
update: add new name to the list
* Update and rename docs/contributions/contributor_guidelines.md to CONTRIBUTING.md
fix: change location according to GitHub's standards
* Delete CONTRIBUTORS.md
delete: contributor.md from root (already present in readme)
* Update SECURITY.md
* Update CONTRIBUTING.md
Update discord link to point to rules
* Update README.md
Update discord link to point to rules
* Update README.md
fix: ToC
* feat(NewConversationMenu): add id to the new conversation menu button
refactor(EndpointItem): remove onSelect prop and setTokenDialogOpen state variable
test(messages.spec.js): add e2e test for messaging suite to check if textbox is focused after receiving message
* test(Input): add test id to input field for e2e testing
test(messages.spec.js): add endpoint variable and refactor test to check if textbox is focused after receiving message
* test(messages.spec.js): refactor test to use a variable for message content
Refactored the test to use a variable for message content instead of a hardcoded string.
* fix(PaLM2): input losing focus on message stream ending
* fix(askOpenAI.js): fix typo in variable name from newUserMassageId to newUserMessageId
* feat(chatgpt-browser.js, askBingAI.js, askChatGPTBrowser.js): add onEventMessage callback to browserClient
Add onEventMessage callback to browserClient to handle event messages from the server. In askChatGPTBrowser.js, add a getPartialMessage variable to store the partial message text. In askBingAI.js, fix a typo in the variable name newUserMassageId to newUserMessageId. In askChatGPTBrowser.js, remove the preSendRequest parameter and move the sendMessage call to the onEventMessage callback. In askChatGPTBrowser.js, add a check for null or undefined value of getPartialMessage before appending it to the error message.
* fix(bing): input no longer loses input focus as convoId is persisted from beginning of convo
* refactor(Input): remove unused code and fix input autofocus
feat(package.json): add e2e:test-auth script to test authentication flow with saved storage
* refactor(askGoogle.js): extract saveConvo function call to a separate function
feat(askGoogle.js): add endpoint property to the conversation object
refactor(handleSubmit.js): rename chatGptLabel to modelLabel in useMessageHandler function
* refactor(askGoogle.js): remove unused endpointOption spread operator
* modify tsconfig and set up unit tests
* generate .d.ts files
* setup project dependencies and configuration for unit tests
* Add test setup and layout-test-utils along with first spec
* Add paths back to tsconfig
* remove type=module from package.json
* Add typescript definition for .env
* update package-lock
* fix: tokenizer will count completion tokens correctly, remove global var, will allow unofficial models for alternative endpoints
* refactor(askBingAI.js, Settings.jsx, types.ts, cleanupPreset.js, getDefaultConversation.js, handleSubmit.js): change default toneStyle to 'creative' instead of 'fast' for Bing AI endpoint.
* fix(SiblingSwitch): correctly appears now
style(HoverButtons.jsx): add 'active' class to hover buttons
* chore: cleanup root dir and move extraneous dev related files to documents/dev
* chore: cleanup root dir and move extraneous dev related files to documents/dev
* chore(.gitignore): add auth.json to gitignore
test(landing.spec.js): remove commented out code and add check for landing page title
test(login.spec.js): add test for login page title
feat(package.json): add e2e:auth script to generate auth.json storage file for e2e tests
* test(landing.spec.js): add beforeEach hook to create a new browser context with auth.json storage state
test(landing.spec.js): change test name from 'landing page' to 'Landing title'
fix(package.json): change e2e:auth script to save auth.json in e2e directory
* style(NavLinks.jsx): add 'as="div"' to Menu.Item components
refactor(Nav.jsx): remove unused code and add isMobile function to check if user is on mobile device
* conditionally render menuitem with search
---------
Co-authored-by: stunt_pilot <twitchstuntpilot@gmail.com>
* chore(client): update lucide-react package to version 0.220.0
style(client): change color of MessageHeader component text to gray-500
style(client): change color of nav-close-button to gray-400 and nav-open-button to gray-500
feat(client): add Panel component to replace svg icons in Nav component
* fix: forwardRef errors in Nav Menu
* refactor(SearchBar.jsx): change clearSearch prop destructuring to props destructuring
refactor(SearchBar.jsx): add ref prop to SearchBar component
refactor(getIcon.jsx): remove unused imports
refactor(getIcon.jsx): add nullish coalescing operator to user.name and user.avatar properties
* fix (NavLinks): modals no longer close on nav menu close
* style(ExportModel.jsx): remove unnecessary z-index property from a div element
* style(ExportModel.jsx): remove trailing whitespace in input element
* refactor(Message.jsx): remove unused cancelled variable
fix(Message.jsx): fix error message length exceeding 512 characters
refactor(MenuItem.jsx): remove unused MenuItem component
* Refactor UI styles & configurations
- Modify button styles and their color schemes to create a consistent user experience when interacting with buttons.
- Adjust the design of the search bar to a more user-friendly layout by changing its background color and styling.
- Create a responsive mobile behavior for the navigation bar to hide it behind a menu icon instead of permanently displaying it.
* Update .gitignore to exclude unnecessary files for Meilisearch
Update .gitignore to exclude meilisearch.exe and data.ms/*, which are not necessary for Meilisearch.
* feat: Add getCurrentBreakpoint function to get current breakpoint
This commit adds a getCurrentBreakpoint function to determine the current breakpoint of the viewport. The function uses fullConfig to determine the biggest breakpoint value of the window, and returns the corresponding breakpoint. It also updates the useEffect function to use getCurrentBreakpoint instead of checking if the userAgent matches a mobile regex.
* Update tailwind import path in Nav component
The import path for the tailwind config was updated in the Nav component to match the new project structure. This ensures that the correct Tailwind styles are applied to the component and improves maintainability.
* Add ThemeContext and cn utility function to Nav component
This commit adds the ThemeContext and cn utility function to the Nav component's dependencies with useContext and import respectively. It also modifies a class name with a ternary operator that toggles based on the theme value passed via ThemeContext.
* Update Nav button styles for better visibility
Changed the button styles for the Nav close and open buttons to enhance visibility. The text color for both buttons will now change when hovering to gray and gray-600 respectively.
* Improve message header styles and add transition effects
This commit updates the MessageHeader component styles by adjusting the text color, as well as adding transition effects to enhance the hover experience. The commit also tweaks mobile styles by adding a transition effect to `.nav` when resizing the window to mobile size.
* Refactor the message header component styling for better visual contrast
The message header component was refactored to improve its visual contrast by changing the text color for better readability. The styles of the component were modified to improve hover behavior as well as transition effects. The setSaveAsDialogShow method was shifted to the onClick prop to only execute when the endpoint is not 'chatGPTBrowser'.
* refactor: Update styling of MessageHeader and Nav buttons
The commit message describes changes made to the MessageHeader and Nav components. It summarizes the code changes as a refactor of the CSS styling for the buttons in both components, specifically updating the text and hover colors for the dark and light themes.