@katechat/ui 1.0.5 → 1.0.7
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/README.md +16 -20
- package/dist/cjs/index.css +130 -114
- package/dist/cjs/index.css.map +3 -3
- package/dist/cjs/index.js +48 -64
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/index.css +130 -114
- package/dist/esm/index.css.map +3 -3
- package/dist/esm/index.js +50 -66
- package/dist/esm/index.js.map +4 -4
- package/dist/types/components/chat/ChatMessagesContainer.d.ts +1 -0
- package/dist/types/components/chat/ChatMessagesContainer.d.ts.map +1 -1
- package/dist/types/components/chat/ChatMessagesList.d.ts.map +1 -1
- package/dist/types/components/chat/input/ChatInput.d.ts +2 -2
- package/dist/types/components/chat/message/ChatMessage.d.ts +1 -0
- package/dist/types/components/chat/message/ChatMessage.d.ts.map +1 -1
- package/dist/types/components/chat/message/ChatMessagePreview.d.ts +1 -0
- package/dist/types/components/chat/message/ChatMessagePreview.d.ts.map +1 -1
- package/dist/types/components/chat/message/LinkedChatMessage.d.ts +1 -0
- package/dist/types/components/chat/message/LinkedChatMessage.d.ts.map +1 -1
- package/dist/types/lib/markdown.parser.d.ts +1 -1
- package/dist/types/lib/markdown.parser.d.ts.map +1 -1
- package/dist/types/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -2
- package/dist/index.css +0 -1
- package/dist/index.js +0 -539
package/dist/cjs/index.css
CHANGED
|
@@ -1,157 +1,162 @@
|
|
|
1
1
|
@import "@mantine/core/styles.css";
|
|
2
2
|
|
|
3
|
-
/*
|
|
4
|
-
.
|
|
3
|
+
/* src/components/chat/message/ChatMessage.scss */
|
|
4
|
+
.katechat-message {
|
|
5
5
|
width: 100%;
|
|
6
6
|
overflow-x: hidden;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
}
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
padding: var(--mantine-spacing-md);
|
|
10
|
+
.katechat-message .katechat-message-main,
|
|
11
|
+
.katechat-message .katechat-message-linked {
|
|
12
|
+
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
13
13
|
flex-grow: 1;
|
|
14
14
|
width: 50%;
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
border-radius: var(--mantine-radius-md);
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
.katechat-message .katechat-message-linked {
|
|
20
20
|
margin: 0 var(--mantine-spacing-md);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.katechat-message .katechat-message-linked-toggle {
|
|
23
23
|
display: none;
|
|
24
24
|
}
|
|
25
25
|
@media (max-width: 1280px) {
|
|
26
|
-
.
|
|
26
|
+
.katechat-message {
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
position: relative;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.katechat-message .katechat-message-linked-toggle {
|
|
31
31
|
position: absolute;
|
|
32
32
|
right: 0.5rem;
|
|
33
33
|
top: 0.5rem;
|
|
34
34
|
display: flex;
|
|
35
35
|
z-index: 5;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
38
|
-
.
|
|
37
|
+
.katechat-message .katechat-message-main,
|
|
38
|
+
.katechat-message .katechat-message-linked {
|
|
39
39
|
width: 100%;
|
|
40
40
|
margin: 0;
|
|
41
41
|
border-radius: 0;
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.katechat-message .hidden {
|
|
44
44
|
display: none;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.katechat-message-linked {
|
|
48
48
|
width: 100%;
|
|
49
49
|
overflow-x: hidden;
|
|
50
50
|
display: flex;
|
|
51
51
|
flex-direction: column;
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
.katechat-message-content {
|
|
54
54
|
display: flex;
|
|
55
55
|
flex-direction: column;
|
|
56
56
|
align-items: stretch;
|
|
57
|
-
padding: var(--mb-padding, var(--mantine-spacing-sm));
|
|
58
57
|
border-radius: var(--mantine-radius-md);
|
|
59
|
-
margin-top: var(--mantine-spacing-
|
|
58
|
+
margin-top: var(--mantine-spacing-md);
|
|
60
59
|
}
|
|
61
|
-
.
|
|
60
|
+
.katechat-message-content p {
|
|
62
61
|
margin-block-start: 0;
|
|
63
62
|
margin-block-end: 0;
|
|
64
63
|
}
|
|
65
|
-
.
|
|
64
|
+
.katechat-message-content blockquote {
|
|
66
65
|
padding: 0 var(--mb-padding, var(--mantine-spacing-sm));
|
|
67
66
|
border-left: 0.5rem solid var(--mantine-color-default-border);
|
|
68
67
|
margin: 0.25rem 0;
|
|
69
68
|
}
|
|
70
|
-
.
|
|
69
|
+
.katechat-message-content hr {
|
|
71
70
|
width: 100%;
|
|
72
71
|
margin: 0.5rem 0 0.25rem;
|
|
73
72
|
border: none;
|
|
74
73
|
border-top: 1px solid var(--mantine-color-default-border);
|
|
75
74
|
}
|
|
76
|
-
.
|
|
75
|
+
.katechat-message-content ol,
|
|
76
|
+
.katechat-message-content ul {
|
|
77
|
+
margin: 0.25rem 0 0.25rem 0.5rem;
|
|
78
|
+
padding: 0 0 0 1.5rem;
|
|
79
|
+
}
|
|
80
|
+
.katechat-message-content img {
|
|
77
81
|
max-width: 256px;
|
|
78
82
|
max-height: 256px;
|
|
79
83
|
align-self: center;
|
|
80
84
|
height: auto;
|
|
81
|
-
margin: 0
|
|
85
|
+
margin: 0.5rem;
|
|
86
|
+
vertical-align: top;
|
|
82
87
|
cursor: pointer;
|
|
83
88
|
}
|
|
84
|
-
.
|
|
89
|
+
.katechat-message-content.katechat-message-preview {
|
|
85
90
|
height: 200px;
|
|
86
91
|
padding: var(--mb-padding, var(--mantine-spacing-sm)) 0 0 0;
|
|
87
92
|
font-size: 80%;
|
|
88
93
|
}
|
|
89
|
-
.
|
|
94
|
+
.katechat-message-content.katechat-message-preview img {
|
|
90
95
|
max-width: 50%;
|
|
91
96
|
height: auto;
|
|
92
97
|
}
|
|
93
|
-
.
|
|
98
|
+
.katechat-message-content .katechat-message-content-details {
|
|
94
99
|
margin-top: 1rem;
|
|
95
100
|
font-size: 80%;
|
|
96
101
|
display: flex;
|
|
97
102
|
flex-direction: column;
|
|
98
103
|
gap: 0;
|
|
99
104
|
}
|
|
100
|
-
.
|
|
101
|
-
.
|
|
105
|
+
.katechat-message-content .katechat-message-content-details ol,
|
|
106
|
+
.katechat-message-content .katechat-message-content-details ul {
|
|
102
107
|
margin: 0.25rem 0;
|
|
103
108
|
padding: 0 0 0 1rem;
|
|
104
109
|
}
|
|
105
|
-
.
|
|
110
|
+
.katechat-message-content .katechat-message-content-details .message-details-header {
|
|
106
111
|
margin-bottom: var(--mantine-spacing-md);
|
|
107
112
|
margin-left: 1rem;
|
|
108
113
|
}
|
|
109
|
-
.
|
|
114
|
+
.katechat-message-content .katechat-message-content-details .message-details-header svg {
|
|
110
115
|
color: var(--mantine-color-gray-7);
|
|
111
116
|
}
|
|
112
|
-
.
|
|
117
|
+
.katechat-message-content .katechat-message-content-details .message-details-content {
|
|
113
118
|
padding-left: var(--mantine-spacing-md);
|
|
114
119
|
border-left: 1px solid var(--mantine-color-gray-7);
|
|
115
120
|
margin-left: 1.5rem;
|
|
116
121
|
}
|
|
117
|
-
.
|
|
122
|
+
.katechat-message-content table {
|
|
118
123
|
margin-top: var(--mantine-spacing-md);
|
|
119
124
|
margin-bottom: var(--mantine-spacing-md);
|
|
120
125
|
border-spacing: 0;
|
|
121
126
|
}
|
|
122
|
-
.
|
|
123
|
-
.
|
|
127
|
+
.katechat-message-content table td,
|
|
128
|
+
.katechat-message-content table th {
|
|
124
129
|
padding: var(--mb-padding, var(--mantine-spacing-xs));
|
|
125
130
|
margin: 0;
|
|
126
131
|
border-top: 1px solid var(--mantine-color-default-border);
|
|
127
132
|
border-left: 1px solid var(--mantine-color-default-border);
|
|
128
133
|
}
|
|
129
|
-
.
|
|
130
|
-
.
|
|
134
|
+
.katechat-message-content table tr td:last-child,
|
|
135
|
+
.katechat-message-content table tr th:last-child {
|
|
131
136
|
border-right: 1px solid var(--mantine-color-default-border);
|
|
132
137
|
}
|
|
133
|
-
.
|
|
138
|
+
.katechat-message-content table tr:last-child td {
|
|
134
139
|
border-bottom: 1px solid var(--mantine-color-default-border);
|
|
135
140
|
}
|
|
136
|
-
.
|
|
141
|
+
.katechat-message-content table tr:nth-child(2n) {
|
|
137
142
|
background-color: var(--mantine-color-dark-5);
|
|
138
143
|
}
|
|
139
|
-
.
|
|
144
|
+
.katechat-message-content table thead tr {
|
|
140
145
|
background-color: var(--mantine-color-dark-5);
|
|
141
146
|
}
|
|
142
|
-
.
|
|
147
|
+
.katechat-message-content table thead tr:first-child th:first-child {
|
|
143
148
|
border-top-left-radius: var(--mantine-radius-md);
|
|
144
149
|
}
|
|
145
|
-
.
|
|
150
|
+
.katechat-message-content table thead tr:first-child th:last-child {
|
|
146
151
|
border-top-right-radius: var(--mantine-radius-md);
|
|
147
152
|
}
|
|
148
|
-
.
|
|
153
|
+
.katechat-message-content table tr:last-child td:first-child {
|
|
149
154
|
border-bottom-left-radius: var(--mantine-radius-md);
|
|
150
155
|
}
|
|
151
|
-
.
|
|
156
|
+
.katechat-message-content table tr:last-child td:last-child {
|
|
152
157
|
border-bottom-right-radius: var(--mantine-radius-md);
|
|
153
158
|
}
|
|
154
|
-
.
|
|
159
|
+
.katechat-message-content pre {
|
|
155
160
|
margin: 0.5rem 0;
|
|
156
161
|
padding: 1em;
|
|
157
162
|
clip-path: none;
|
|
@@ -160,7 +165,7 @@
|
|
|
160
165
|
font-family: var(--monospace-font-family);
|
|
161
166
|
overflow-x: auto;
|
|
162
167
|
}
|
|
163
|
-
.
|
|
168
|
+
.katechat-message-content .code-header {
|
|
164
169
|
font-size: 0.875rem;
|
|
165
170
|
margin-top: 0.5rem;
|
|
166
171
|
padding: 0.25rem 1rem 0.25rem 0.5rem;
|
|
@@ -173,7 +178,7 @@
|
|
|
173
178
|
white-space: normal;
|
|
174
179
|
gap: 0.5rem;
|
|
175
180
|
}
|
|
176
|
-
.
|
|
181
|
+
.katechat-message-content .code-header .title {
|
|
177
182
|
width: fit-content;
|
|
178
183
|
font-weight: 700;
|
|
179
184
|
display: flex;
|
|
@@ -183,17 +188,17 @@
|
|
|
183
188
|
user-select: none;
|
|
184
189
|
min-height: 2rem;
|
|
185
190
|
}
|
|
186
|
-
.
|
|
191
|
+
.katechat-message-content .code-header .title .header-toggle {
|
|
187
192
|
margin-right: 0.5rem;
|
|
188
193
|
display: none;
|
|
189
194
|
display: inline-block;
|
|
190
195
|
transform: rotateZ(90deg);
|
|
191
196
|
transition: transform var(--theme-default-time) ease;
|
|
192
197
|
}
|
|
193
|
-
.
|
|
198
|
+
.katechat-message-content .code-header .code-header-actions {
|
|
194
199
|
align-content: flex-end;
|
|
195
200
|
}
|
|
196
|
-
.
|
|
201
|
+
.katechat-message-content .code-header .action-btn {
|
|
197
202
|
padding: 0.1rem;
|
|
198
203
|
line-height: 1;
|
|
199
204
|
display: flex;
|
|
@@ -203,18 +208,18 @@
|
|
|
203
208
|
gap: 0.25rem;
|
|
204
209
|
cursor: pointer;
|
|
205
210
|
}
|
|
206
|
-
.
|
|
211
|
+
.katechat-message-content .code-header.collapsed {
|
|
207
212
|
border-bottom-right-radius: 0.25em;
|
|
208
213
|
border-bottom-left-radius: 0.25em;
|
|
209
214
|
margin-bottom: 0;
|
|
210
215
|
}
|
|
211
|
-
.
|
|
216
|
+
.katechat-message-content .code-header.collapsed .title .header-toggle {
|
|
212
217
|
transform: translateY(0.2rem) rotateZ(0deg);
|
|
213
218
|
}
|
|
214
|
-
.
|
|
219
|
+
.katechat-message-content .code-header.collapsed .code-copy-btn {
|
|
215
220
|
display: none;
|
|
216
221
|
}
|
|
217
|
-
.
|
|
222
|
+
.katechat-message-content .code-block {
|
|
218
223
|
flex-grow: 1;
|
|
219
224
|
overflow-x: auto;
|
|
220
225
|
margin-top: 0;
|
|
@@ -226,94 +231,98 @@
|
|
|
226
231
|
height 0.5s ease,
|
|
227
232
|
opacity 0.5s ease;
|
|
228
233
|
}
|
|
229
|
-
.
|
|
234
|
+
.katechat-message-content .code-block pre {
|
|
230
235
|
margin: 0;
|
|
231
236
|
white-space: pre;
|
|
232
237
|
}
|
|
233
|
-
.
|
|
238
|
+
.katechat-message-content .code-block.collapsed {
|
|
234
239
|
clip-path: inset(0 0 100% 0);
|
|
235
240
|
overflow-y: hidden;
|
|
236
241
|
height: 0;
|
|
237
242
|
opacity: 0;
|
|
238
243
|
}
|
|
239
|
-
.
|
|
244
|
+
.katechat-message-content .code-data {
|
|
240
245
|
display: none;
|
|
241
246
|
}
|
|
242
|
-
.
|
|
247
|
+
.katechat-message-content .code-footer {
|
|
243
248
|
font-size: 90%;
|
|
244
249
|
display: flex;
|
|
245
250
|
align-items: flex-start;
|
|
246
251
|
margin-bottom: 0.7rem;
|
|
247
252
|
}
|
|
248
|
-
.
|
|
253
|
+
.katechat-message-content .code-footer.collapsed {
|
|
249
254
|
display: none;
|
|
250
255
|
}
|
|
251
|
-
.
|
|
256
|
+
.katechat-message-content .katex-html {
|
|
252
257
|
display: inline-block;
|
|
253
258
|
margin: 0.5rem 0.5rem 0 0;
|
|
254
259
|
}
|
|
255
|
-
.
|
|
260
|
+
.katechat-message-footer {
|
|
256
261
|
display: flex;
|
|
257
262
|
flex-direction: row;
|
|
258
263
|
align-items: center;
|
|
259
264
|
gap: 0.5rem;
|
|
260
|
-
padding: 0.5rem 0 0
|
|
265
|
+
padding: 0.5rem 0 0;
|
|
261
266
|
opacity: 0.5;
|
|
262
267
|
transition: opacity var(--theme-default-time) ease;
|
|
263
268
|
}
|
|
264
|
-
.
|
|
269
|
+
.katechat-message-footer .check-icon {
|
|
265
270
|
display: none;
|
|
266
271
|
}
|
|
267
|
-
.
|
|
272
|
+
.katechat-message-footer:hover {
|
|
268
273
|
opacity: 1;
|
|
269
274
|
}
|
|
270
|
-
[data-mantine-color-scheme=dark] .
|
|
271
|
-
[data-mantine-color-scheme=dark] .
|
|
275
|
+
[data-mantine-color-scheme=dark] .katechat-message .code-block,
|
|
276
|
+
[data-mantine-color-scheme=dark] .katechat-message pre {
|
|
272
277
|
background-color: var(--mantine-color-dark-6);
|
|
273
278
|
}
|
|
274
|
-
[data-mantine-color-scheme=dark] .
|
|
279
|
+
[data-mantine-color-scheme=dark] .katechat-message .code-header {
|
|
275
280
|
background-color: var(--mantine-color-dark-6);
|
|
276
281
|
}
|
|
277
|
-
[data-mantine-color-scheme=dark] .
|
|
282
|
+
[data-mantine-color-scheme=dark] .katechat-message .code-header:hover {
|
|
278
283
|
background-color: var(--mantine-color-dark-5);
|
|
279
284
|
}
|
|
280
|
-
[data-mantine-color-scheme=dark] .
|
|
281
|
-
background-color: var(--mantine-color-dark-
|
|
285
|
+
[data-mantine-color-scheme=dark] .katechat-message.katechat-message__user {
|
|
286
|
+
background-color: var(--mantine-color-dark-8);
|
|
287
|
+
border-top: 1px solid var(--mantine-color-dark-6);
|
|
288
|
+
border-bottom: 1px solid var(--mantine-color-dark-6);
|
|
282
289
|
}
|
|
283
|
-
[data-mantine-color-scheme=dark] .
|
|
290
|
+
[data-mantine-color-scheme=dark] .katechat-message.katechat-message__error .katechat-message-content {
|
|
284
291
|
color: var(--mantine-color-yellow-9);
|
|
285
292
|
}
|
|
286
|
-
[data-mantine-color-scheme=dark] .
|
|
293
|
+
[data-mantine-color-scheme=dark] .katechat-message .katechat-message-linked {
|
|
287
294
|
background-color: var(--mantine-color-dark-8);
|
|
288
295
|
}
|
|
289
|
-
[data-mantine-color-scheme=light] .
|
|
290
|
-
[data-mantine-color-scheme=light] .
|
|
296
|
+
[data-mantine-color-scheme=light] .katechat-message .code-block,
|
|
297
|
+
[data-mantine-color-scheme=light] .katechat-message pre {
|
|
291
298
|
background-color: var(--mantine-color-gray-3);
|
|
292
299
|
}
|
|
293
|
-
[data-mantine-color-scheme=light] .
|
|
300
|
+
[data-mantine-color-scheme=light] .katechat-message .code-header {
|
|
294
301
|
background-color: var(--mantine-color-gray-3);
|
|
295
302
|
}
|
|
296
|
-
[data-mantine-color-scheme=light] .
|
|
303
|
+
[data-mantine-color-scheme=light] .katechat-message .code-header:hover {
|
|
297
304
|
background-color: var(--mantine-color-gray-4);
|
|
298
305
|
}
|
|
299
|
-
[data-mantine-color-scheme=light] .
|
|
306
|
+
[data-mantine-color-scheme=light] .katechat-message.katechat-message__user {
|
|
300
307
|
background-color: var(--mantine-color-blue-0);
|
|
308
|
+
border-top: 1px solid var(--mantine-color-blue-1);
|
|
309
|
+
border-bottom: 1px solid var(--mantine-color-blue-1);
|
|
301
310
|
}
|
|
302
|
-
[data-mantine-color-scheme=light] .
|
|
311
|
+
[data-mantine-color-scheme=light] .katechat-message.katechat-message__error .katechat-message-content {
|
|
303
312
|
color: var(--mantine-color-red-5);
|
|
304
313
|
}
|
|
305
|
-
[data-mantine-color-scheme=light] .
|
|
314
|
+
[data-mantine-color-scheme=light] .katechat-message .katechat-message-linked {
|
|
306
315
|
background-color: var(--mantine-color-gray-3);
|
|
307
316
|
}
|
|
308
|
-
[data-mantine-color-scheme=light] .
|
|
317
|
+
[data-mantine-color-scheme=light] .katechat-message tr:nth-child(2n) {
|
|
309
318
|
background-color: var(--mantine-color-blue-1);
|
|
310
319
|
}
|
|
311
|
-
[data-mantine-color-scheme=light] .
|
|
320
|
+
[data-mantine-color-scheme=light] .katechat-message thead tr {
|
|
312
321
|
background-color: var(--mantine-color-blue-1);
|
|
313
322
|
}
|
|
314
323
|
|
|
315
324
|
/* esbuild-sass-plugin:css-chunk:src/components/chat/message/ChatMessage.Carousel.module.scss */
|
|
316
|
-
.
|
|
325
|
+
._controls_pp1ia_1:where([data-orientation=horizontal]) {
|
|
317
326
|
bottom: auto !important;
|
|
318
327
|
top: 0.5rem !important;
|
|
319
328
|
left: calc(50% - 5rem) !important;
|
|
@@ -322,54 +331,54 @@
|
|
|
322
331
|
}
|
|
323
332
|
|
|
324
333
|
/* esbuild-sass-plugin:css-chunk:src/controls/FileDropzone/FileDropzone.module.scss */
|
|
325
|
-
.
|
|
334
|
+
._dropzone_16zca_1 {
|
|
326
335
|
cursor: pointer;
|
|
327
336
|
}
|
|
328
|
-
.
|
|
337
|
+
._dropzone_16zca_1:hover {
|
|
329
338
|
color: var(--mantine-color-brand-6);
|
|
330
339
|
}
|
|
331
|
-
.
|
|
340
|
+
._dragging_16zca_8 {
|
|
332
341
|
color: var(--mantine-color-brand-6);
|
|
333
342
|
}
|
|
334
|
-
.
|
|
343
|
+
._disabled_16zca_12 {
|
|
335
344
|
color: var(--mantine-color-gray-4);
|
|
336
345
|
cursor: not-allowed;
|
|
337
346
|
}
|
|
338
347
|
|
|
339
348
|
/* esbuild-sass-plugin:css-chunk:src/components/chat/input/ChatInput.module.scss */
|
|
340
|
-
[data-mantine-color-scheme=light] .
|
|
349
|
+
[data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._chatControls_1cjl9_1 {
|
|
341
350
|
border: 1px solid var(--app-shell-border-color);
|
|
342
351
|
}
|
|
343
|
-
[data-mantine-color-scheme=light] .
|
|
352
|
+
[data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._headerRow_1cjl9_4 {
|
|
344
353
|
background-color: var(--mantine-color-gray-4);
|
|
345
354
|
}
|
|
346
|
-
[data-mantine-color-scheme=light] .
|
|
355
|
+
[data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 textarea {
|
|
347
356
|
border: 1px solid var(--app-shell-border-color);
|
|
348
357
|
}
|
|
349
|
-
.
|
|
358
|
+
._chatControlsContainer_1cjl9_1 {
|
|
350
359
|
display: flex;
|
|
351
360
|
flex-direction: column;
|
|
352
361
|
align-items: stretch;
|
|
353
362
|
justify-content: center;
|
|
354
363
|
}
|
|
355
|
-
.
|
|
364
|
+
._chatControlsContainer_1cjl9_1._hidden_1cjl9_17 {
|
|
356
365
|
display: none;
|
|
357
366
|
}
|
|
358
|
-
.
|
|
367
|
+
._chatControlsContainer_1cjl9_1._promptMode_1cjl9_20 {
|
|
359
368
|
flex-grow: 1;
|
|
360
369
|
padding-bottom: 15rem;
|
|
361
370
|
}
|
|
362
|
-
.
|
|
371
|
+
._chatControlsContainer_1cjl9_1 ._chatControls_1cjl9_1 {
|
|
363
372
|
border: 1px solid var(--app-shell-border-color);
|
|
364
373
|
border-radius: var(--mantine-radius-default);
|
|
365
374
|
background-color: var(--app-shell-border-color);
|
|
366
375
|
}
|
|
367
|
-
.
|
|
376
|
+
._chatControlsContainer_1cjl9_1 ._headerRow_1cjl9_4 {
|
|
368
377
|
padding: 0.33rem;
|
|
369
378
|
border-top-left-radius: var(--mantine-radius-default);
|
|
370
379
|
border-top-right-radius: var(--mantine-radius-default);
|
|
371
380
|
}
|
|
372
|
-
.
|
|
381
|
+
._chatInputContainer_1cjl9_35 {
|
|
373
382
|
display: flex;
|
|
374
383
|
flex-direction: row;
|
|
375
384
|
align-items: flex-start;
|
|
@@ -378,58 +387,58 @@
|
|
|
378
387
|
background-color: var(--mantine-color-body);
|
|
379
388
|
border-radius: var(--mantine-radius-default);
|
|
380
389
|
}
|
|
381
|
-
.
|
|
390
|
+
._chatInputContainer_1cjl9_35 ._documentsInput_1cjl9_44 {
|
|
382
391
|
display: flex;
|
|
383
392
|
flex-direction: row;
|
|
384
393
|
gap: 0.25rem;
|
|
385
394
|
align-items: stretch;
|
|
386
395
|
}
|
|
387
|
-
.
|
|
396
|
+
._chatInputContainer_1cjl9_35._columned_1cjl9_50 {
|
|
388
397
|
flex-direction: column;
|
|
389
398
|
align-items: flex-start;
|
|
390
399
|
justify-items: stretch;
|
|
391
400
|
}
|
|
392
|
-
.
|
|
401
|
+
._chatInputContainer_1cjl9_35._columned_1cjl9_50 ._chatInputGroup_1cjl9_7 {
|
|
393
402
|
align-self: stretch;
|
|
394
403
|
}
|
|
395
|
-
.
|
|
404
|
+
._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 {
|
|
396
405
|
display: flex;
|
|
397
406
|
flex-direction: row;
|
|
398
407
|
gap: 0.5rem;
|
|
399
408
|
}
|
|
400
|
-
.
|
|
409
|
+
._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 {
|
|
401
410
|
position: relative;
|
|
402
411
|
background-color: var(--input-bg);
|
|
403
412
|
height: 64px;
|
|
404
413
|
border-radius: var(--mantine-radius-default);
|
|
405
414
|
}
|
|
406
|
-
.
|
|
415
|
+
._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 img {
|
|
407
416
|
max-width: 64px;
|
|
408
417
|
max-height: 64px;
|
|
409
418
|
object-fit: cover;
|
|
410
419
|
border-radius: var(--mantine-radius-default);
|
|
411
420
|
}
|
|
412
|
-
.
|
|
421
|
+
._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 ._removeButton_1cjl9_75 {
|
|
413
422
|
position: absolute;
|
|
414
423
|
top: 0.1rem;
|
|
415
424
|
right: 0.1rem;
|
|
416
425
|
border-radius: 50%;
|
|
417
426
|
}
|
|
418
|
-
.
|
|
427
|
+
._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 {
|
|
419
428
|
flex-grow: 1;
|
|
420
429
|
display: flex;
|
|
421
430
|
flex-direction: row;
|
|
422
431
|
gap: 0.5rem;
|
|
423
432
|
}
|
|
424
|
-
.
|
|
433
|
+
._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 {
|
|
425
434
|
flex-grow: 1;
|
|
426
435
|
}
|
|
427
|
-
.
|
|
436
|
+
._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 textarea {
|
|
428
437
|
border: 1px solid var(--app-shell-border-color);
|
|
429
438
|
}
|
|
430
439
|
|
|
431
|
-
/*
|
|
432
|
-
.
|
|
440
|
+
/* src/components/chat/ChatMessagesContainer.scss */
|
|
441
|
+
.katechat-messages-container {
|
|
433
442
|
flex-grow: 1;
|
|
434
443
|
position: relative;
|
|
435
444
|
display: none;
|
|
@@ -440,28 +449,34 @@
|
|
|
440
449
|
opacity: 1;
|
|
441
450
|
transition: all 0.3s ease;
|
|
442
451
|
}
|
|
443
|
-
.
|
|
452
|
+
.katechat-messages-container .katechat-messages-list {
|
|
444
453
|
opacity: 0;
|
|
445
454
|
margin-bottom: 1rem;
|
|
446
455
|
}
|
|
447
|
-
.
|
|
456
|
+
.katechat-messages-container.container--empty {
|
|
448
457
|
flex-grow: 0;
|
|
449
458
|
opacity: 0;
|
|
450
459
|
}
|
|
451
|
-
.
|
|
460
|
+
.katechat-messages-container .katechat-messages-container-scroller {
|
|
452
461
|
overflow-y: scroll;
|
|
453
462
|
flex-grow: 1;
|
|
454
463
|
}
|
|
455
|
-
.
|
|
464
|
+
.katechat-messages-container.container--load-completed {
|
|
456
465
|
display: flex;
|
|
457
466
|
}
|
|
458
|
-
.
|
|
467
|
+
.katechat-messages-container.container--load-completed .scroller {
|
|
459
468
|
scroll-behavior: smooth;
|
|
460
469
|
}
|
|
461
|
-
.
|
|
470
|
+
.katechat-messages-container.container--load-completed .katechat-messages-list {
|
|
462
471
|
opacity: 1;
|
|
463
472
|
}
|
|
464
|
-
.
|
|
473
|
+
.katechat-messages-container .katechat-message:first-child {
|
|
474
|
+
border-top: none;
|
|
475
|
+
}
|
|
476
|
+
.katechat-messages-container .katechat-message:last-child {
|
|
477
|
+
border-bottom: none;
|
|
478
|
+
}
|
|
479
|
+
.katechat-anchor-container {
|
|
465
480
|
position: absolute;
|
|
466
481
|
width: 40px;
|
|
467
482
|
left: calc(50% - 40px);
|
|
@@ -475,17 +490,18 @@
|
|
|
475
490
|
opacity: 0;
|
|
476
491
|
transition: all 0.5s ease;
|
|
477
492
|
}
|
|
478
|
-
.
|
|
493
|
+
.katechat-anchor-container.container--visible {
|
|
479
494
|
opacity: 1;
|
|
480
495
|
}
|
|
481
|
-
.
|
|
496
|
+
.katechat-anchor-container .katechat-anchor {
|
|
482
497
|
background-color: var(--mantine-color-body);
|
|
483
498
|
border-radius: 50%;
|
|
484
499
|
height: 32px;
|
|
485
500
|
width: 32px;
|
|
486
501
|
opacity: 0.75;
|
|
502
|
+
cursor: pointer;
|
|
487
503
|
}
|
|
488
|
-
.
|
|
504
|
+
.katechat-anchor-container .katechat-anchor:hover {
|
|
489
505
|
opacity: 1;
|
|
490
506
|
}
|
|
491
507
|
/*# sourceMappingURL=index.css.map */
|