- 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.
🔧 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
