✨ feat(EditNodeModal/index.tsx): add 'open' and 'setOpen' props to BaseModal component to control modal visibility
🐛 fix(EditNodeModal/index.tsx): change variable name from 'open' to 'modalOpen' in onClick event handler for better consistency
✨ feat(ApiModal): add BaseModal component as a wrapper for the modal to improve code organization and reusability
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop name from children to flow in ApiModal component for better clarity
🔧 fix(ApiModal): change prop
🐛 fix(extraSidebarComponent): remove unnecessary onClick event handlers for Export and Code buttons
✨ feat(extraSidebarComponent): wrap Export and Code buttons with ExportModal and ApiModal components respectively to handle click events and display modals
🐛 fix(nodeToolbarComponent): remove unnecessary onClick event handler for Edit button
✨ feat(nodeToolbarComponent): wrap Edit button with EditNodeModal component to handle click events and display modal
- Added new files for chat interface and prompt customization in the guidelines section
- Added descriptions and images for the chat interface and prompt customization features
- Updated the sidebars to include the new documentation pages
📝 docs(loading_document.mdx): update interactive guide URL and add step-by-step instructions for integrating a document into a PromptTemplate variable
📝 docs(sidebars.js): add "chatprompttemplate_guide" to the Guides section
This commit adds a new file `chatprompttemplate_guide.mdx` which contains a step-by-step guide on how to customize and build a chatbot with a custom system message. The guide includes instructions on how to modify the "Basic Chat with Prompt and History" example by integrating the `ChatPromptTemplate`, `SystemMessagePromptTemplate`, and `HumanMessagePromptTemplate` components. It also provides tips on setting the model, defining variables, and testing the chatbot. The guide aims to help users create a personalized chatbot that can interpret and respond based on user-defined system messages.
Co-authored-by: [Author Name] <author@example.com>
🔧 chore(index.css): add CSS class .code-nohighlight with different max-height value for tooltips with fewer words to display
🔧 chore(genericModal/index.tsx): add logic to dynamically apply CSS class .code-nohighlight to tooltips with fewer words to display
🎨 style(index.css): update class names for code block modal span and button for better readability
🎨 style(index.css): update class name for code highlight block to limit max height
🐛 fix(chatMessage/index.tsx): update max width classes for markdown content to improve responsiveness
🐛 fix(genericModal/index.tsx): add missing useRef declarations for divRef and divRefPrompt
🐛 fix(genericModal/index.tsx): update class name for code highlight textarea to fix styling issue
🐛 fix(genericModal/index.tsx): add missing ref prop to Textarea component
🐛 fix(genericModal/index.tsx): add missing ref prop to div element for prompt variables
🐛 fix(genericModal/index.tsx): add missing ref prop to div element for prompt variables
✨ feat(loading_document.mdx): add step-by-step instructions on how to define a Prompt variable and connect a WebBaseLoader to it for loading a document into the variable
🔀 chore(loading_document.mdx): reorganize and rephrase the content to improve readability and clarity
This commit adds a new guide file `loading_document.mdx` that provides an overview and example on how to load a document into a Prompt variable. The guide explains the process of defining a Prompt variable in the `PromptTemplate` component, connecting a `WebBaseLoader` to the variable, and building the flow. It also demonstrates how to chat with the document content in the context of a conversation.
The commit also includes an embedded iframe that showcases the functionality described in the guide.
🔧 fix(EditNodeModal): remove unused imports and update component structure to use BaseModal
🔧 fix(baseModal): add Footer component to BaseModal and update component structure to use Header and Footer
🔧 fix(exportModal): remove unused imports and update component structure to use BaseModal
🔧 fix(flowSettingsModal): import BaseModal component and refactor modal structure for better readability and maintainability
🔧 fix(genericModal): adjust margin-top for prompt variables description to improve spacing
🔧 chore(docusaurus.config.js): update logo alt text to match the updated title
🔧 chore(docusaurus.config.js): update announcementBar content to use consistent naming convention for Langflow
