@patternfly/chatbot 6.7.0 → 6.8.0-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
- package/dist/cjs/Message/Message.test.js +14 -0
- package/dist/cjs/Message/TableMessage/TableCellContent.d.ts +8 -0
- package/dist/cjs/Message/TableMessage/TableCellContent.js +9 -0
- package/dist/cjs/Message/TableMessage/TdMessage.js +5 -1
- package/dist/cjs/Message/TableMessage/ThMessage.js +5 -1
- package/dist/cjs/SourcesCardBase/SourcesCardBase.js +1 -1
- package/dist/cjs/SourcesCardBase/SourcesCardBase.test.js +4 -4
- package/dist/css/main.css +11 -18
- package/dist/css/main.css.map +1 -1
- package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +1 -1
- package/dist/esm/Message/Message.test.js +14 -0
- package/dist/esm/Message/TableMessage/TableCellContent.d.ts +8 -0
- package/dist/esm/Message/TableMessage/TableCellContent.js +7 -0
- package/dist/esm/Message/TableMessage/TdMessage.js +2 -1
- package/dist/esm/Message/TableMessage/ThMessage.js +2 -1
- package/dist/esm/SourcesCardBase/SourcesCardBase.js +1 -1
- package/dist/esm/SourcesCardBase/SourcesCardBase.test.js +4 -4
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +11 -7
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarCustomActions.tsx +46 -35
- package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +7 -1
- package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +4 -2
- package/src/AttachMenu/AttachMenu.scss +0 -9
- package/src/Chatbot/Chatbot.scss +0 -7
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +1 -1
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +7 -1
- package/src/ChatbotHeader/ChatbotHeader.scss +1 -0
- package/src/ChatbotToggle/ChatbotToggle.scss +1 -1
- package/src/Message/Message.test.tsx +25 -0
- package/src/Message/TableMessage/TableCellContent.tsx +9 -0
- package/src/Message/TableMessage/TdMessage.tsx +6 -1
- package/src/Message/TableMessage/ThMessage.tsx +6 -1
- package/src/MessageBox/JumpButton.scss +2 -2
- package/src/SourcesCard/SourcesCard.scss +5 -0
- package/src/SourcesCardBase/SourcesCardBase.test.tsx +4 -4
- package/src/SourcesCardBase/SourcesCardBase.tsx +12 -3
|
@@ -67,7 +67,7 @@ const ChatbotConversationHistoryNav = (_a) => {
|
|
|
67
67
|
if (noResultsState) {
|
|
68
68
|
return (0, jsx_runtime_1.jsx)(EmptyState_1.default, Object.assign({}, noResultsState));
|
|
69
69
|
}
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Menu, Object.assign({ isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuContent, Object.assign({}, menuContentProps, { children: buildConversations() })) })));
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.Menu, Object.assign({ className: "pf-chatbot__history-menu", isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuContent, Object.assign({}, menuContentProps, { children: buildConversations() })) })));
|
|
71
71
|
};
|
|
72
72
|
const renderDrawerContent = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.DrawerPanelBody, Object.assign({}, drawerPanelBodyProps, { children: renderMenuContent() })) }));
|
|
73
73
|
const searchInputContainer = handleTextInputChange && ((0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__input", children: [(0, jsx_runtime_1.jsx)(react_core_1.SearchInput, Object.assign({ "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }, searchInputProps)), searchInputScreenReaderText && ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__filter-announcement pf-chatbot-m-hidden", children: searchInputScreenReaderText }))] }));
|
|
@@ -121,6 +121,12 @@ const TABLE = `
|
|
|
121
121
|
| Cell 3 | Cell 4 |
|
|
122
122
|
|
|
123
123
|
`;
|
|
124
|
+
const TABLE_WITH_INLINE_CODE = `
|
|
125
|
+
| Status | Finding |
|
|
126
|
+
|---|---|
|
|
127
|
+
| \`1/1 Running\`, 0 restarts | Healthy — no crashes |
|
|
128
|
+
| \`1/1 Ready\` | Desired replicas met |
|
|
129
|
+
`;
|
|
124
130
|
const ONE_COLUMN_TABLE = `
|
|
125
131
|
|
|
126
132
|
| Column 1 |
|
|
@@ -790,6 +796,14 @@ describe('Message', () => {
|
|
|
790
796
|
(0, react_2.render)((0, jsx_runtime_1.jsx)(Message_1.default, { avatar: "./img", role: "user", name: "User", content: TABLE, tableProps: { 'aria-label': 'Test' } }));
|
|
791
797
|
expect(react_2.screen.getByRole('grid', { name: /Test/i })).toBeTruthy();
|
|
792
798
|
});
|
|
799
|
+
it('should wrap table cell content so inline code does not break grid layout', () => {
|
|
800
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Message_1.default, { avatar: "./img", role: "user", name: "User", content: TABLE_WITH_INLINE_CODE, tableProps: { 'aria-label': 'Inline code table' } }));
|
|
801
|
+
const statusCell = react_2.screen.getByRole('cell', { name: /1\/1 Running/i });
|
|
802
|
+
expect(statusCell.querySelector(':scope > .pf-chatbot__message-table-cell-content')).toBeTruthy();
|
|
803
|
+
expect(statusCell.querySelector(':scope > code')).toBeFalsy();
|
|
804
|
+
expect(statusCell.querySelector('.pf-chatbot__message-inline-code')).toBeTruthy();
|
|
805
|
+
expect(react_2.screen.getByRole('columnheader', { name: /Status/i }).querySelector('.pf-chatbot__message-table-cell-content')).toBeTruthy();
|
|
806
|
+
});
|
|
793
807
|
it('should render footnote correctly', () => {
|
|
794
808
|
(0, react_2.render)((0, jsx_runtime_1.jsx)(Message_1.default, { avatar: "./img", role: "user", name: "User", content: FOOTNOTE }));
|
|
795
809
|
expect(react_2.screen.getByText(/This is some text with a footnote/i)).toBeTruthy();
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wraps table cell content in a single element so phrasing content (e.g. inline
|
|
3
|
+
* code mixed with text) is not a direct child of td/th.
|
|
4
|
+
*/
|
|
5
|
+
declare const TableCellContent: ({ children }: {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TableCellContent;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
/**
|
|
5
|
+
* Wraps table cell content in a single element so phrasing content (e.g. inline
|
|
6
|
+
* code mixed with text) is not a direct child of td/th.
|
|
7
|
+
*/
|
|
8
|
+
const TableCellContent = ({ children }) => ((0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__message-table-cell-content", children: children }));
|
|
9
|
+
exports.default = TableCellContent;
|
|
@@ -10,11 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
18
|
const react_table_1 = require("@patternfly/react-table");
|
|
19
|
+
const TableCellContent_1 = __importDefault(require("./TableCellContent"));
|
|
16
20
|
const TdMessage = (_a) => {
|
|
17
21
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
18
|
-
return (0, jsx_runtime_1.jsx)(react_table_1.Td, Object.assign({}, props, { children: children }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_table_1.Td, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(TableCellContent_1.default, { children: children }) })));
|
|
19
23
|
};
|
|
20
24
|
exports.default = TdMessage;
|
|
@@ -10,11 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
18
|
const react_table_1 = require("@patternfly/react-table");
|
|
19
|
+
const TableCellContent_1 = __importDefault(require("./TableCellContent"));
|
|
16
20
|
const ThMessage = (_a) => {
|
|
17
21
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
18
|
-
return (0, jsx_runtime_1.jsx)(react_table_1.Th, Object.assign({}, props, { children: children }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_table_1.Th, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(TableCellContent_1.default, { children: children }) })));
|
|
19
23
|
};
|
|
20
24
|
exports.default = ThMessage;
|
|
@@ -36,7 +36,7 @@ const SourcesCardBase = (_a) => {
|
|
|
36
36
|
};
|
|
37
37
|
const renderUncontrolledSourceCard = (source, index) => {
|
|
38
38
|
var _a;
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)("li", { className: "pf-chatbot__sources-list-item", children: (0, jsx_runtime_1.jsxs)(react_core_1.Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__sources-card"
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: "pf-chatbot__sources-list-item", style: { '--pf-chatbot-sources-card-max-width': cardMaxWidth }, children: (0, jsx_runtime_1.jsxs)(react_core_1.Card, Object.assign({ isFullHeight: true, isCompact: isCompact, className: "pf-chatbot__sources-card" }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.CardTitle, Object.assign({ className: "pf-chatbot__sources-card-title" }, cardTitleProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__sources-card-title-container", children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ component: "a", variant: react_core_1.ButtonVariant.link, href: source.link, icon: source.isExternal ? (0, jsx_runtime_1.jsx)(react_icons_1.ExternalLinkSquareAltIcon, {}) : undefined, iconPosition: "end", isInline: true, rel: source.isExternal ? 'noreferrer' : undefined, target: source.isExternal ? '_blank' : undefined, onClick: (_a = source.onClick) !== null && _a !== void 0 ? _a : undefined }, source.titleProps, { children: renderTitle(source.title, index, source.truncateProps) })), source.subtitle && (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__sources-card-subtitle", children: source.subtitle })] }) })), source.body && ((0, jsx_runtime_1.jsx)(react_core_1.CardBody, Object.assign({ className: `pf-chatbot__sources-card-body ${source.footer ? 'pf-chatbot__compact-sources-card-body' : undefined}` }, cardBodyProps, { children: source.hasShowMore ? (
|
|
40
40
|
// prevents extra VO announcements of button text - parent Message has aria-live
|
|
41
41
|
(0, jsx_runtime_1.jsx)("div", { "aria-live": "off", children: (0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, { variant: react_core_1.ExpandableSectionVariant.truncate, toggleTextCollapsed: showMoreWords, toggleTextExpanded: showLessWords, truncateMaxLines: 2, children: source.body }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__sources-card-body-text", children: source.body })) }))), source.footer && ((0, jsx_runtime_1.jsx)(react_core_1.CardFooter, Object.assign({ className: "pf-chatbot__sources-card-footer" }, cardFooterProps, { children: source.footer })))] })) }, index));
|
|
42
42
|
};
|
|
@@ -185,15 +185,15 @@ describe('SourcesCardBase', () => {
|
|
|
185
185
|
{ title: 'How to make an apple pie', link: '' },
|
|
186
186
|
{ title: 'How to make cookies', link: '' }
|
|
187
187
|
] }));
|
|
188
|
-
const
|
|
189
|
-
expect(
|
|
188
|
+
const firstListItem = react_1.screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
189
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '400px' });
|
|
190
190
|
});
|
|
191
191
|
it('should apply custom cardMaxWidth when using wrap layout', () => {
|
|
192
192
|
(0, react_1.render)((0, jsx_runtime_1.jsx)(SourcesCardBase_1.default, { layout: "wrap", sources: [
|
|
193
193
|
{ title: 'How to make an apple pie', link: '' },
|
|
194
194
|
{ title: 'How to make cookies', link: '' }
|
|
195
195
|
], cardMaxWidth: "500px" }));
|
|
196
|
-
const
|
|
197
|
-
expect(
|
|
196
|
+
const firstListItem = react_1.screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
197
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '500px' });
|
|
198
198
|
});
|
|
199
199
|
});
|
package/dist/css/main.css
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
.pf-chatbot__menu.pf-v6-c-menu {
|
|
3
|
-
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
4
3
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5
4
|
}
|
|
6
5
|
|
|
@@ -31,9 +30,6 @@
|
|
|
31
30
|
.pf-chatbot__menu .pf-v6-c-menu__item-main {
|
|
32
31
|
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
33
32
|
}
|
|
34
|
-
.pf-chatbot__menu .pf-v6-c-menu__list {
|
|
35
|
-
padding: 0rem var(--pf-t--global--spacer--md) 0rem var(--pf-t--global--spacer--md);
|
|
36
|
-
}
|
|
37
33
|
.pf-chatbot__menu .pf-v6-c-menu__list-item {
|
|
38
34
|
border-radius: var(--pf-t--global--border--radius--small);
|
|
39
35
|
overflow: hidden;
|
|
@@ -50,9 +46,6 @@
|
|
|
50
46
|
.pf-chatbot__menu .pf-v6-c-menu__item-description {
|
|
51
47
|
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
52
48
|
}
|
|
53
|
-
.pf-chatbot__menu .pf-v6-c-divider {
|
|
54
|
-
padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
|
|
55
|
-
}
|
|
56
49
|
|
|
57
50
|
.pf-chatbot {
|
|
58
51
|
position: fixed;
|
|
@@ -65,7 +58,6 @@
|
|
|
65
58
|
background-color: var(--pf-t--global--background--color--floating--secondary--default);
|
|
66
59
|
border-radius: var(--pf-t--global--border--radius--medium);
|
|
67
60
|
box-shadow: var(--pf-t--global--box-shadow--lg);
|
|
68
|
-
font-size: var(--pf-t--global--font--size--md);
|
|
69
61
|
z-index: var(--pf-t--global--z-index--md);
|
|
70
62
|
-webkit-font-smoothing: antialiased;
|
|
71
63
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -200,10 +192,6 @@
|
|
|
200
192
|
border: unset;
|
|
201
193
|
}
|
|
202
194
|
|
|
203
|
-
.pf-chatbot.pf-m-compact {
|
|
204
|
-
font-size: var(--pf-t--global--font--size--sm);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
195
|
.pf-chatbot__alert {
|
|
208
196
|
position: sticky;
|
|
209
197
|
top: var(--pf-t--global--spacer--lg);
|
|
@@ -272,7 +260,7 @@
|
|
|
272
260
|
.pf-chatbot__history .pf-chatbot__input {
|
|
273
261
|
width: 100%;
|
|
274
262
|
}
|
|
275
|
-
.pf-chatbot__history .pf-v6-c-menu {
|
|
263
|
+
.pf-chatbot__history .pf-v6-c-menu.pf-chatbot__history-menu {
|
|
276
264
|
--pf-v6-c-menu--PaddingBlockStart: 0;
|
|
277
265
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
278
266
|
--pf-v6-c-menu--BorderWidth: 0;
|
|
@@ -551,6 +539,7 @@
|
|
|
551
539
|
pointer-events: none;
|
|
552
540
|
}
|
|
553
541
|
.pf-chatbot__header .pf-chatbot__title {
|
|
542
|
+
font-size: var(--pf-t--global--font--size--body--lg);
|
|
554
543
|
display: flex;
|
|
555
544
|
align-items: center;
|
|
556
545
|
flex: 1;
|
|
@@ -769,7 +758,7 @@
|
|
|
769
758
|
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--clicked);
|
|
770
759
|
}
|
|
771
760
|
.pf-v6-c-button.pf-chatbot__button--secondary {
|
|
772
|
-
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
761
|
+
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
|
|
773
762
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
774
763
|
--pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--secondary--clicked);
|
|
775
764
|
}
|
|
@@ -2397,7 +2386,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2397
2386
|
padding: var(--pf-t--global--spacer--md) !important;
|
|
2398
2387
|
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
2399
2388
|
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
2400
|
-
background-color: var(--pf-t--global--background--color--
|
|
2389
|
+
background-color: var(--pf-t--global--background--color--floating--default);
|
|
2401
2390
|
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
2402
2391
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
2403
2392
|
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
@@ -2409,7 +2398,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2409
2398
|
line-height: 1rem;
|
|
2410
2399
|
}
|
|
2411
2400
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
|
2412
|
-
background-color: var(--pf-t--global--background--color--
|
|
2401
|
+
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
2413
2402
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
2414
2403
|
color: var(--pf-t--global--icon--color--regular) !important;
|
|
2415
2404
|
}
|
|
@@ -2501,7 +2490,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2501
2490
|
padding: var(--pf-t--global--spacer--md) !important;
|
|
2502
2491
|
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
2503
2492
|
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
2504
|
-
background-color: var(--pf-t--global--background--color--
|
|
2493
|
+
background-color: var(--pf-t--global--background--color--floating--default);
|
|
2505
2494
|
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
2506
2495
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
2507
2496
|
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
@@ -2513,7 +2502,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2513
2502
|
line-height: 1rem;
|
|
2514
2503
|
}
|
|
2515
2504
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
|
2516
|
-
background-color: var(--pf-t--global--background--color--
|
|
2505
|
+
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
2517
2506
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
2518
2507
|
color: var(--pf-t--global--icon--color--regular) !important;
|
|
2519
2508
|
}
|
|
@@ -2721,6 +2710,10 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2721
2710
|
list-style: none;
|
|
2722
2711
|
gap: var(--pf-t--global--spacer--xs);
|
|
2723
2712
|
}
|
|
2713
|
+
.pf-chatbot__sources-card-base.pf-m-wrap .pf-chatbot__sources-list-item {
|
|
2714
|
+
width: 100%;
|
|
2715
|
+
max-width: var(--pf-chatbot-sources-card-max-width);
|
|
2716
|
+
}
|
|
2724
2717
|
|
|
2725
2718
|
.pf-chatbot__sources-card {
|
|
2726
2719
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
package/dist/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EAhCF;IAiCI;IACA;;;AAIF;EAtCF;IAuCI;;;AAGF;EACE;;;AAQF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EAEA;EACA;;;AAKF;EAnBF;IAoBI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AAOJ;EACE;;;ACxLF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;AAGF;EACE;;;AAKF;EACE;;;AAUJ;EAII;AAAA;AAAA;IACE;IACA;;;AClCJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AAuBJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACrTN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAES;EACP;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACrFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAQN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAQN;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AC1IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;AC3FF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;ACpDN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGO;EACP;EACA;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;ACpEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EAQA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACrGJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJoLF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;;AE3MJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGzGJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;ACzDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;AAMJ;EACE;;;ACnCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFnCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AGhDJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AChHJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;;;AAGF;AACE;AAsBA;AAKA;;AA1BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EA/BF;IAgCI;IACA;;;AAIF;EArCF;IAsCI;;;AAGF;EACE;;;AAQF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EAEA;EACA;;;AAKF;EAnBF;IAoBI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AC/KJ;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;AAGF;EACE;;;AAKF;EACE;;;AAUJ;EAII;AAAA;AAAA;IACE;IACA;;;AClCJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AAuBJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACrTN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAES;EACP;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACrFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAQN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAQN;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AC3IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;AC3FF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;ACpDN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGO;EACP;EACA;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;ACpEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EAQA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACrGJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJoLF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;;AE3MJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGzGJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;ACzDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;AAMJ;EACE;;;ACnCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFnCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AGhDJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACC;EACA;;;AAIH;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;ACrHJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
|
|
@@ -61,7 +61,7 @@ export const ChatbotConversationHistoryNav = (_a) => {
|
|
|
61
61
|
if (noResultsState) {
|
|
62
62
|
return _jsx(HistoryEmptyState, Object.assign({}, noResultsState));
|
|
63
63
|
}
|
|
64
|
-
return (_jsx(Menu, Object.assign({ isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps, { children: _jsx(MenuContent, Object.assign({}, menuContentProps, { children: buildConversations() })) })));
|
|
64
|
+
return (_jsx(Menu, Object.assign({ className: "pf-chatbot__history-menu", isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps, { children: _jsx(MenuContent, Object.assign({}, menuContentProps, { children: buildConversations() })) })));
|
|
65
65
|
};
|
|
66
66
|
const renderDrawerContent = () => (_jsx(_Fragment, { children: _jsx(DrawerPanelBody, Object.assign({}, drawerPanelBodyProps, { children: renderMenuContent() })) }));
|
|
67
67
|
const searchInputContainer = handleTextInputChange && (_jsxs("div", { className: "pf-chatbot__input", children: [_jsx(SearchInput, Object.assign({ "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }, searchInputProps)), searchInputScreenReaderText && (_jsx("div", { className: "pf-chatbot__filter-announcement pf-chatbot-m-hidden", children: searchInputScreenReaderText }))] }));
|
|
@@ -116,6 +116,12 @@ const TABLE = `
|
|
|
116
116
|
| Cell 3 | Cell 4 |
|
|
117
117
|
|
|
118
118
|
`;
|
|
119
|
+
const TABLE_WITH_INLINE_CODE = `
|
|
120
|
+
| Status | Finding |
|
|
121
|
+
|---|---|
|
|
122
|
+
| \`1/1 Running\`, 0 restarts | Healthy — no crashes |
|
|
123
|
+
| \`1/1 Ready\` | Desired replicas met |
|
|
124
|
+
`;
|
|
119
125
|
const ONE_COLUMN_TABLE = `
|
|
120
126
|
|
|
121
127
|
| Column 1 |
|
|
@@ -785,6 +791,14 @@ describe('Message', () => {
|
|
|
785
791
|
render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: TABLE, tableProps: { 'aria-label': 'Test' } }));
|
|
786
792
|
expect(screen.getByRole('grid', { name: /Test/i })).toBeTruthy();
|
|
787
793
|
});
|
|
794
|
+
it('should wrap table cell content so inline code does not break grid layout', () => {
|
|
795
|
+
render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: TABLE_WITH_INLINE_CODE, tableProps: { 'aria-label': 'Inline code table' } }));
|
|
796
|
+
const statusCell = screen.getByRole('cell', { name: /1\/1 Running/i });
|
|
797
|
+
expect(statusCell.querySelector(':scope > .pf-chatbot__message-table-cell-content')).toBeTruthy();
|
|
798
|
+
expect(statusCell.querySelector(':scope > code')).toBeFalsy();
|
|
799
|
+
expect(statusCell.querySelector('.pf-chatbot__message-inline-code')).toBeTruthy();
|
|
800
|
+
expect(screen.getByRole('columnheader', { name: /Status/i }).querySelector('.pf-chatbot__message-table-cell-content')).toBeTruthy();
|
|
801
|
+
});
|
|
788
802
|
it('should render footnote correctly', () => {
|
|
789
803
|
render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: FOOTNOTE }));
|
|
790
804
|
expect(screen.getByText(/This is some text with a footnote/i)).toBeTruthy();
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wraps table cell content in a single element so phrasing content (e.g. inline
|
|
3
|
+
* code mixed with text) is not a direct child of td/th.
|
|
4
|
+
*/
|
|
5
|
+
declare const TableCellContent: ({ children }: {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TableCellContent;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Wraps table cell content in a single element so phrasing content (e.g. inline
|
|
4
|
+
* code mixed with text) is not a direct child of td/th.
|
|
5
|
+
*/
|
|
6
|
+
const TableCellContent = ({ children }) => (_jsx("span", { className: "pf-chatbot__message-table-cell-content", children: children }));
|
|
7
|
+
export default TableCellContent;
|
|
@@ -11,8 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { Td } from '@patternfly/react-table';
|
|
14
|
+
import TableCellContent from './TableCellContent';
|
|
14
15
|
const TdMessage = (_a) => {
|
|
15
16
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
16
|
-
return _jsx(Td, Object.assign({}, props, { children: children }));
|
|
17
|
+
return (_jsx(Td, Object.assign({}, props, { children: _jsx(TableCellContent, { children: children }) })));
|
|
17
18
|
};
|
|
18
19
|
export default TdMessage;
|
|
@@ -11,8 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { Th } from '@patternfly/react-table';
|
|
14
|
+
import TableCellContent from './TableCellContent';
|
|
14
15
|
const ThMessage = (_a) => {
|
|
15
16
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
16
|
-
return _jsx(Th, Object.assign({}, props, { children: children }));
|
|
17
|
+
return (_jsx(Th, Object.assign({}, props, { children: _jsx(TableCellContent, { children: children }) })));
|
|
17
18
|
};
|
|
18
19
|
export default ThMessage;
|
|
@@ -34,7 +34,7 @@ const SourcesCardBase = (_a) => {
|
|
|
34
34
|
};
|
|
35
35
|
const renderUncontrolledSourceCard = (source, index) => {
|
|
36
36
|
var _a;
|
|
37
|
-
return (_jsx("li", { className: "pf-chatbot__sources-list-item", children: _jsxs(Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__sources-card"
|
|
37
|
+
return (_jsx("li", { className: "pf-chatbot__sources-list-item", style: { '--pf-chatbot-sources-card-max-width': cardMaxWidth }, children: _jsxs(Card, Object.assign({ isFullHeight: true, isCompact: isCompact, className: "pf-chatbot__sources-card" }, props, { children: [_jsx(CardTitle, Object.assign({ className: "pf-chatbot__sources-card-title" }, cardTitleProps, { children: _jsxs("div", { className: "pf-chatbot__sources-card-title-container", children: [_jsx(Button, Object.assign({ component: "a", variant: ButtonVariant.link, href: source.link, icon: source.isExternal ? _jsx(ExternalLinkSquareAltIcon, {}) : undefined, iconPosition: "end", isInline: true, rel: source.isExternal ? 'noreferrer' : undefined, target: source.isExternal ? '_blank' : undefined, onClick: (_a = source.onClick) !== null && _a !== void 0 ? _a : undefined }, source.titleProps, { children: renderTitle(source.title, index, source.truncateProps) })), source.subtitle && _jsx("span", { className: "pf-chatbot__sources-card-subtitle", children: source.subtitle })] }) })), source.body && (_jsx(CardBody, Object.assign({ className: `pf-chatbot__sources-card-body ${source.footer ? 'pf-chatbot__compact-sources-card-body' : undefined}` }, cardBodyProps, { children: source.hasShowMore ? (
|
|
38
38
|
// prevents extra VO announcements of button text - parent Message has aria-live
|
|
39
39
|
_jsx("div", { "aria-live": "off", children: _jsx(ExpandableSection, { variant: ExpandableSectionVariant.truncate, toggleTextCollapsed: showMoreWords, toggleTextExpanded: showLessWords, truncateMaxLines: 2, children: source.body }) })) : (_jsx("div", { className: "pf-chatbot__sources-card-body-text", children: source.body })) }))), source.footer && (_jsx(CardFooter, Object.assign({ className: "pf-chatbot__sources-card-footer" }, cardFooterProps, { children: source.footer })))] })) }, index));
|
|
40
40
|
};
|
|
@@ -180,15 +180,15 @@ describe('SourcesCardBase', () => {
|
|
|
180
180
|
{ title: 'How to make an apple pie', link: '' },
|
|
181
181
|
{ title: 'How to make cookies', link: '' }
|
|
182
182
|
] }));
|
|
183
|
-
const
|
|
184
|
-
expect(
|
|
183
|
+
const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
184
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '400px' });
|
|
185
185
|
});
|
|
186
186
|
it('should apply custom cardMaxWidth when using wrap layout', () => {
|
|
187
187
|
render(_jsx(SourcesCardBase, { layout: "wrap", sources: [
|
|
188
188
|
{ title: 'How to make an apple pie', link: '' },
|
|
189
189
|
{ title: 'How to make cookies', link: '' }
|
|
190
190
|
], cardMaxWidth: "500px" }));
|
|
191
|
-
const
|
|
192
|
-
expect(
|
|
191
|
+
const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
192
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '500px' });
|
|
193
193
|
});
|
|
194
194
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.test.tsx","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.test.tsx","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.test.tsx","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/MarkdownContent/MarkdownContent.test.tsx","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.test.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.test.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.test.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.test.tsx","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.test.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.test.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.test.tsx","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.test.tsx","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.test.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.test.tsx","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.test.tsx","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.test.tsx","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/__mocks__/monaco-editor.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-highlight.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}
|
|
1
|
+
{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.test.tsx","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.test.tsx","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.test.tsx","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/MarkdownContent/MarkdownContent.test.tsx","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.test.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.test.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.test.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.test.tsx","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.test.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.test.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableCellContent.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.test.tsx","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.test.tsx","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.test.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.test.tsx","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.test.tsx","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.test.tsx","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/__mocks__/monaco-editor.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-highlight.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/chatbot",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.8.0-prerelease.1",
|
|
4
4
|
"description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -2,7 +2,11 @@ import { useState, isValidElement, cloneElement, Children, FunctionComponent, Re
|
|
|
2
2
|
import { MessageBar } from '@patternfly/chatbot/dist/dynamic/MessageBar';
|
|
3
3
|
import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetailsMenuItem';
|
|
4
4
|
import { Divider, DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
|
|
5
|
-
import
|
|
5
|
+
import RhUiAttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-icon';
|
|
6
|
+
import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
|
|
7
|
+
import RhUiClipboardIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-icon';
|
|
8
|
+
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
|
|
9
|
+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
|
|
6
10
|
import { useDropzone } from 'react-dropzone';
|
|
7
11
|
|
|
8
12
|
export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
|
|
@@ -95,19 +99,19 @@ export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
|
|
|
95
99
|
</DropdownList>,
|
|
96
100
|
<DropdownGroup key="message-bar-attach-dropdown-group">
|
|
97
101
|
<DropdownList>
|
|
98
|
-
<DropdownItem value="Alerts" id="1" icon={<
|
|
102
|
+
<DropdownItem value="Alerts" id="1" icon={<RhUiAttentionBellIcon />}>
|
|
99
103
|
Alerts
|
|
100
104
|
</DropdownItem>
|
|
101
|
-
<DropdownItem value="Events" id="2" icon={<
|
|
105
|
+
<DropdownItem value="Events" id="2" icon={<RhUiCalendarIcon />}>
|
|
102
106
|
Events
|
|
103
107
|
</DropdownItem>
|
|
104
|
-
<DropdownItem value="Logs" id="3" icon={<
|
|
108
|
+
<DropdownItem value="Logs" id="3" icon={<RhUiClipboardIcon />}>
|
|
105
109
|
Logs
|
|
106
110
|
</DropdownItem>
|
|
107
|
-
<DropdownItem value="YAML - Status" id="4" icon={<
|
|
111
|
+
<DropdownItem value="YAML - Status" id="4" icon={<RhUiCodeIcon />}>
|
|
108
112
|
YAML - Status
|
|
109
113
|
</DropdownItem>
|
|
110
|
-
<DropdownItem value="YAML - All contents" id="5" icon={<
|
|
114
|
+
<DropdownItem value="YAML - All contents" id="5" icon={<RhUiCodeIcon />}>
|
|
111
115
|
YAML - All contents
|
|
112
116
|
</DropdownItem>
|
|
113
117
|
</DropdownList>
|
|
@@ -117,7 +121,7 @@ export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
|
|
|
117
121
|
const uploadMenuItems = [
|
|
118
122
|
<Divider key="divider" />,
|
|
119
123
|
<DropdownList key="list-2">
|
|
120
|
-
<DropdownItem key="upload" value="upload" id="upload" icon={<
|
|
124
|
+
<DropdownItem key="upload" value="upload" id="upload" icon={<RhUiUploadIcon />} onClick={open}>
|
|
121
125
|
Upload from computer
|
|
122
126
|
</DropdownItem>
|
|
123
127
|
</DropdownList>
|
package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarCustomActions.tsx
CHANGED
|
@@ -10,7 +10,10 @@ import {
|
|
|
10
10
|
SelectList,
|
|
11
11
|
SelectOption
|
|
12
12
|
} from '@patternfly/react-core';
|
|
13
|
-
import
|
|
13
|
+
import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
|
|
14
|
+
import RhUiClipboardIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-icon';
|
|
15
|
+
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
|
|
16
|
+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
|
|
14
17
|
import { useDropzone } from 'react-dropzone';
|
|
15
18
|
|
|
16
19
|
export const ChatbotMessageBarCustomActionsExample: FunctionComponent = () => {
|
|
@@ -45,43 +48,51 @@ export const ChatbotMessageBarCustomActionsExample: FunctionComponent = () => {
|
|
|
45
48
|
};
|
|
46
49
|
|
|
47
50
|
const firstMenuItems: ReactNode = (
|
|
48
|
-
|
|
49
|
-
<
|
|
50
|
-
Logs
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
YAML - Status
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
YAML - All contents
|
|
57
|
-
|
|
51
|
+
<>
|
|
52
|
+
<DropdownList>
|
|
53
|
+
<DropdownItem value="Logs" id="logs" icon={<RhUiClipboardIcon />}>
|
|
54
|
+
Logs
|
|
55
|
+
</DropdownItem>
|
|
56
|
+
<DropdownItem value="YAML - Status" id="yaml-status" icon={<RhUiCodeIcon />}>
|
|
57
|
+
YAML - Status
|
|
58
|
+
</DropdownItem>
|
|
59
|
+
<DropdownItem value="YAML - All contents" id="yaml-all" icon={<RhUiCodeIcon />}>
|
|
60
|
+
YAML - All contents
|
|
61
|
+
</DropdownItem>
|
|
62
|
+
</DropdownList>
|
|
58
63
|
<Divider key="divider" />
|
|
59
|
-
<
|
|
60
|
-
Upload from computer
|
|
61
|
-
|
|
62
|
-
|
|
64
|
+
<DropdownList>
|
|
65
|
+
<DropdownItem value="Upload from computer" id="upload" icon={<RhUiUploadIcon />} onClick={open}>
|
|
66
|
+
Upload from computer
|
|
67
|
+
</DropdownItem>
|
|
68
|
+
</DropdownList>
|
|
69
|
+
</>
|
|
63
70
|
);
|
|
64
71
|
|
|
65
72
|
const secondMenuItems: ReactNode = (
|
|
66
|
-
|
|
67
|
-
<
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
Logs
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
YAML - Status
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
YAML - All contents
|
|
79
|
-
|
|
73
|
+
<>
|
|
74
|
+
<DropdownList>
|
|
75
|
+
<DropdownItem value="canvas" id="canvas">
|
|
76
|
+
{showCanvasLabel ? 'Disable' : 'Enable'} Canvas
|
|
77
|
+
</DropdownItem>
|
|
78
|
+
<Divider key="divider-1" />
|
|
79
|
+
<DropdownItem value="Logs" id="logs" icon={<RhUiClipboardIcon />}>
|
|
80
|
+
Logs
|
|
81
|
+
</DropdownItem>
|
|
82
|
+
<DropdownItem value="YAML - Status" id="yaml-status" icon={<RhUiCodeIcon />}>
|
|
83
|
+
YAML - Status
|
|
84
|
+
</DropdownItem>
|
|
85
|
+
<DropdownItem value="YAML - All contents" id="yaml-all" icon={<RhUiCodeIcon />}>
|
|
86
|
+
YAML - All contents
|
|
87
|
+
</DropdownItem>
|
|
88
|
+
</DropdownList>
|
|
80
89
|
<Divider key="divider-2" />
|
|
81
|
-
<
|
|
82
|
-
Upload from computer
|
|
83
|
-
|
|
84
|
-
|
|
90
|
+
<DropdownList>
|
|
91
|
+
<DropdownItem value="Upload from computer" id="upload" icon={<RhUiUploadIcon />} onClick={open}>
|
|
92
|
+
Upload from computer
|
|
93
|
+
</DropdownItem>
|
|
94
|
+
</DropdownList>
|
|
95
|
+
</>
|
|
85
96
|
);
|
|
86
97
|
|
|
87
98
|
const modelOptions = ['GPT-4', 'GPT-3.5', 'Claude', 'Llama 2'];
|
|
@@ -110,7 +121,7 @@ export const ChatbotMessageBarCustomActionsExample: FunctionComponent = () => {
|
|
|
110
121
|
}}
|
|
111
122
|
buttonProps={{
|
|
112
123
|
attach: {
|
|
113
|
-
icon: <
|
|
124
|
+
icon: <RhUiAddIcon />,
|
|
114
125
|
tooltipContent: 'Message actions',
|
|
115
126
|
'aria-label': 'Message actions'
|
|
116
127
|
}
|
|
@@ -140,7 +151,7 @@ export const ChatbotMessageBarCustomActionsExample: FunctionComponent = () => {
|
|
|
140
151
|
}}
|
|
141
152
|
buttonProps={{
|
|
142
153
|
attach: {
|
|
143
|
-
icon: <
|
|
154
|
+
icon: <RhUiAddIcon />,
|
|
144
155
|
tooltipContent: 'Message actions',
|
|
145
156
|
'aria-label': 'Message actions'
|
|
146
157
|
}
|
|
@@ -70,7 +70,13 @@ import { MessageBar } from '@patternfly/chatbot/dist/dynamic/MessageBar';
|
|
|
70
70
|
import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetailsMenuItem';
|
|
71
71
|
import { ChatbotModal } from '@patternfly/chatbot/dist/dynamic/ChatbotModal';
|
|
72
72
|
import SettingsForm from '@patternfly/chatbot/dist/dynamic/Settings';
|
|
73
|
-
import
|
|
73
|
+
import RhUiAttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-icon';
|
|
74
|
+
import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
|
|
75
|
+
import RhUiClipboardIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-icon';
|
|
76
|
+
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
|
|
77
|
+
import RhUiAddIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-icon';
|
|
78
|
+
import { ThumbtackIcon } from '@patternfly/react-icons';
|
|
79
|
+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
|
|
74
80
|
import { useDropzone } from 'react-dropzone';
|
|
75
81
|
|
|
76
82
|
import ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
|
package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx
CHANGED
|
@@ -18,7 +18,7 @@ import ChatbotFooter from '@patternfly/chatbot/dist/dynamic/ChatbotFooter';
|
|
|
18
18
|
import MessageBar from '@patternfly/chatbot/dist/dynamic/MessageBar';
|
|
19
19
|
import MessageBox from '@patternfly/chatbot/dist/dynamic/MessageBox';
|
|
20
20
|
import Message, { MessageProps } from '@patternfly/chatbot/dist/dynamic/Message';
|
|
21
|
-
import ChatbotHeader, { ChatbotHeaderMain } from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
|
|
21
|
+
import ChatbotHeader, { ChatbotHeaderMain, ChatbotHeaderTitle } from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
|
|
22
22
|
import Compare from '@patternfly/chatbot/dist/dynamic/Compare';
|
|
23
23
|
import { BarsIcon } from '@patternfly/react-icons';
|
|
24
24
|
import userAvatar from '../Messages/user_avatar.svg';
|
|
@@ -115,7 +115,9 @@ export const CompareChild = ({ name, input, hasNewInput, setIsSendButtonDisabled
|
|
|
115
115
|
return (
|
|
116
116
|
<Chatbot displayMode={displayMode}>
|
|
117
117
|
<ChatbotHeader>
|
|
118
|
-
<ChatbotHeaderMain>
|
|
118
|
+
<ChatbotHeaderMain>
|
|
119
|
+
<ChatbotHeaderTitle>{name}</ChatbotHeaderTitle>
|
|
120
|
+
</ChatbotHeaderMain>
|
|
119
121
|
</ChatbotHeader>
|
|
120
122
|
<ChatbotContent>
|
|
121
123
|
<MessageBox ariaLabel={`Scrollable message log for ${name}`} announcement={announcement}>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
.pf-chatbot__menu.pf-v6-c-menu {
|
|
2
|
-
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
3
2
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
4
3
|
}
|
|
5
4
|
|
|
@@ -31,10 +30,6 @@
|
|
|
31
30
|
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
32
31
|
}
|
|
33
32
|
|
|
34
|
-
.pf-v6-c-menu__list {
|
|
35
|
-
padding: 0rem var(--pf-t--global--spacer--md) 0rem var(--pf-t--global--spacer--md);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
33
|
/* handles hover state, which uses a background */
|
|
39
34
|
.pf-v6-c-menu__list-item {
|
|
40
35
|
border-radius: var(--pf-t--global--border--radius--small);
|
|
@@ -55,8 +50,4 @@
|
|
|
55
50
|
.pf-v6-c-menu__item-description {
|
|
56
51
|
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
57
52
|
}
|
|
58
|
-
|
|
59
|
-
.pf-v6-c-divider {
|
|
60
|
-
padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
|
|
61
|
-
}
|
|
62
53
|
}
|
package/src/Chatbot/Chatbot.scss
CHANGED
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
background-color: var(--pf-t--global--background--color--floating--secondary--default);
|
|
13
13
|
border-radius: var(--pf-t--global--border--radius--medium);
|
|
14
14
|
box-shadow: var(--pf-t--global--box-shadow--lg);
|
|
15
|
-
font-size: var(--pf-t--global--font--size--md);
|
|
16
15
|
z-index: var(--pf-t--global--z-index--md);
|
|
17
16
|
-webkit-font-smoothing: antialiased;
|
|
18
17
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -178,9 +177,3 @@
|
|
|
178
177
|
}
|
|
179
178
|
}
|
|
180
179
|
|
|
181
|
-
// ============================================================================
|
|
182
|
-
// Information density styles
|
|
183
|
-
// ============================================================================
|
|
184
|
-
.pf-chatbot.pf-m-compact {
|
|
185
|
-
font-size: var(--pf-t--global--font--size--sm);
|
|
186
|
-
}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
|
|
49
49
|
// Drawer menu
|
|
50
50
|
// ----------------------------------------------------------------------------
|
|
51
|
-
.pf-v6-c-menu {
|
|
51
|
+
.pf-v6-c-menu.pf-chatbot__history-menu {
|
|
52
52
|
--pf-v6-c-menu--PaddingBlockStart: 0;
|
|
53
53
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
54
54
|
// override high contrast style
|
|
@@ -290,7 +290,13 @@ export const ChatbotConversationHistoryNav: FunctionComponent<ChatbotConversatio
|
|
|
290
290
|
return <HistoryEmptyState {...noResultsState} />;
|
|
291
291
|
}
|
|
292
292
|
return (
|
|
293
|
-
<Menu
|
|
293
|
+
<Menu
|
|
294
|
+
className="pf-chatbot__history-menu"
|
|
295
|
+
isPlain
|
|
296
|
+
onSelect={onSelectActiveItem}
|
|
297
|
+
activeItemId={activeItemId}
|
|
298
|
+
{...menuProps}
|
|
299
|
+
>
|
|
294
300
|
<MenuContent {...menuContentProps}>{buildConversations()}</MenuContent>
|
|
295
301
|
</Menu>
|
|
296
302
|
);
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&--secondary {
|
|
35
|
-
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
35
|
+
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
|
|
36
36
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
|
|
37
37
|
--pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--secondary--clicked);
|
|
38
38
|
|
|
@@ -118,6 +118,13 @@ const TABLE = `
|
|
|
118
118
|
|
|
119
119
|
`;
|
|
120
120
|
|
|
121
|
+
const TABLE_WITH_INLINE_CODE = `
|
|
122
|
+
| Status | Finding |
|
|
123
|
+
|---|---|
|
|
124
|
+
| \`1/1 Running\`, 0 restarts | Healthy — no crashes |
|
|
125
|
+
| \`1/1 Ready\` | Desired replicas met |
|
|
126
|
+
`;
|
|
127
|
+
|
|
121
128
|
const ONE_COLUMN_TABLE = `
|
|
122
129
|
|
|
123
130
|
| Column 1 |
|
|
@@ -1041,6 +1048,24 @@ describe('Message', () => {
|
|
|
1041
1048
|
render(<Message avatar="./img" role="user" name="User" content={TABLE} tableProps={{ 'aria-label': 'Test' }} />);
|
|
1042
1049
|
expect(screen.getByRole('grid', { name: /Test/i })).toBeTruthy();
|
|
1043
1050
|
});
|
|
1051
|
+
it('should wrap table cell content so inline code does not break grid layout', () => {
|
|
1052
|
+
render(
|
|
1053
|
+
<Message
|
|
1054
|
+
avatar="./img"
|
|
1055
|
+
role="user"
|
|
1056
|
+
name="User"
|
|
1057
|
+
content={TABLE_WITH_INLINE_CODE}
|
|
1058
|
+
tableProps={{ 'aria-label': 'Inline code table' }}
|
|
1059
|
+
/>
|
|
1060
|
+
);
|
|
1061
|
+
const statusCell = screen.getByRole('cell', { name: /1\/1 Running/i });
|
|
1062
|
+
expect(statusCell.querySelector(':scope > .pf-chatbot__message-table-cell-content')).toBeTruthy();
|
|
1063
|
+
expect(statusCell.querySelector(':scope > code')).toBeFalsy();
|
|
1064
|
+
expect(statusCell.querySelector('.pf-chatbot__message-inline-code')).toBeTruthy();
|
|
1065
|
+
expect(
|
|
1066
|
+
screen.getByRole('columnheader', { name: /Status/i }).querySelector('.pf-chatbot__message-table-cell-content')
|
|
1067
|
+
).toBeTruthy();
|
|
1068
|
+
});
|
|
1044
1069
|
it('should render footnote correctly', () => {
|
|
1045
1070
|
render(<Message avatar="./img" role="user" name="User" content={FOOTNOTE} />);
|
|
1046
1071
|
expect(screen.getByText(/This is some text with a footnote/i)).toBeTruthy();
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wraps table cell content in a single element so phrasing content (e.g. inline
|
|
3
|
+
* code mixed with text) is not a direct child of td/th.
|
|
4
|
+
*/
|
|
5
|
+
const TableCellContent = ({ children }: { children?: React.ReactNode }) => (
|
|
6
|
+
<span className="pf-chatbot__message-table-cell-content">{children}</span>
|
|
7
|
+
);
|
|
8
|
+
|
|
9
|
+
export default TableCellContent;
|
|
@@ -4,7 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
import { ExtraProps } from 'react-markdown';
|
|
6
6
|
import { Td, TdProps } from '@patternfly/react-table';
|
|
7
|
+
import TableCellContent from './TableCellContent';
|
|
7
8
|
|
|
8
|
-
const TdMessage = ({ children, ...props }: Omit<TdProps, 'ref'> & ExtraProps) =>
|
|
9
|
+
const TdMessage = ({ children, ...props }: Omit<TdProps, 'ref'> & ExtraProps) => (
|
|
10
|
+
<Td {...props}>
|
|
11
|
+
<TableCellContent>{children}</TableCellContent>
|
|
12
|
+
</Td>
|
|
13
|
+
);
|
|
9
14
|
|
|
10
15
|
export default TdMessage;
|
|
@@ -4,7 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
import { ExtraProps } from 'react-markdown';
|
|
6
6
|
import { Th, ThProps } from '@patternfly/react-table';
|
|
7
|
+
import TableCellContent from './TableCellContent';
|
|
7
8
|
|
|
8
|
-
const ThMessage = ({ children, ...props }: Omit<ThProps, 'ref'> & ExtraProps) =>
|
|
9
|
+
const ThMessage = ({ children, ...props }: Omit<ThProps, 'ref'> & ExtraProps) => (
|
|
10
|
+
<Th {...props}>
|
|
11
|
+
<TableCellContent>{children}</TableCellContent>
|
|
12
|
+
</Th>
|
|
13
|
+
);
|
|
9
14
|
|
|
10
15
|
export default ThMessage;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
padding: var(--pf-t--global--spacer--md) !important;
|
|
14
14
|
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
15
15
|
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
16
|
-
background-color: var(--pf-t--global--background--color--
|
|
16
|
+
background-color: var(--pf-t--global--background--color--floating--default);
|
|
17
17
|
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
18
18
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
19
19
|
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
&:hover,
|
|
33
33
|
&:focus {
|
|
34
|
-
background-color: var(--pf-t--global--background--color--
|
|
34
|
+
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
35
35
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
36
36
|
color: var(--pf-t--global--icon--color--regular) !important;
|
|
37
37
|
}
|
|
@@ -264,8 +264,8 @@ describe('SourcesCardBase', () => {
|
|
|
264
264
|
]}
|
|
265
265
|
/>
|
|
266
266
|
);
|
|
267
|
-
const
|
|
268
|
-
expect(
|
|
267
|
+
const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
268
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '400px' });
|
|
269
269
|
});
|
|
270
270
|
|
|
271
271
|
it('should apply custom cardMaxWidth when using wrap layout', () => {
|
|
@@ -279,7 +279,7 @@ describe('SourcesCardBase', () => {
|
|
|
279
279
|
cardMaxWidth="500px"
|
|
280
280
|
/>
|
|
281
281
|
);
|
|
282
|
-
const
|
|
283
|
-
expect(
|
|
282
|
+
const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
|
|
283
|
+
expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '500px' });
|
|
284
284
|
});
|
|
285
285
|
});
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
// ============================================================================
|
|
2
2
|
// Chatbot Main - Messages - Sources Card
|
|
3
3
|
// ============================================================================
|
|
4
|
-
import type {
|
|
4
|
+
import type {
|
|
5
|
+
FunctionComponent,
|
|
6
|
+
MouseEvent as ReactMouseEvent,
|
|
7
|
+
KeyboardEvent as ReactKeyboardEvent,
|
|
8
|
+
CSSProperties
|
|
9
|
+
} from 'react';
|
|
5
10
|
import { useState } from 'react';
|
|
6
11
|
// Import PatternFly components
|
|
7
12
|
import {
|
|
@@ -122,8 +127,12 @@ const SourcesCardBase: FunctionComponent<SourcesCardBaseProps> = ({
|
|
|
122
127
|
};
|
|
123
128
|
|
|
124
129
|
const renderUncontrolledSourceCard = (source: SourcesCardBaseProps['sources'][0], index: number) => (
|
|
125
|
-
<li
|
|
126
|
-
|
|
130
|
+
<li
|
|
131
|
+
key={index}
|
|
132
|
+
className="pf-chatbot__sources-list-item"
|
|
133
|
+
style={{ '--pf-chatbot-sources-card-max-width': cardMaxWidth } as CSSProperties}
|
|
134
|
+
>
|
|
135
|
+
<Card isFullHeight isCompact={isCompact} className="pf-chatbot__sources-card" {...props}>
|
|
127
136
|
<CardTitle className="pf-chatbot__sources-card-title" {...cardTitleProps}>
|
|
128
137
|
<div className="pf-chatbot__sources-card-title-container">
|
|
129
138
|
<Button
|