Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,29 @@ import Message from '@patternfly/chatbot/dist/dynamic/Message';
import patternflyAvatar from './patternfly_avatar.jpg';

export const MessageWithDeepThinkingExample: FunctionComponent = () => (
<Message
name="Bot"
role="bot"
avatar={patternflyAvatar}
content="This example has a body description that's within the recommended limit of 2 lines."
deepThinking={{
toggleContent: 'Show thinking',
subheading: 'Thought for 3 seconds',
body: "Here's why I said this."
}}
/>
<>
<Message
name="Bot"
role="bot"
avatar={patternflyAvatar}
content="This example has a body description that's within the recommended limit of 2 lines."
deepThinking={{
toggleContent: 'Show thinking',
subheading: 'Thought for 3 seconds',
body: "Here's why I said this."
}}
/>
<Message
name="Bot"
role="bot"
avatar={patternflyAvatar}
content="This example has deep thinking that is collapsed by default:"
deepThinking={{
isDefaultExpanded: false,
toggleContent: 'Show thinking',
subheading: 'Thought for 3 seconds',
body: "Here's why I said this."
}}
/>
</>
);
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,27 @@ export const MessageWithToolCallExample: FunctionComponent = () => {
name="Bot"
role="bot"
avatar={patternflyAvatar}
content="This example has an expandable tool call title, with an additional description::"
content="This example has an expandable tool call title, with an additional description:"
toolCall={{
titleText: "Calling 'awesome_tool_expansion'",
expandableContent: 'This is the expandable content for the tool call.',
isLoading: toolCallsAreLoading,
loadingText: "Loading 'awesome_tool_expansion'"
}}
/>
<Message
name="Bot"
role="bot"
avatar={patternflyAvatar}
content="This example has an expandable tool call that is expanded by default:"
toolCall={{
isDefaultExpanded: true,
titleText: "Calling 'awesome_tool_expansion'",
expandableContent: 'This is the expandable content for the tool call.',
isLoading: toolCallsAreLoading,
loadingText: "Loading 'awesome_tool_expansion'"
}}
/>
</FlexItem>
</Flex>
);
Expand Down
Loading
Loading